:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body,html{background-color:#f5f5f5;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}header{color:#fff;background-color:#319795;padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{width:120px;height:auto}.page-title{color:#333;text-align:center;margin:30px 0;font-size:24px;font-weight:600}.banks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px;display:grid}.bank-card{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:10px;align-items:center;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.bank-card:hover{border-color:#319795;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.bank-card.selected{border-color:#319795;box-shadow:0 10px 20px #0000001a}.bank-logo{object-fit:contain;border-radius:8px;width:60px;height:60px;margin-right:15px}.bank-info{flex:1}.bank-name{color:#333;margin-bottom:5px;font-weight:600}.bank-type{color:#666;font-size:14px}.help-text{text-align:center;color:#666;margin-top:40px}.help-link{color:#319795;font-weight:500;text-decoration:none}.help-link:hover{text-decoration:underline}footer{text-align:center;color:#666;border-top:1px solid #eee;margin-top:50px;padding:20px;font-size:14px}@media (width<=768px){.banks-grid{grid-template-columns:1fr;gap:15px}.header-content{text-align:center;flex-direction:column}.logo{margin-bottom:10px}.page-title{margin:20px 0;font-size:28px}.bank-card{padding:15px}.bank-logo{width:50px;height:50px;margin-right:12px}.bank-name{font-size:16px}.bank-type{font-size:13px}}.login-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;width:100%;max-width:450px;margin:0 auto;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.login-container:before{content:"";background:#367a2e;height:4px;position:absolute;top:0;left:0;right:0}.bank-header{text-align:center;margin-bottom:40px}.login-container .bank-logo{object-fit:contain;background:#f1f1f1;border:2px solid #d4e0c8;border-radius:16px;width:80px;height:80px;margin:0 auto 20px;padding:15px;display:block;box-shadow:0 8px 25px #0000001a}.login-container .bank-name{color:#367a2e;margin-bottom:8px;font-size:24px;font-weight:700}.login-container .bank-type{color:#64748b;font-size:14px;font-weight:500}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{position:relative}.form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:16px;transition:all .3s}.form-input:focus{border-color:#367a2e;transform:translateY(-1px);box-shadow:0 0 0 3px #367a2e1a}.form-input::placeholder{color:#9ca3af}.password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px;font-size:18px;position:absolute;top:42px;right:16px}.password-toggle:hover{color:#367a2e}.login-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:12px;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s}.login-btn:hover{background:#2a5f23;transform:translateY(-2px);box-shadow:0 8px 25px #367a2e4d}.login-btn:active{transform:translateY(0)}.back-link{text-align:center;margin-top:30px}.back-btn{color:#367a2e;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.back-btn:hover{background:#367a2e1a;border-color:#367a2e}.fade-in{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.login-container{margin:10px;padding:30px 20px}.login-container .bank-logo{width:60px;height:60px;padding:10px}.login-container .bank-name{font-size:20px}}.dashboard-page{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dash-header{background:#fff;border-bottom:3px solid #367a2e;padding:20px 0;box-shadow:0 2px 10px #0000001a}.dash-header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.dash-bank-info{align-items:center;gap:20px;display:flex}.dash-bank-logo{object-fit:contain;background:#f1f1f1;border:2px solid #d4e0c8;border-radius:10px;width:50px;height:50px;padding:8px}.dash-bank-details h1{color:#367a2e;font-size:24px;font-weight:700}.dash-bank-details p{color:#64748b;font-size:14px}.dash-user-section{align-items:center;gap:20px;display:flex}.dash-welcome-text{color:#374151;font-weight:500}.dash-user-actions{align-items:center;gap:15px;display:flex}.dash-select-bank-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.dash-select-bank-btn:hover{background:#4b5563;transform:translateY(-1px)}.dash-logout-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.dash-logout-btn:hover{background:#2a5f23;transform:translateY(-1px)}.dash-main-content{max-width:800px;margin:40px auto;padding:0 20px}.dash-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.dash-welcome-card{color:#fff;background:linear-gradient(135deg,#367a2e 0%,#2a5f23 100%);margin-bottom:30px}.dash-card-title{color:#fff;margin-bottom:15px;font-size:28px}.dash-card-content{color:#ffffffe6;font-size:16px;line-height:1.6}.dash-step-indicator{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.dash-step{border-radius:25px;align-items:center;gap:10px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex}.dash-step.active{color:#fff;background:#367a2e}.dash-step.completed{color:#fff;background:#10b981}.dash-step.pending{color:#6b7280;background:#e5e7eb}.dash-step-number{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.dash-step.active .dash-step-number,.dash-step.completed .dash-step-number{background:#fff3}.dash-step.pending .dash-step-number{background:#9ca3af}.dash-card-h2{color:#367a2e;margin-bottom:20px;font-size:24px}.dash-card-p{color:#64748b;margin-bottom:30px}.dash-card-count-selection{margin:40px 0}.dash-card-count-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;max-width:500px;margin:30px auto;display:grid}.dash-card-count-option{cursor:pointer;color:#374151;border:2px solid #e5e7eb;border-radius:12px;padding:20px 15px;font-size:18px;font-weight:600;transition:all .3s}.dash-card-count-option:hover{border-color:#367a2e;transform:translateY(-2px)}.dash-card-count-option.selected{color:#fff;background:#367a2e;border-color:#367a2e}.dash-next-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:12px;margin-top:20px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.dash-next-btn:hover{background:#2a5f23;transform:translateY(-2px)}.dash-card-form{text-align:left;max-width:500px;margin:0 auto}.dash-form-title{color:#367a2e;text-align:center;margin-bottom:30px;font-size:24px;font-weight:700}.dash-progress-info{text-align:center;color:#64748b;margin-bottom:30px;font-size:16px}.dash-form-group{margin-bottom:20px}.dash-form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.dash-form-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:16px;transition:all .3s}.dash-form-input:focus{border-color:#367a2e;box-shadow:0 0 0 3px #367a2e1a}.dash-form-input::placeholder{color:#9ca3af}.dash-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-save-card-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:8px;margin-top:20px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s}.dash-save-card-btn:hover{background:#2a5f23;transform:translateY(-2px)}.dash-back-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.dash-back-btn:hover{background:#4b5563;transform:translateY(-1px)}.dash-button-group{justify-content:center;gap:15px;margin-top:30px;display:flex}@media (width<=768px){.dash-header-content{text-align:center;flex-direction:column;gap:20px}.dash-bank-info,.dash-user-section{flex-direction:column;gap:15px}.dash-user-actions{flex-direction:column;align-items:stretch;gap:10px}.dash-select-bank-btn,.dash-logout-btn{text-align:center;width:100%}.dash-bank-logo{width:60px;height:60px;padding:10px}.dash-bank-details h1{font-size:20px}.dash-bank-details p{font-size:12px}.dash-step-indicator{flex-direction:column;gap:15px}.dash-card-count-grid{grid-template-columns:repeat(5,1fr);gap:10px}.dash-card-count-option{padding:15px 10px;font-size:16px}.dash-form-row{grid-template-columns:1fr;gap:15px}.dash-button-group{flex-direction:column;align-items:center}.dash-back-btn{margin-bottom:10px}}.success-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.success-container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.success-container:before{content:"";background:linear-gradient(90deg,#367a2e,#2a5f23);height:5px;position:absolute;top:0;left:0;right:0}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;font-size:40px;animation:.8s ease-out bounceIn;display:flex}.success-icon i{font-size:40px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-bank-logo-section{background:#f8fafc;border:2px solid #d4e0c8;border-radius:15px;margin-bottom:30px;padding:20px}.success-bank-logo{object-fit:contain;width:80px;height:80px;margin:0 auto 15px;display:block}.success-bank-name{color:#367a2e;margin-bottom:5px;font-size:24px;font-weight:700}.success-bank-type{color:#64748b;font-size:16px;font-weight:500}.success-title{color:#1e293b;margin-bottom:15px;font-size:28px;font-weight:700}.success-message{color:#64748b;margin-bottom:30px;font-size:16px;line-height:1.6}.card-details-summary{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.card-details-summary .summary-title{color:#374151;text-align:left;margin-bottom:15px;font-size:18px;font-weight:600}.card-details-summary .summary-title i{color:#6b7280;margin-right:8px}.card-summary-section{background:#f1f5f9;border-radius:8px;margin-bottom:20px;padding:15px}.card-summary-section:last-child{margin-bottom:0}.card-summary-header{color:#367a2e;margin-bottom:10px;font-weight:600}.summary-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:#64748b;font-size:14px}.summary-value{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.success-action-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#367a2e}.btn-primary:hover{background:#2a5f23;transform:translateY(-2px)}.btn-secondary{color:#fff;background:#6b7280}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.success-logout-btn{color:#fff;background:#ef4444}.success-logout-btn:hover{background:#dc2626;transform:translateY(-2px)}@media (width<=768px){.success-container{margin:20px;padding:30px 20px}.success-title{font-size:24px}.success-bank-name{font-size:20px}.success-action-buttons{flex-direction:column}.btn{text-align:center;width:100%}}.balance-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.balance-container{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.balance-container:before{content:"";background:linear-gradient(90deg,#367a2e,#2a5f23);height:5px;position:absolute;top:0;left:0;right:0}.balance-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:all .3s;position:absolute;top:20px;left:20px}.balance-back-btn:hover{color:#367a2e;background:#f1f5f9}.balance-logo-section{text-align:center;margin-top:20px;margin-bottom:30px}.balance-bank-logo{object-fit:contain;background:#f8fafc;border:2px solid #d4e0c8;border-radius:12px;width:80px;height:80px;padding:8px}.balance-title{color:#1e293b;text-align:center;margin-bottom:10px;font-size:28px;font-weight:700}.balance-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:16px}.balance-form{text-align:left}.balance-input-card{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;align-items:center;height:60px;padding:0 16px;transition:all .3s;display:flex}.balance-input-card:focus-within{border-color:#367a2e;box-shadow:0 0 0 3px #367a2e1a}.balance-input-icon{color:#367a2e;margin-right:12px;font-size:20px}.balance-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:20px}.balance-input::placeholder{color:#9ca3af;font-family:Inter,sans-serif;font-size:16px}.balance-error{color:#ef4444;text-align:center;margin-top:10px;font-size:14px}.balance-submit-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:10px;width:100%;margin-top:25px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.balance-submit-btn:hover{background:#2a5f23;transform:translateY(-2px)}.otp-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.otp-container{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;position:relative;box-shadow:0 20px 40px #00000014}.otp-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:all .3s;position:absolute;top:20px;left:20px}.otp-back-btn:hover{color:#367a2e;background:#f1f5f9}.otp-header-image{color:#fff;background:linear-gradient(135deg,#367a2e 0%,#2a5f23 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;font-size:40px;display:flex}.otp-title{color:#1e293b;text-align:center;margin-bottom:10px;font-size:28px;font-weight:700}.otp-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:16px;line-height:1.5}.otp-form{text-align:center}.otp-input-card{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;align-items:center;height:60px;transition:all .3s;display:flex}.otp-input-card:focus-within{border-color:#367a2e;box-shadow:0 0 0 3px #367a2e1a}.otp-input{text-align:center;color:#1f2937;letter-spacing:8px;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 16px;font-family:Courier New,monospace;font-size:22px}.otp-input::placeholder{color:#9ca3af;letter-spacing:normal;font-family:Inter,sans-serif;font-size:16px}.otp-error{color:#ef4444;text-align:center;margin-top:16px;font-size:15px;font-weight:600}.otp-timer{color:#9ca3af;text-align:center;margin-top:20px;font-size:15px;transition:color .3s}.otp-timer.clickable{color:#367a2e;cursor:pointer}.otp-timer.clickable:hover{text-decoration:underline}.otp-submit-btn{color:#fff;cursor:pointer;background:#367a2e;border:none;border-radius:10px;width:100%;margin-top:25px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.otp-submit-btn:hover:not(:disabled){background:#2a5f23;transform:translateY(-2px)}.otp-submit-btn:disabled{opacity:.6;cursor:not-allowed}.otp-stage-indicator{text-align:center;color:#9ca3af;margin-top:20px;font-size:14px;font-weight:500}@media (width<=480px){.balance-container,.otp-container{margin:10px;padding:30px 20px}.balance-title,.otp-title{font-size:24px}}