.auth-scrim{background:radial-gradient(50% 40% at 20% 15%, color-mix(in srgb, var(--hue-1) 22%, transparent), transparent 70%), radial-gradient(45% 40% at 85% 85%, color-mix(in srgb, var(--hue-3) 18%, transparent), transparent 70%), #1c19178c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-card{text-align:center;width:380px;max-width:90vw;color:var(--text-main);box-shadow:0 1px 0 #fffffff2 inset, 0 30px 60px -28px color-mix(in srgb, var(--hue-6) 55%, transparent), 0 12px 28px -18px #1c191759;background:#ffffffdb;border:1px solid #fffffff2;border-radius:1.5rem;padding:2rem;animation:.35s cubic-bezier(.2,.8,.2,1) both auth-rise;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, var(--hue-1), var(--hue-3), var(--hue-4));opacity:.85;border-radius:0 0 2px 2px;height:2px;position:absolute;inset:0 1.5rem auto}.auth-page{background:radial-gradient(55% 40% at 15% 10%, color-mix(in srgb, var(--hue-1) 16%, transparent), transparent 70%), radial-gradient(50% 40% at 90% 90%, color-mix(in srgb, var(--hue-3) 14%, transparent), transparent 70%), radial-gradient(40% 30% at 85% 15%, color-mix(in srgb, var(--hue-4) 12%, transparent), transparent 70%)}.auth-title{font-family:var(--font-body);letter-spacing:.02em;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;display:flex}.auth-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);text-align:center;letter-spacing:.08em;background:#ffffffe6;border-radius:.875rem;outline:none;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--hue-6);box-shadow:0 0 0 3px color-mix(in srgb, var(--hue-6) 22%, transparent)}.auth-btn{cursor:pointer;border-radius:9999px;width:100%;min-height:46px;padding:.75rem 1rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:block}.auth-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--hue-6) 35%, transparent);outline:none}.auth-primary{color:#fff;background-image:linear-gradient(120deg, var(--hue-1), var(--hue-6) 50%, var(--hue-3));box-shadow:0 1px 0 #ffffff59 inset, 0 14px 28px -14px color-mix(in srgb, var(--hue-6) 85%, transparent);border:0;margin-bottom:.625rem}.auth-primary:hover{box-shadow:0 1px 0 #ffffff59 inset, 0 18px 30px -14px color-mix(in srgb, var(--hue-3) 80%, transparent);transform:translateY(-1px)}.auth-primary:focus-visible{box-shadow:0 1px 0 #ffffff59 inset, 0 0 0 3px color-mix(in srgb, var(--hue-6) 40%, transparent)}.auth-secondary{color:var(--text-sub);border:1px solid var(--border-color);background:#ffffffb3}.auth-secondary:hover{color:var(--text-main);border-color:var(--text-sub)}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}.auth-btn{transition:none}}