:root{--auth-ink: #050F43;--auth-border: #E6E7EC;--auth-bg: #F2F3F6;--auth-accent: #3183FF}#login-bg{background:linear-gradient(#050f4347,#050f4347),var(--auth-bg) url(/images/login-background.png) center center / cover no-repeat}@media (max-width: 767px){#login-bg{background:linear-gradient(#050f4347,#050f4347),var(--auth-bg) url(/images/login-background-mobile.png) center center / cover no-repeat}}.otp-input{width:48px;height:56px;text-align:center;border:2px solid var(--auth-border);border-radius:10px;font-family:Sora,sans-serif;font-weight:600;font-size:20px;color:var(--auth-ink);outline:none;background:#fff;transition:border-color .15s ease;-moz-appearance:textfield}@media (max-width: 480px){.otp-input{width:42px;height:50px;font-size:19px}}.otp-input:focus{border-color:var(--color-brand)!important;box-shadow:0 0 0 4px #4a40fd29}.otp-input.filled{border-color:var(--auth-ink)!important}.otp-input.err{border-color:var(--color-secondary)!important}.tg-link:hover{background:var(--auth-bg);border-color:#9b9fb4!important}@keyframes mg-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}#otp-wrap.shake{animation:mg-shake .4s ease}@keyframes mg-glow-tg{0%,to{box-shadow:0 0 #3183ff00;border-color:var(--auth-border)}50%{box-shadow:0 0 0 5px #3183ff33,0 0 26px 3px #3183ff99;border-color:var(--auth-accent)}}.tg-glow{animation:mg-glow-tg 1.6s ease-in-out infinite}