.auth{background:var(--color-white)}.auth-brand{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 0 100%,#1f1f23 0,#0b0b0c 55%);color:#fafafa}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255/.06) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.06) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(80% 70% at 60% 45%,#000 10%,transparent 80%)}.auth-glow{position:absolute;width:520px;height:520px;right:-160px;top:18%;border-radius:9999px;background:radial-gradient(circle,rgb(16 185 129/.16),transparent 65%);filter:blur(10px);animation:auth-drift 12s ease-in-out infinite}.auth-stage{position:relative;height:330px;max-width:470px}.auth-card{position:absolute;border-radius:1rem;padding:.875rem 1rem;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.1);box-shadow:0 24px 48px -24px rgb(0 0 0/.8);backdrop-filter:blur(12px);animation:auth-in .7s cubic-bezier(.2,.8,.2,1) both,auth-float 6s ease-in-out infinite}.auth-card-main{left:0;top:30px;width:300px;animation-delay:.1s,0s}.auth-card-lead{right:0;top:0;display:flex;align-items:center;gap:.75rem;animation-delay:.35s,-2s}.auth-card-rank{right:20px;top:185px;display:grid;animation-delay:.55s,-4s}.auth-card-bars{left:70px;top:215px;width:190px;display:grid;animation-delay:.75s,-3s}.auth-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:#fafafa;color:#0b0b0c}.auth-up{border-radius:9999px;padding:0 .45rem;font-size:10px;font-weight:700;line-height:1.1rem;color:#6ee7b7;background:rgb(16 185 129/.16);box-shadow:inset 0 0 0 1px rgb(110 231 183/.3);animation:auth-glowpill 1.8s ease-in-out infinite}.auth-ecg{fill:none;stroke:#34d399;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:auth-draw 2.8s linear infinite;filter:drop-shadow(0 0 5px rgb(52 211 153/.6))}.auth-climb{border-radius:9999px;padding:0 .45rem;font-size:13px;font-weight:700;color:#6ee7b7;background:rgb(16 185 129/.16)}.auth-bar{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#60a5fa,#2563eb);transform-origin:bottom;animation:auth-grow .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 80ms + .9s)}.auth-form{animation:auth-in .6s cubic-bezier(.2,.8,.2,1) both}.auth-field{position:relative}.auth-field>svg{position:absolute;left:.8rem;top:50%;translate:0 -50%;width:1rem;height:1rem;color:var(--color-slate-400);pointer-events:none;transition:color .15s}.auth-field:focus-within>svg{color:var(--color-slate-900)}.auth-input{height:2.875rem;padding-left:2.4rem!important;border-radius:.75rem!important;font-size:.9375rem}.auth-input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-slate-900) 10%,transparent)}.auth-eye{position:absolute;right:.4rem;top:50%;translate:0 -50%;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;color:var(--color-slate-500)}.auth-eye:hover{color:var(--color-slate-900);background:var(--color-slate-100)}.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:2.875rem;border-radius:.75rem;background:var(--color-slate-900);color:var(--color-white);font-weight:600;font-size:.9375rem;overflow:hidden;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 10px 24px -12px rgb(0 0 0/.55)}.auth-submit:hover{box-shadow:0 14px 28px -12px rgb(0 0 0/.6)}.auth-submit:active{transform:scale(.99)}.auth-submit:disabled{opacity:.75}.auth-submit .auth-arrow{transition:transform .15s}.auth-submit:hover .auth-arrow{transform:translateX(3px)}.auth-error{display:flex;gap:.5rem;align-items:flex-start;border-radius:.75rem;background:rgb(239 68 68/.08);color:#b91c1c;padding:.625rem .75rem;font-size:.8125rem;animation:auth-shake .35s ease}.dark .auth-error{color:#fca5a5}.auth-hint{color:#b45309;font-size:.75rem}.dark .auth-hint{color:#fbbf24}@keyframes auth-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes auth-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes auth-drift{0%,to{transform:translate(0)}50%{transform:translate(-60px,40px)}}@keyframes auth-draw{0%{stroke-dashoffset:420}70%,to{stroke-dashoffset:0}}@keyframes auth-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes auth-glowpill{0%,to{box-shadow:inset 0 0 0 1px rgb(110 231 183/.3)}50%{box-shadow:inset 0 0 0 1px rgb(110 231 183/.5),0 0 12px rgb(52 211 153/.5)}}@keyframes auth-shake{0%,to{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.auth *,.auth :after,.auth :before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}.auth-ecg{stroke-dashoffset:0}}.auth-t40{color:rgb(250 250 250/.4)}.auth-t55{color:rgb(250 250 250/.55)}.auth-t60{color:rgb(250 250 250/.62)}.auth-b25{border-color:rgb(250 250 250/.25)}