@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary:#10b981;--bg-dark:#0a0a0a;--bg-secondary:#121212;--surface:#181818;--surface-hover:#222;--border:#ffffff14;--text-main:#fff;--text-dim:#a1a1aa;--card-glow:#10b9811a;--glass:#ffffff08}[data-theme=light]{--bg-dark:#f8fafc;--bg-secondary:#f1f5f9;--surface:#fff;--surface-hover:#f8fafc;--border:#0000000f;--text-main:#0f172a;--text-dim:#64748b;--card-glow:#10b9810d;--glass:#00000005}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}html{font-size:14px}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;accent-color:var(--primary);font-family:Plus Jakarta Sans,sans-serif}.layout{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card:hover{border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;padding:8px 16px;font-weight:600}[data-theme=light] .btn-primary{color:#fff}@media (width<=768px){html{font-size:13px}.container{padding:0 16px}}.nav-bar{background:var(--bg-dark);border-bottom:1px solid var(--border-dark);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.nav-brand{color:var(--text-main);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.logo-box{background:var(--primary);color:#000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text-dim);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a.active{color:var(--primary);background:#ffffff0d;border-radius:20px;padding:6px 12px}.nav-actions{align-items:center;gap:12px;display:flex}.icon-btn{color:var(--text-dim);border:1px solid var(--border-dark);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}[data-theme=light] .icon-btn{color:#64748b;background:#fff}.icon-btn:hover{color:var(--text-main);background:#ffffff0d}.page-content{flex-grow:1;padding:32px 0}.footer{background:var(--bg-dark);border-top:1px solid var(--border-dark);margin-top:auto;padding:40px 0 32px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand h2{margin-bottom:12px;font-size:1.25rem}.footer-brand p{color:var(--text-dim);max-width:260px;font-size:.85rem;line-height:1.5}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.bank-card{border-radius:16px;flex-direction:column;height:200px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bank-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0003}.card-texture{pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff0d 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.chip{background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);border-radius:4px;width:36px;height:28px;margin-bottom:12px;position:relative}.chip:after{content:"";background-color:#0000;background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--border)}.dashboard-layout{grid-template-columns:2fr 1fr;gap:24px;display:grid}.insight-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=1024px){.dashboard-layout,.footer-top,.privacy-layout{grid-template-columns:1fr;gap:32px}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.nav-bar{padding:12px 16px}.nav-links{display:none}}
