:root{--primary:#0a2342;--secondary:#f5f7fa;--accent:#8b0000;--danger:#e53935;--text-dark:#333;--text-light:#fff;--primary-bg:#222;--primary-text:#fff;--hover-bg:#333}body{color:var(--text-dark);background:url(/bankbg.png) 0 0/cover;margin:0;font-family:Segoe UI,Arial,sans-serif}header{background:var(--primary);color:var(--text-light);text-align:center;padding:20px;box-shadow:0 2px 6px #0003}.navbar{background:var(--primary);height:64px;color:var(--primary-text,#fff);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:hidden}.page-content{flex:1;padding:30px;overflow-y:auto}.nav-links{flex-wrap:nowrap;gap:20px;display:flex}.nav-link{color:var(--primary-text);border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background .3s,color .3s;display:flex}.nav-contact{flex-shrink:0;gap:12px;display:flex}.hamburger-btn{color:var(--primary-text);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.nav-icon-link{color:var(--primary-text);font-size:18px;transition:color .3s}.nav-link:hover,.nav-link.active{background:var(--hover,#fff);color:var(--accent)}.logo-link:hover{color:#fff}.card{text-align:center;background:#fff;border-radius:12px;max-width:500px;margin:40px auto;padding:30px;transition:transform .2s;box-shadow:0 4px 12px #0000001a}.card:hover{transform:translateY(-3px)}.card-header{align-items:center;gap:10px;display:flex}.signup-form,.login-form{flex-direction:column;gap:15px;display:flex}.signup-form input,.login-form input,select{border:1px solid #ccc;border-radius:6px;padding:12px;font-size:.95rem}input:focus,select:focus{border-color:var(--primary);outline:none}.btn-primary,.btn-secondary,.btn-link,.logout-btn{cursor:pointer;border-radius:6px;padding:12px 20px;font-weight:600;transition:background .3s,transform .2s}.btn-primary{background:var(--primary);color:var(--text-light);border:none}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-secondary{color:var(--text-light);background:#888;border:none}.btn-secondary:hover{background:#555}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.9rem}.logout-btn{background:var(--danger);color:var(--text-light);border:none}.logout-btn:hover{background:#c62828}.dashboard-container{box-sizing:border-box;background:#f9f9fb;border-radius:12px;max-width:calc(100% - 240px);margin-left:240px;padding:2rem;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden;box-shadow:0 4px 12px #00000014}.dashboard-title{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.page-subtitle{color:#7f8c8d;margin-bottom:2rem;font-size:1.2rem}.dashboard-container p{color:#34495e;margin:.5rem 0;font-size:1rem}.dashboard-container strong{color:#2c3e50}.accounts-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.account-card{background:var(--secondary);text-align:center;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.account-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.account-card h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.2rem}.account-card .balance{color:#27ae60;font-size:1.4rem;font-weight:700}.section-title{color:#2c3e50;margin-top:2rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.transaction-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;margin-bottom:.8rem;padding:.8rem 1rem;display:flex}.tx-info{flex-direction:column;display:flex}.tx-info strong{color:#2c3e50;font-size:1rem}.tx-credit{color:#27ae60;font-weight:600}.tx-debit{color:#c0392b;font-weight:600}.empty-msg{color:#777;font-style:italic}.landing-container{text-align:center;max-width:1200px;margin:0 auto;padding:40px 20px}.landing-hero{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--text-light);border-radius:12px;margin-bottom:40px;padding:80px 20px}.landing-title{margin-bottom:10px;font-size:2.5rem;font-weight:700}.landing-subtitle{margin-bottom:20px;font-size:1.2rem}.landing-auth{justify-content:center;gap:15px;margin-top:20px;display:flex}.landing-btn{color:var(--primary);cursor:pointer;background:#c80909;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.landing-btn:hover{background:var(--secondary);transform:translateY(-2px)}.landing-features{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.feature-card{cursor:pointer;background:#fff;border-radius:12px;width:250px;padding:20px;transition:transform .2s;display:grid;box-shadow:0 4px 12px #0000001a}.feature-card:hover{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--text-light);transform:translateY(-5px)}.feature-icon,.feature-icon:hover{color:#b80000;margin-bottom:10px;font-size:2rem}.sidebar{background:var(--primary);width:240px;color:var(--primary-text);z-index:900;flex-direction:column;height:calc(100vh - 64px);transition:left .3s;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow:hidden}.sidebar.closed{left:-240px}.sidebar-nav{flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex}.sidebar-logout{border-top:1px solid #ffffff1a;padding:16px}.sidebar.open{left:0}.sidebar-logo{padding:20px}.logo-link{color:var(--primary-text);font-weight:700;text-decoration:none}.sidebar-link{color:var(--primary-text);align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:background .3s,color .3s;display:flex}.sidebar-logout{color:var(--primary-text);cursor:pointer;text-align:left;background:#8b0000;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;text-decoration:none;transition:background .3s,color .3s;display:flex}.sidebar-logout:hover{color:#8b0000;background:#000}.sidebar-link:hover,.sidebar-link.active{background:var(--hover,#fff);color:var(--accent,#8b0000)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:240px;padding:80px 20px 20px}.app-header{background:var(--primary);color:var(--text-light);text-align:center;padding:20px;box-shadow:0 2px 6px #0003}.card{text-align:center;background:#fff;border-radius:10px;max-width:500px;margin:60px auto;padding:30px;box-shadow:0 4px 12px #0000001a}.login-card{max-width:400px}.form-title{color:var(--primary);margin-bottom:20px;font-size:1.5rem;font-weight:600}.login-form{flex-direction:column;gap:15px;display:flex}.login-form input{border:1px solid #ccc;border-radius:6px;padding:12px;font-size:.95rem}.login-form input:focus{border-color:var(--accent);outline:none}.btn-primary{background:var(--primary);color:var(--text-light);cursor:pointer;border:none;border-radius:6px;padding:12px;font-weight:600;transition:background .3s}.btn-primary:hover{background:var(--accent)}.form-footer{text-align:center;margin-top:20px;font-size:.9rem}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:.9rem}.link{color:var(--accent);cursor:pointer;font-weight:600}@media (width<=480px){header{padding:12px;font-size:1rem}.navbar{flex-direction:column;gap:10px;padding:12px}.nav-links{flex-direction:column;align-items:center;gap:12px}.dashboard-container{margin:1rem;padding:1rem}.accounts-grid{grid-template-columns:1fr}.account-card{padding:1rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:6px}.landing-title{font-size:1.6rem}.landing-subtitle{font-size:1rem}}@media (width>=481px) and (width<=1024px){.navbar{padding:12px 20px}.accounts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.landing-title{font-size:2rem}.landing-subtitle{font-size:1.1rem}}@media (width>=1920px){.dashboard-container{max-width:1600px;padding:3rem}.dashboard-title{font-size:2.4rem}.account-card h3{font-size:1.6rem}.account-card .balance{font-size:1.8rem}.landing-title{font-size:3rem}.landing-subtitle{font-size:1.4rem}}@media (width<=768px){.sidebar{transition:left .3s;position:fixed;left:-240px}.sidebar.open{left:0}.main-content{margin-left:0}.logo,.nav-links{display:none}.navbar{justify-content:flex-start;gap:16px}.hamburger-btn{color:var(--primary-text);cursor:pointer;background:0 0;border:none;margin-right:auto;font-size:24px;display:block}.nav-contact{flex-shrink:0;gap:12px;margin-left:auto;display:flex}.bank-cards{grid-template-columns:1fr}.dashboard-container{gap:16px;padding:12px}.account-cards{grid-template-columns:1fr}.bank-card,.account-card{width:100%;margin:0 auto;padding:12px;font-size:14px}.transaction-item{flex-direction:column;align-items:flex-start;gap:4px}}.transfer-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.transfer-form label{color:var(--primary);flex-direction:column;font-weight:600;display:flex}.transfer-form input,.transfer-form select{border:1px solid #ccc;border-radius:6px;margin-top:6px;padding:12px;font-size:.95rem;transition:border-color .3s}.transfer-form input:focus,.transfer-form select:focus{border-color:var(--accent);outline:none}.transfer-form .btn-primary{align-self:flex-start;margin-top:10px}.transaction-list{margin:0;padding:0;list-style:none}.transaction-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;margin-bottom:.8rem;padding:.8rem 1rem;transition:background .2s;display:flex}.transaction-item:hover{background:#f5f7fa}.tx-info{color:#2c3e50;font-size:1rem}.tx-meta{color:#7f8c8d;align-self:center;font-size:.9rem}.transaction-item.completed .tx-meta{color:#27ae60;font-weight:600}.transaction-item.failed .tx-meta{color:#c0392b;font-weight:600}.empty-msg{color:#777;margin-top:10px;font-style:italic}.bank-cards{flex-wrap:wrap;justify-content:center;gap:40px;margin:40px 0;display:flex}.bank-card{color:#fff;background:linear-gradient(135deg,#b71c1c,#024383);border-radius:12px;flex-direction:column;justify-content:space-between;width:300px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 6px 16px #00000040}.bank-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000059}.bank-name{margin-bottom:12px;font-size:1.1rem;font-weight:700}.card-chip{align-items:center;margin-bottom:15px;display:flex}.card-number{letter-spacing:2px;color:#b71c1c;margin:20px 0;font-size:1.4rem;font-weight:700}.card-footer{justify-content:space-between;font-size:.9rem;display:flex}.holder{font-weight:600}.expiry{font-style:italic}.chip-icon{transform:rotate(270deg)}.landing-countries{text-align:center;cursor:pointer;margin-top:40px}.countries-title{color:#024383;background-color:#fff;margin-bottom:20px;font-size:1.4rem;font-weight:700}.countries-list{flex-wrap:wrap;justify-content:center;gap:25px;padding:0;list-style:none;display:flex}.countries-list li{color:#333;background:#f5f5f5;border-radius:8px;align-items:center;gap:10px;padding:10px 18px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 2px 6px #0000001a}.countries-list li:hover{color:#fff;background:#b71c1c;transform:translateY(-4px)}.investment{margin-top:10px}.gold-indicator{color:#b8860b;background:linear-gradient(90deg,gold,#b8860b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-left:6px;font-weight:600}@media (width<=600px){.transfer-form{gap:12px}.transaction-item{flex-direction:column;align-items:flex-start;gap:6px}.tx-meta{align-self:flex-start}}@media (width<=768px){.sidebar{width:200px;padding:.75rem}.nav-contact{margin-right:auto}.sidebar-link{gap:8px;padding:10px 16px;font-size:.9rem}.sidebar-logo{display:block}.bank-cards,.account-cards{grid-template-columns:1fr}.transaction-item{flex-direction:column;align-items:flex-start;gap:4px}.sidebar-logout{margin-bottom:20px;padding:10px 16px;font-size:.9rem}}@media (width>=769px){.sidebar-logo{display:none}.sidebar{left:0}}