@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
.digital-banking{--color-primary:#0052cc;--color-secondary:#00875a;--color-accent:#6554c0;--color-gold:#ffab00;--color-success:#36b37e;--color-error:#ff5630;--color-bg:#0a1628;--color-bg-alt:#0f1d32;--color-bg-card:#ffffff0d;--color-bg-glass:#ffffff14;--color-text:#fff;--color-text-muted:#a3b3c9;--color-text-subtle:#6b7d99;--color-border:#ffffff1a;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;font-family:var(--font-body);background:linear-gradient(135deg,var(--color-bg)0%,var(--color-bg-alt)100%);color:var(--color-text);min-height:100vh}.digital-banking h1,.digital-banking h2,.digital-banking h3,.digital-banking h4{font-family:var(--font-heading);font-weight:700}.digital-banking .gradient-text{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.digital-banking .gradient-text-gold{background:linear-gradient(135deg,var(--color-gold)0%,gold 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.digital-banking .glass-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;transition:all .3s}.digital-banking .glass-card:hover{background:#ffffff1a;border-color:#fff3}.digital-banking .feature-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:28px;transition:all .3s}.digital-banking .feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 20px 40px #0052cc33}.digital-banking .btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,#06f 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #0052cc66}.digital-banking .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0052cc80}.digital-banking .btn-secondary{color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:12px;padding:14px 28px;font-weight:600;transition:all .3s}.digital-banking .btn-secondary:hover{background:var(--color-bg-glass);border-color:var(--color-text)}.digital-banking .navbar-bank{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a1628e6}.digital-banking .account-card{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);color:#fff;border-radius:20px;padding:24px;position:relative;overflow:hidden}.digital-banking .account-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.digital-banking .transaction-item{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.digital-banking .transaction-item:hover{background:#ffffff14}.digital-banking .badge{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.digital-banking .badge-primary{color:var(--color-primary);border-color:var(--color-primary)}.digital-banking .badge-success{color:var(--color-success);border-color:var(--color-success)}.digital-banking .security-badge{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.digital-banking .stat-number{font-family:var(--font-heading);color:var(--color-text);font-size:2.5rem;font-weight:700;line-height:1}.digital-banking .app-btn{background:var(--color-bg-glass);border:1px solid var(--color-border);color:#fff;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;transition:all .2s;display:flex}.digital-banking .app-btn:hover{background:#ffffff26;transform:translateY(-2px)}.digital-banking .form-input{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);background:var(--color-bg-glass);color:var(--color-text);border-radius:12px;padding:14px 18px;font-size:1rem;transition:all .2s}.digital-banking .form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #0052cc33}.digital-banking .form-input::placeholder{color:var(--color-text-subtle)}.digital-banking .glow-primary{box-shadow:0 0 60px #0052cc4d}.digital-banking .glow-accent{box-shadow:0 0 60px #6554c04d}@media (prefers-reduced-motion:reduce){.digital-banking .glass-card,.digital-banking .feature-card,.digital-banking .btn-primary,.digital-banking .btn-secondary,.digital-banking .app-btn,.digital-banking .transaction-item{transition:none}}