@layer components{.auth-input{border:1px solid var(--field-line);background:var(--field);width:100%;height:2.75rem;color:var(--ink);border-radius:10px;padding-inline:.875rem;font-size:1rem;transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;box-shadow:0 1px 2px #0b132b0a}@media (pointer:fine){.auth-input{font-size:.9375rem}}.auth-input::placeholder{color:#9aa0ad}@media (hover:hover) and (pointer:fine){.auth-input:hover:not(:focus){border-color:var(--field-line-hover)}}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 14%, transparent);outline:none}.auth-input[aria-invalid=true]{border-color:var(--danger)}.auth-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in oklab, var(--danger) 12%, transparent)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 600000s,border-color .15s ease-out,box-shadow .15s ease-out}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 600000s,border-color .15s ease-out,box-shadow .15s ease-out}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 600000s,border-color .15s ease-out,box-shadow .15s ease-out}.auth-btn{border-radius:10px;height:2.75rem;padding-inline:1rem;font-size:.9375rem}}.auth-reveal{transition:grid-template-rows .24s var(--ease-strong), opacity .2s ease-out;grid-template-rows:1fr;display:grid}.auth-reveal>*{min-height:0;overflow:hidden}@starting-style{.auth-reveal{opacity:0;grid-template-rows:0fr}}.auth-hint{transition-property:opacity,translate;transition-duration:.15s;transition-timing-function:ease-out}@starting-style{.auth-hint{opacity:0;translate:0 2px}}.auth-panel{background:radial-gradient(60% 45% at 88% 6%,#ffe1c780,#0000 70%),radial-gradient(55% 40% at 8% 100%,#5b0dff0f,#0000 70%),linear-gradient(#fbfaff 0%,#f5f2ff 100%);box-shadow:inset 0 0 0 1px #0000000a;box-shadow:inset 0 0 0 1px lab(0% 0 0/.04);container-type:size}.auth-headline{font-family:var(--font-sora), var(--font-inter), sans-serif;letter-spacing:-.022em;font-size:clamp(1.75rem,.95rem + 2.6cqw,3.25rem);font-weight:600;line-height:1.08}.auth-stage{aspect-ratio:1122/1402;height:min(68cqh,104cqw,1000px);position:absolute;bottom:3cqh;right:2cqw;translate:20%}.auth-card{-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);background:#ffffffdb;border-radius:18px;box-shadow:0 0 0 1px #0000000d,0 2px 4px -1px #2e25530f,0 12px 24px -8px #2e25531f,0 32px 56px -24px #2e255338;box-shadow:0 0 0 1px lab(0% 0 0/.05),0 2px 4px -1px lab(17.6804% 14.2851 -26.8744/.06),0 12px 24px -8px lab(17.6804% 14.2851 -26.8744/.12),0 32px 56px -24px lab(17.6804% 14.2851 -26.8744/.22)}@container (min-width:1100px){.auth-grow{scale:1.15}.auth-sub{font-size:1rem}}.auth-chip{background:var(--surface-2);height:1.875rem;color:var(--ink);border-radius:8px;place-items:center;font-size:.78125rem;font-weight:500;display:grid;position:relative}.auth-chip-brand{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #3c00aa4d}@keyframes auth-rise{0%{opacity:0;transform:translateY(20px)}}@keyframes auth-pop{0%{opacity:0;filter:blur(4px);transform:translateY(10px)scale(.96)}}@keyframes auth-float{50%{transform:translateY(-6px)}}@keyframes auth-draw{0%{stroke-dashoffset:1px}}.auth-rise{animation:auth-rise .8s var(--ease-strong) both;animation-delay:var(--d,0s)}.auth-pop{animation:auth-pop .6s var(--ease-strong) both;animation-delay:var(--d,0s)}.auth-float{animation:auth-float var(--t,6s) ease-in-out infinite;animation-delay:var(--fd,0s)}.auth-fade{animation:.6s ease-out both fade-in;animation-delay:var(--d,0s)}.auth-draw{stroke-dasharray:1;animation:auth-draw 1.1s var(--ease-strong) both;animation-delay:var(--d,0s)}@keyframes auth-press{40%{scale:.94}}@keyframes auth-out{to{opacity:0;filter:blur(2px)}}@keyframes auth-in{0%{opacity:0;filter:blur(2px)}}.auth-approve{animation:auth-press .28s var(--ease-strong) both;animation-delay:var(--d,2.4s)}.auth-approve>.auth-was{animation:.16s ease-out both auth-out;animation-delay:calc(var(--d,2.4s) + .12s)}.auth-approve>.auth-now{animation:.22s ease-out both auth-in;animation-delay:calc(var(--d,2.4s) + .16s)}@media (prefers-reduced-motion:reduce){.auth-rise,.auth-pop{animation:.2s ease-out both fade-in}.auth-float,.auth-draw,.auth-approve{animation:none}}