:root{--mesh-bg:#385172;--mesh-color1:#1e3a5f;--mesh-color2:#5a8cc9}.dark{--mesh-bg:#0f172a;--mesh-color1:#020617;--mesh-color2:#1e293b}.mesh-background{background-color:var(--mesh-bg);background-image:radial-gradient(at 0 0,var(--mesh-color1) 0,transparent 50%),radial-gradient(at 100% 0,var(--mesh-color2) 0,transparent 50%),radial-gradient(at 100% 100%,var(--mesh-color1) 0,transparent 50%),radial-gradient(at 0 100%,var(--mesh-color2) 0,transparent 50%),radial-gradient(at 50% 50%,var(--mesh-bg) 0,transparent 50%);background-attachment:fixed;transition:background-color .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in-scale{animation:fadeInScale .7s cubic-bezier(.16,1,.3,1) forwards}.glass-card{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .3s ease}.dark .glass-card{background:rgba(30,41,59,.7);border:1px solid hsla(0,0%,100%,.1)}.otp-digit-box{width:2.75rem;height:3rem;border-radius:.75rem;border:1.5px solid rgba(30,58,95,.2);background:hsla(0,0%,100%,.9);color:#1e3a5f;font-size:1.25rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.otp-digit-box:focus{border-color:#5a8cc9;box-shadow:0 0 0 3px rgba(90,140,201,.25);transform:scale(1.03)}.otp-digit-box:disabled{opacity:.6;cursor:not-allowed}.dark .otp-digit-box{background:rgba(15,23,42,.6);border-color:hsla(0,0%,100%,.15);color:#f8fafc}.dark .otp-digit-box:focus{border-color:#5a8cc9;box-shadow:0 0 0 3px rgba(90,140,201,.2)}@media (min-width:640px){.otp-digit-box{width:3rem;height:3.25rem;font-size:1.375rem}}