@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root,[data-theme=dark]{--font-heading:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-size-base:15px;--bg-primary:#0a0f1d;--bg-surface:#11192e;--bg-surface-elevated:#16203a;--bg-glass:rgba(17,25,46,0.88);--bg-body-radial-1:rgba(0,104,55,0.16);--bg-body-radial-2:rgba(59,130,246,0.08);--border-subtle:rgba(255,255,255,0.08);--border-highlight:rgba(255,255,255,0.16);--border-focus:rgba(34,197,94,0.5);--primary-500:#006837;--primary-600:#004d29;--primary-glow:rgba(0,104,55,0.35);--accent-gold:#f59e0b;--danger-500:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--bank-name-color:#f8fafc;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 20px 50px -10px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.08);--shadow-glow:0 0 25px var(--primary-glow);--card-summary-bg:rgba(255,255,255,0.04);--card-summary-border:rgba(255,255,255,0.08);--input-bg:#141c33;--input-border:rgba(255,255,255,0.12);--input-text:#f8fafc;--input-placeholder:#64748b;--btn-secondary-bg:rgba(255,255,255,0.05);--btn-secondary-hover:rgba(255,255,255,0.09);--btn-secondary-border:rgba(255,255,255,0.12);--btn-secondary-text:#e2e8f0;--summary-border-row:rgba(255,255,255,0.06);--step-dot-inactive:rgba(255,255,255,0.12);--security-badge-border:rgba(255,255,255,0.06);--theme-btn-bg:rgba(255,255,255,0.06);--theme-btn-hover:rgba(255,255,255,0.12)}[data-theme=light]{--font-heading:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--bg-primary:#f8fafc;--bg-surface:#ffffff;--bg-surface-elevated:#f1f5f9;--bg-glass:rgba(255,255,255,0.95);--bg-body-radial-1:rgba(0,104,55,0.08);--bg-body-radial-2:rgba(59,130,246,0.05);--border-subtle:rgba(15,23,42,0.08);--border-highlight:rgba(15,23,42,0.14);--border-focus:rgba(0,104,55,0.5);--primary-500:#006837;--primary-600:#004d29;--primary-glow:rgba(0,104,55,0.2);--accent-gold:#d97706;--danger-500:#dc2626;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--bank-name-color:#0f172a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 20px 45px -12px rgba(15,23,42,0.1),0 0 0 1px rgba(15,23,42,0.07);--shadow-glow:0 0 20px var(--primary-glow);--card-summary-bg:#f8fafc;--card-summary-border:rgba(15,23,42,0.08);--input-bg:#ffffff;--input-border:#cbd5e1;--input-text:#0f172a;--input-placeholder:#94a3b8;--btn-secondary-bg:#f1f5f9;--btn-secondary-hover:#e2e8f0;--btn-secondary-border:rgba(15,23,42,0.12);--btn-secondary-text:#1e293b;--summary-border-row:rgba(15,23,42,0.06);--step-dot-inactive:rgba(15,23,42,0.12);--security-badge-border:rgba(15,23,42,0.08);--theme-btn-bg:rgba(15,23,42,0.05);--theme-btn-hover:rgba(15,23,42,0.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base,15px);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0,var(--bg-body-radial-1) 0,transparent 60%),radial-gradient(circle at 100% 100%,var(--bg-body-radial-2) 0,transparent 50%);transition:background-color .3s ease,color .3s ease}.font-heading,h1,h2,h3,h4{font-family:var(--font-heading)}.webview-container{width:100%;max-width:460px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .3s ease}.webview-header{padding:26px 24px 18px;text-align:center;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);position:relative}.theme-toggle-btn{position:absolute;top:18px;right:18px;background:var(--theme-btn-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--theme-btn-hover);color:var(--text-primary);transform:scale(1.05)}.bank-logo{gap:10px;margin-bottom:8px}.bank-logo,.logo-badge{display:flex;align-items:center;justify-content:center}.logo-badge{width:42px;height:42px;border-radius:12px;background:var(--primary-500);color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 14px var(--primary-glow)}.bank-name{font-size:20px;font-weight:800;letter-spacing:.06em;color:var(--bank-name-color)}.webview-body{padding:26px 24px 28px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.step-dot{width:28px;height:6px;border-radius:var(--radius-full);background:var(--step-dot-inactive);transition:all .3s ease}.step-dot.active{background:var(--primary-500);box-shadow:0 0 10px var(--primary-glow)}.step-dot.completed{background:var(--primary-600)}.input-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.input-field{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-size:16px;font-family:inherit;transition:all .2s ease;outline:none}.input-field::placeholder{color:var(--input-placeholder)}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.btn-primary{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#ffffff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 14px var(--primary-glow);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{width:100%;padding:13px 18px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:var(--radius-md);font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:var(--btn-secondary-hover);color:var(--text-primary);border-color:var(--border-highlight);transform:translateY(-1px)}.card-summary{background:var(--card-summary-bg);border:1px solid var(--card-summary-border);border-radius:var(--radius-md);padding:18px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--summary-border-row);font-size:14px}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:600;color:var(--text-primary)}.summary-value.highlight{color:var(--accent-gold);font-size:18px;font-weight:700}.security-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--security-badge-border)}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}