.auth-root{--a-ink:#0f172a;--a-ink-soft:#334155;--a-muted:#64748b;--a-dim:#94a3b8;--a-blue:#2f5bff;--a-blue-deep:#1e40af;--a-violet:#6d5cf6;--a-danger:#e11d48;--a-ok:#059669;--a-gold-1:#fff0bd;--a-gold-2:#fbc84a;--a-gold-3:#e9951c;--a-gold-ink:#4a2c00;--a-glass-fill:linear-gradient(150deg, #ffffffdb, #ffffff8f);--a-glass-border:#ffffffe6;--a-ease:cubic-bezier(.16, 1, .3, 1);color:var(--a-ink);isolation:isolate;background:#f4f3ff;position:relative}.auth-aurora{z-index:-1;background:radial-gradient(1200px 700px at 12% -10%,#e7e2ff 0%,#0000 60%),radial-gradient(900px 620px at 100% 0,#ffe9c4 0%,#0000 58%),radial-gradient(1000px 700px at 90% 110%,#c9f3ee 0%,#0000 60%),radial-gradient(900px 600px at -5% 105%,#cfe0ff 0%,#0000 58%),#f6f5ff;position:fixed;inset:0;overflow:hidden}.auth-blob{filter:blur(70px);opacity:.7;will-change:transform;border-radius:9999px;position:absolute}.auth-blob-a{background:#c8c0ff;width:460px;height:460px;animation:22s ease-in-out infinite alternate auth-drift-a;top:6%;left:-120px}.auth-blob-b{background:#ffd79a;width:420px;height:420px;animation:26s ease-in-out infinite alternate auth-drift-b;top:18%;right:-100px}.auth-blob-c{background:#a9ece3;width:520px;height:520px;animation:30s ease-in-out infinite alternate-reverse auth-drift-a;bottom:-220px;right:18%}.auth-blob-d{background:#a9c6ff;width:380px;height:380px;animation:24s ease-in-out infinite alternate-reverse auth-drift-b;bottom:-160px;left:22%}.auth-glass{background:var(--a-glass-fill);-webkit-backdrop-filter:blur(30px)saturate(1.9);backdrop-filter:blur(30px)saturate(1.9);border:1px solid var(--a-glass-border);position:relative;box-shadow:inset 0 1.5px #fff,inset 0 -1px #94a3b82e,0 40px 80px -28px #4c3fb452,0 12px 28px -12px #0f172a24}.auth-glass:before{content:"";border-radius:inherit;background:conic-gradient(from var(--auth-angle,0deg), #fff0 0%, #fffffff2 12%, #fff0 26%, #ffd68c99 55%, #fff0 70%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:9s linear infinite auth-rim;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.auth-glass-soft{-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);background:linear-gradient(150deg,#ffffffa8,#ffffff5c);border:1px solid #fffc;box-shadow:inset 0 1px #fffffff2,0 14px 30px -14px #4c3fb447}@property --auth-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.auth-field{transition:border-color .2s, box-shadow .25s, transform .25s var(--a-ease);background:linear-gradient(#fffffff2,#ffffffb8);border:1px solid #94a3b859;border-radius:18px;align-items:center;display:flex;box-shadow:inset 0 2px 4px #0f172a0d,0 1px #ffffffe6}.auth-field:focus-within{border-color:var(--a-blue);transform:translateY(-1px);box-shadow:inset 0 2px 4px #0f172a0a,0 0 0 4px #2f5bff24,0 10px 24px -10px #2f5bff73}.auth-field[data-invalid=true]{border-color:#e11d4899;box-shadow:0 0 0 4px #e11d481a}.auth-input{width:100%;min-width:0;color:var(--a-ink);background:0 0;border:0;outline:0;padding:15px 16px;font-size:15px;font-weight:600}.auth-input::placeholder{color:var(--a-dim);font-weight:500}.auth-btn-gold{cursor:pointer;width:100%;color:var(--a-gold-ink);letter-spacing:.01em;background:linear-gradient(180deg, var(--a-gold-1) 0%, var(--a-gold-2) 46%, var(--a-gold-3) 100%);transition:transform .18s var(--a-ease), box-shadow .18s, filter .2s;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #ffffffd9,inset 0 -3px 6px #a05a0047,0 14px 26px -10px #e9951cbf,0 3px #b068088c}.auth-btn-gold:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffffa6 48%,#0000 66%);animation:4.2s ease-in-out infinite auth-shine;position:absolute;inset:0;transform:translate(-120%)}.auth-btn-gold:hover:not(:disabled){filter:saturate(1.08)brightness(1.03);transform:translateY(-1px)}.auth-btn-gold:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1.5px #ffffffb3,inset 0 -2px 4px #a05a004d,0 8px 16px -8px #e9951cb3,0 1px #b068088c}.auth-btn-gold:disabled{cursor:not-allowed;filter:grayscale(.55)opacity(.6)}.auth-btn-gold:disabled:after{display:none}.auth-btn-glass{width:100%;color:var(--a-ink);cursor:pointer;transition:transform .2s var(--a-ease), box-shadow .2s, border-color .2s;background:linear-gradient(#fffffff2,#ffffff9e);border:1px solid #94a3b852;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff,0 8px 18px -10px #0f172a40}.auth-btn-glass:hover:not(:disabled){border-color:#2f5bff59;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 14px 26px -12px #2f5bff66}.auth-btn-glass:active:not(:disabled){transform:translateY(1px)scale(.995)}.auth-btn-glass:disabled{opacity:.55;cursor:not-allowed}.auth-otp{text-align:center;width:100%;max-width:50px;height:56px;color:var(--a-ink);caret-color:var(--a-blue);transition:border-color .18s, box-shadow .22s, transform .22s var(--a-ease), background .2s;background:linear-gradient(#fffffffa,#ffffffb3);border:1px solid #94a3b866;border-radius:16px;outline:none;font-size:22px;font-weight:800;box-shadow:inset 0 2px 4px #0f172a0d,0 1px #fff}.auth-otp:focus{border-color:var(--a-blue);transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 4px #2f5bff26,0 12px 22px -10px #2f5bff80}.auth-otp[data-filled=true]{background:linear-gradient(#fff,#eef2ff);border-color:#2f5bff8c}.auth-otp[data-state=error]{background:#fff1f4;border-color:#e11d48a6}.auth-otp[data-state=ok]{background:#ecfdf5;border-color:#059669b3}.auth-stage{perspective:1400px}.auth-stage-inner{transform-style:preserve-3d;transition:transform .5s var(--a-ease);will-change:transform}.auth-car{opacity:0;transition:opacity .9s ease, transform 1.2s var(--a-ease);pointer-events:none;position:absolute;inset:0;transform:translateY(10px)scale(.96)}.auth-car[data-active=true]{opacity:1;transform:translate(0,0)scale(1)}.auth-pedestal{background:radial-gradient(closest-side,#fffffff2,#ffffff80 55%,#fff0 100%);box-shadow:0 30px 60px -20px #4c3fb473}.auth-chip{color:var(--a-ink-soft);white-space:nowrap;border-radius:9999px;align-items:center;gap:9px;padding:9px 14px 9px 10px;font-size:12px;font-weight:700;animation:7s ease-in-out infinite auth-float;display:inline-flex}.auth-rise{animation:auth-rise .7s var(--a-ease) both}.auth-rise-1{animation-delay:50ms}.auth-rise-2{animation-delay:.12s}.auth-rise-3{animation-delay:.19s}.auth-rise-4{animation-delay:.26s}.auth-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both auth-shake}.auth-pop{animation:auth-pop .55s var(--a-ease) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes auth-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes auth-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes auth-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes auth-rim{to{--auth-angle:360deg}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes auth-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}@keyframes auth-drift-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-50px,30px)scale(.95)}}@keyframes auth-check{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes auth-ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.auth-root *,.auth-root :before,.auth-root :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.auth-fit .auth-input{padding:10px 14px;font-size:14px}.auth-fit .auth-btn-gold{padding:12px 18px;font-size:14.5px}.auth-fit .auth-glass{border-radius:24px}.auth-fit .auth-extra{display:none}@media (min-height:860px){.auth-fit .auth-extra{display:block}}@media (max-height:760px){.auth-fit .auth-input{padding:8px 12px;font-size:13.5px}.auth-fit .auth-btn-gold{padding:10px 16px;font-size:14px}.auth-fit .auth-glass{border-radius:20px;padding:14px 18px}.auth-fit .auth-glass h1+p,.auth-fit .auth-type-hint,.auth-fit .auth-glass [class*=from-amber-100]{display:none}.auth-fit footer{margin-top:6px}.auth-fit main{padding-top:6px;padding-bottom:6px}}
