.otp-login{background:#f6fbfa;justify-content:center;padding:64px 32px 80px;display:flex}.otp-login__card{border-radius:var(--pat-radius-lg);text-align:center;background:#fff;border:1px solid #123b361a;width:100%;max-width:400px;padding:36px;box-shadow:0 24px 56px #123b361a}.otp-login__icon{background:#0f766e1a;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:1.4rem;display:inline-flex}.otp-login__title{color:#123b36;font-size:1.15rem;font-weight:750}.otp-login__sub{color:#6b8b86;margin:8px 0 24px;font-size:.85rem;line-height:1.5}.otp-login .ds-otp-input{justify-content:center;margin:0 auto}.otp-login .ds-otp-input__field{border-color:#123b362e}.otp-login .ds-otp-input__field:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.otp-login__foot{color:#6b8b86;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:.82rem;display:flex}.otp-login__timer{font-family:var(--pat-mono);color:#0f766e;font-weight:650}.otp-bank{background:#0b1220;justify-content:center;padding:64px 32px 80px;display:flex}.otp-bank__card{border-radius:var(--pat-radius-lg);background:#ffffff08;border:1px solid #ffffff1a;width:100%;max-width:420px;padding:36px}.otp-bank__amount-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;margin-bottom:22px;padding-bottom:20px;display:flex}.otp-bank__amount-label{color:#ffffff73;font-size:.8rem}.otp-bank__amount{letter-spacing:-.03em;color:#fff;font-size:1.4rem;font-weight:800}.otp-bank__to{font-family:var(--pat-mono);color:#ffffff59;margin-top:-14px;margin-bottom:22px;font-size:.78rem}.otp-bank__title{color:#fff;font-size:1rem;font-weight:700}.otp-bank__sub{color:#ffffff73;margin:8px 0 22px;font-size:.83rem;line-height:1.5}.otp-bank .ds-otp-input{justify-content:center;margin:0 auto}.otp-bank .ds-otp-input__field{color:#fff;background:#ffffff0a;border-color:#ffffff24}.otp-bank .ds-otp-input__field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf829}.otp-bank__action{margin-top:24px}.otp-bank .btn--primary{--btn-bg:#38bdf8;--btn-color:#0b1220}.otp-bank .btn--primary:hover{--btn-bg:#7dd3fc}.otp-sim{background:#fbfbfa;justify-content:center;padding:64px 32px 80px;display:flex}.otp-sim__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:380px;box-shadow:var(--pat-shadow-md);text-align:center;background:#fff;padding:34px}.otp-sim__title{color:var(--pat-ink);font-size:1.1rem;font-weight:750}.otp-sim__sub{color:var(--pat-soft);margin:8px 0 24px;font-size:.85rem;line-height:1.5}.otp-sim .ds-otp-input{justify-content:center;gap:1rem;margin:0 auto}.otp-sim .ds-otp-input__field{width:56px;height:64px;font-size:1.3rem}.otp-sim__resend{color:var(--pat-soft);margin-top:22px;font-size:.82rem}.otp-support{background:#f8fafc;justify-content:center;padding:64px 32px 80px;display:flex}.otp-support__card{border:1px solid var(--pat-line);border-radius:var(--pat-radius-lg);width:100%;max-width:400px;box-shadow:var(--pat-shadow-md);text-align:center;background:#fff;padding:34px}.otp-support__title{color:var(--pat-ink);font-size:1.1rem;font-weight:750}.otp-support__sub{color:var(--pat-soft);margin:8px 0 24px;font-size:.85rem;line-height:1.5}.otp-support .ds-otp-input{justify-content:center;margin:0 auto}.otp-support .ds-otp-input__field{color:#dc2626;border-color:#dc2626}.otp-support .ds-otp-input__field:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262624}.otp-support__error{color:#dc2626;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:.82rem;display:flex}.otp-kiosk{background:#111827;justify-content:center;padding:64px 32px 80px;display:flex}.otp-kiosk__card{border-radius:var(--pat-radius-lg);text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;width:100%;max-width:340px;padding:32px}.otp-kiosk__icon{margin-bottom:12px;font-size:1.8rem}.otp-kiosk__title{color:#fff;font-size:1.05rem;font-weight:700}.otp-kiosk__sub{color:#ffffff73;margin:8px 0 24px;font-size:.84rem}.otp-kiosk .ds-otp-input{justify-content:center;margin:0 auto}.otp-kiosk .ds-otp-input__field{color:#fff;background:#ffffff08;border-color:#ffffff1f}.otp-kiosk__spinner{color:#fff6;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:.78rem;display:flex}.otp-kiosk__dot{background:#fff6;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite otp-kiosk-pulse}.otp-kiosk__dot:nth-child(2){animation-delay:.15s}.otp-kiosk__dot:nth-child(3){animation-delay:.3s}@keyframes otp-kiosk-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (width<=720px){.otp-login{padding:44px 16px 56px}.otp-login__card{padding:24px 20px}.otp-bank{padding:44px 16px 56px}.otp-bank__card{padding:24px 20px}.otp-sim{padding:44px 16px 56px}.otp-sim__card{padding:22px}.otp-sim .ds-otp-input__field{width:48px;height:56px}.otp-support{padding:44px 16px 56px}.otp-support__card{padding:22px}.otp-kiosk{padding:44px 16px 56px}.otp-kiosk__card{padding:22px}}@media (width<=400px){.otp-login .ds-otp-input,.otp-bank .ds-otp-input,.otp-support .ds-otp-input,.otp-kiosk .ds-otp-input{gap:.4rem}.otp-login .ds-otp-input__field,.otp-bank .ds-otp-input__field,.otp-support .ds-otp-input__field,.otp-kiosk .ds-otp-input__field{width:40px;height:48px;font-size:1rem}}.ds-otp-input{align-items:center;gap:.75rem;width:fit-content;display:flex}.ds-otp-input__field{border:1px solid var(--ds-border-color,#dbe2ea);border-radius:var(--ds-radius-md,10px);background:var(--ds-surface,#fff);text-align:center;justify-content:center;align-items:center;width:48px;height:56px;font-size:1.125rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.ds-otp-input__field:focus{border-color:var(--ds-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb26}.ds-otp-input__field:disabled{opacity:.5;cursor:not-allowed}.ds-otp-input__field::placeholder{color:var(--ds-text-secondary,#94a3b8)}