.auth-grid{grid-template-columns:1fr;min-height:100dvh;display:grid}@media (width>=60rem){.auth-grid{grid-template-columns:1fr 1fr;height:100dvh}}.auth-brand{text-align:center;padding:var(--space-2xl);color:#fff;background:#161950 radial-gradient(circle,#ffffff0a 1px,#0000 1px) 0 0/28px 28px;flex-direction:column;justify-content:center;align-items:center;display:none;position:relative}html.dark .auth-brand{background:#ffffff0d radial-gradient(circle,#ffffff08 1px,#0000 1px)}@media (width>=60rem){.auth-brand{display:flex}}.auth-brand__content{max-width:28rem;padding:0 var(--space-lg);z-index:1;flex-direction:column;align-items:center;display:flex}.auth-brand__shape{z-index:0;pointer-events:none;width:100%;max-width:250px;position:absolute}.auth-brand__shape img{width:100%;height:auto;display:block}.auth-brand__shape--top{top:0;right:0}.auth-brand__shape--bottom{bottom:0;left:0;transform:rotate(180deg)}@media (width>=80rem){.auth-brand__shape{max-width:450px}}.auth-brand__logo{width:auto;height:3.5rem;margin-bottom:var(--space-md)}.auth-brand__divider{width:2rem;height:1px;margin-bottom:var(--space-md);background:#7592ff}.auth-brand__kicker{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.5;margin:0 0 var(--space-md) 0;font-weight:500}html.dark .auth-brand__kicker{color:#fff9}.auth-brand__headline{font-family:var(--font-serif);letter-spacing:-.01em;color:#fff;margin:0 0 var(--space-md) 0;overflow-wrap:anywhere;font-size:clamp(2rem,3.5vw,3rem);font-style:italic;font-weight:400;line-height:1.15}html.dark .auth-brand__headline{color:#ffffffe6}.auth-brand__lede{max-width:30ch;font-family:var(--font-body);font-size:var(--text-sm);color:#9cb9ff;opacity:.8;margin:0;line-height:1.6}html.dark .auth-brand__lede{color:#fff9}.auth-back{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);margin-bottom:var(--space-lg);transition:color var(--dur-short) var(--ease-out);text-decoration:none;display:inline-flex}.auth-back__icon{flex-shrink:0;width:1rem;height:1rem}@media (hover:hover) and (pointer:fine){.auth-back:hover{color:var(--color-ink)}}.auth-back:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}.auth-theme-toggle{z-index:50;background:var(--color-accent);width:3.5rem;height:3.5rem;color:var(--color-accent-ink);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border:none;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (hover:hover) and (pointer:fine){.auth-theme-toggle:hover{background:var(--color-accent-dark);transform:translateY(-2px)}}.auth-theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.auth-form-wrap{padding:var(--space-xl) var(--space-md);justify-content:center;align-items:center;display:flex;overflow-y:auto}@media (width>=40rem){.auth-form-wrap{padding:var(--space-2xl)}}.auth-form-inner{width:100%;position:relative}.auth-form__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-ink);margin:0 0 var(--space-2xs) 0;overflow-wrap:anywhere}.auth-form__subtitle{font-size:var(--text-sm);color:var(--color-ink-2);margin:0 0 var(--space-md) 0;line-height:1.5}.auth-form{gap:var(--space-sm);flex-direction:column;display:flex}.auth-form__row{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=30rem){.auth-form__row{grid-template-columns:1fr 1fr}}.field{flex-direction:column;display:flex}.field__label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);margin-bottom:var(--space-2xs);font-weight:500}.field__optional{color:var(--color-ink-2);font-weight:400}.field__input-wrap{align-items:center;display:flex;position:relative}.field__input{width:100%;height:2.75rem;padding:0 var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);outline-offset:1px;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);outline:2px solid #0000}.field__input--with-toggle{padding-right:2.75rem}.field__input::placeholder{color:var(--color-ink-2);opacity:.6}.field__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23485864' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:calc(var(--space-sm) * 2 + 12px)}.field__helper{font-size:var(--text-xs);color:var(--color-ink-2);margin-top:var(--space-2xs)}@media (hover:hover) and (pointer:fine){.field__input:hover{background:var(--color-paper-2);border-color:var(--color-ink-2)}}.field__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-ink-2)}.field__input[aria-invalid=true]{border-color:var(--color-hcu-danger)}.field__input:disabled{opacity:.55;cursor:not-allowed}.password-toggle{width:2rem;height:2rem;color:var(--color-ink-2);cursor:pointer;border-radius:var(--radius-input);transition:color var(--dur-short) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle svg{width:1.25rem;height:1.25rem}.password-toggle:hover{color:var(--color-ink)}.password-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.auth-msg{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);line-height:1.5;display:none}.auth-msg[data-visible=true]{display:block}.auth-msg--error{background:color-mix(in oklch, var(--color-hcu-danger) 8%, var(--color-paper));color:var(--color-hcu-danger)}.auth-msg--success{background:color-mix(in oklch, var(--color-hcu-success) 8%, var(--color-paper));color:var(--color-hcu-success)}.auth-btn{border-radius:var(--radius-pill);background:var(--color-accent);width:100%;height:2.75rem;color:var(--color-accent-ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border:none;font-weight:500}@media (hover:hover) and (pointer:fine){.auth-btn:hover{background:var(--color-accent-dark)}}.auth-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn__label{align-items:center;gap:var(--space-2xs);display:inline-flex}.auth-btn[data-loading=true] .auth-btn__label:before{content:"";border:2px solid var(--color-accent-ink);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-btn[data-loading=true] .auth-btn__label:before{animation-duration:1.5s}}.auth-alt{text-align:center;font-size:var(--text-sm);color:var(--color-ink-2);margin-top:var(--space-lg)}.auth-alt__link{color:var(--color-ink);transition:color var(--dur-short) var(--ease-out);font-weight:500;text-decoration:none}@media (hover:hover) and (pointer:fine){.auth-alt__link:hover{color:var(--color-accent)}}.auth-alt__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}
