:root{--gadaa-green: #006837;--gadaa-green-dark: #004d29;--gadaa-gold: #ae944d;--gadaa-white: #ffffff;--gadaa-gray-bg: #f5f7fa;--gadaa-text-dark: #1f2937;--gadaa-text-light: #6b7280;--gadaa-error: #d32f2f;--radius: 12px;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(0, 104, 55, .15)}.account-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7faf9,#eef3f1);font-family:Inter,Segoe UI,Roboto,sans-serif;padding:16px;padding-bottom:env(safe-area-inset-bottom)}.card{background:var(--gadaa-white);width:100%;max-width:420px;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:center;border-top:4px solid var(--gadaa-gold);animation:fadeIn .3s ease}.header-section{margin-bottom:15px}.bank-title{color:var(--gadaa-gold)}h2{color:var(--gadaa-text-dark);font-size:1.4rem;font-weight:700;margin-bottom:6px}p{color:var(--gadaa-text-light);font-size:.9rem;margin-bottom:18px}.logo-container{margin-bottom:18px}.bank-logo{max-width:95px;height:auto}.input-group{text-align:left;margin-bottom:18px}.input-group label{font-size:.8rem;font-weight:600;color:var(--gadaa-text-dark);margin-bottom:6px;display:block}.input-field{width:100%;padding:13px;border:1.5px solid #e5e7eb;border-radius:var(--radius);font-size:.95rem;transition:all .2s ease}.input-field:focus{border-color:var(--gadaa-green);box-shadow:var(--shadow-focus);outline:none}.otp-inputs{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.otp-input{width:44px;height:52px;border-radius:10px;border:1.5px solid #e5e7eb;text-align:center;font-size:1.3rem;font-weight:600;color:var(--gadaa-green);background:#fafafa;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d}.otp-input:focus{border-color:var(--gadaa-green);box-shadow:0 0 0 2px #00683726;background:#fff}.submit-button{width:100%;padding:14px;background:linear-gradient(135deg,#006837,#0b7d45);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.submit-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00683733}.submit-button:active{transform:scale(.97)}.submit-button:disabled{background:#a5c9b7}.cancel-button{margin-top:12px;font-size:.85rem;color:var(--gadaa-text-light);text-decoration:underline;background:none;border:none;cursor:pointer}.timer-container{font-size:.85rem;margin-bottom:15px;font-weight:600}.timer-urgent{color:var(--gadaa-error)}.error-text{margin-top:12px;padding:10px;background:#fff1f1;border-radius:8px;color:var(--gadaa-error);font-size:.8rem;border:1px solid #ffcaca}.info-box{background:#f9fafb;border-radius:var(--radius);padding:14px;margin-bottom:20px;text-align:left;border:1px solid #eee}.info-box h3{font-size:.85rem;margin-bottom:8px;color:var(--gadaa-green)}.info-box ul{padding-left:18px;font-size:.8rem;color:#555;line-height:1.5}.integration-label{font-size:.7rem;text-transform:uppercase;color:var(--gadaa-gold);letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){.card{padding:18px}.otp-input{width:38px;height:48px;font-size:1.1rem}.otp-inputs{gap:6px}h2{font-size:1.2rem}}@media(min-width:768px){.card{padding:32px}.otp-input{width:48px;height:55px;font-size:1.5rem}h2{font-size:1.6rem}}