.auth{--line-input:#8590b8;--danger:#be222a;isolation:isolate;background-color:var(--blue);grid-template-rows:auto 1fr;min-height:100svh;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.auth{--line-input:lab(60.1182% 2.54357 -22.0632);--danger:lab(42.3845% 60.2199 38.2468)}}.auth:after{content:"";z-index:var(--z-backdrop);background:var(--grain) 0 0 / 256px 256px repeat;pointer-events:none;position:absolute;inset:0}.auth__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:max(var(--space-sm), env(safe-area-inset-top)) var(--gutter) var(--space-sm);display:flex}.auth__main{place-content:center;gap:var(--space-xl);padding:var(--space-lg) var(--gutter) var(--space-3xl);grid-template-columns:minmax(0,27rem);display:grid}@media (min-width:60rem){.auth__main{grid-template-columns:minmax(0,30rem) minmax(0,26rem);align-items:center;gap:clamp(3rem,7vw,7rem)}}.auth__headline{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.5rem,1.5rem + 4vw,4.75rem);font-weight:800;line-height:.96}.auth__headline span{display:block}.auth__lead{max-width:26rem;margin-top:var(--space-md);font-size:var(--text-lead);text-wrap:pretty;line-height:1.5}.auth__panel{border-radius:var(--radius-lg);background:var(--sheet);padding:clamp(1.5rem,1rem + 2.5vw,2.5rem);box-shadow:0 1px 2px #0003544d,0 6px 8px -4px #00035459;box-shadow:0 1px 2px lab(5.42469% 26.5274 -47.8932/.3),0 6px 8px -4px lab(5.42469% 26.5274 -47.8932/.35)}.auth__title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.1}.auth__form{gap:var(--space-md);margin-top:var(--space-lg);display:grid}.auth-field{gap:var(--space-2xs);display:grid}.auth-field label{font-size:var(--text-sm);font-weight:500;line-height:1.3}.auth-field__hint{color:var(--ink-3);font-size:var(--text-xs);line-height:1.4}.auth-input{position:relative}.auth-input input{width:100%;min-height:3rem;padding:0 var(--space-sm);border:1.5px solid var(--line-input);border-radius:var(--radius-md);background:var(--field);color:var(--ink);font:inherit;transition:border-color .16s var(--ease-out-quart), background-color .16s var(--ease-out-quart);font-size:1rem}.auth-input input:hover{border-color:var(--ink-3)}.auth-input input:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue);background:var(--sheet)}.auth-input--password input{padding-inline-end:3.25rem}.auth-reveal{border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--ink-2);cursor:pointer;transition:color .16s var(--ease-out-quart);background:0 0;border:0;place-items:center;margin-block:auto;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:.125rem}.auth-reveal:hover{color:var(--blue)}.auth-reveal:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.auth__submit{width:100%;min-height:3rem;margin-top:var(--space-2xs);padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--blue);color:var(--warm);cursor:pointer;transition:background-color .16s var(--ease-out-quart), transform .16s var(--ease-out-quart);border:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.auth__submit:hover{background:var(--blue-hover)}.auth__submit:active{transform:scale(.98)}.auth__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth__message{margin-top:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:color-mix(in oklch, var(--danger) 9%, var(--sheet));color:var(--danger);font-size:var(--text-sm);line-height:1.45}.auth__help{gap:var(--space-2xs);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--text-sm);line-height:1.5;display:grid}.auth__help a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-underline-offset:.25em;transition:text-decoration-color .16s var(--ease-out-quart);font-weight:500}.auth__help a:hover{text-decoration-color:currentColor}@media (prefers-reduced-motion:no-preference){.auth__headline span{animation:rise 1s var(--ease-out-expo) both}.auth__headline span+span{animation-delay:.11s}.auth__lead{animation:rise-soft .9s var(--ease-out-expo) .26s both}.auth .glow{animation:lights-up 1.6s var(--ease-out-quart) both}}