.auth-page{background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 42%), radial-gradient(circle at 88% 92%, #e9b84b29, transparent 44%), var(--canvas);min-height:100dvh;padding:clamp(var(--space-4), 4vw, var(--space-12));justify-content:center;align-items:center;display:flex}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);width:100%;max-width:68rem;display:grid;overflow:hidden}.auth-aside{isolation:isolate;min-height:38rem;position:relative}.auth-aside-image{object-fit:cover;width:100%;height:100%}.auth-aside-scrim{background:linear-gradient(#0000 0%,#123f3a1f 32%,#123f3a9e 66%,#123f3af0 100%);position:absolute;inset:0}.auth-aside-copy{color:#fff;gap:var(--space-4);padding:var(--space-10);display:grid;position:absolute;bottom:0;left:0;right:0}.auth-aside-kicker{color:var(--brand-accent);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.auth-aside blockquote{font-family:var(--font-serif);font-size:var(--fs-22);gap:var(--space-4);line-height:var(--lh-snug);margin:0;display:grid}.auth-aside blockquote footer{font-family:var(--font-sans);gap:var(--space-1);display:grid}.auth-aside blockquote strong{font-size:var(--fs-14);font-weight:var(--fw-semibold)}.auth-aside blockquote span{color:var(--brand-on-deep-quiet);font-size:var(--fs-13)}.auth-main{gap:var(--space-8);padding:clamp(var(--space-6), 4vw, var(--space-12));display:grid}.auth-topline{align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.auth-brand{color:inherit;align-items:center;gap:var(--space-3);text-decoration:none;display:inline-flex}.auth-brand span{line-height:var(--lh-snug);display:grid}.auth-brand strong{font-family:var(--font-serif);font-size:var(--fs-16);font-weight:var(--fw-regular)}.auth-brand small{color:var(--muted);font-size:var(--fs-12)}.auth-back{color:var(--muted);font-size:var(--fs-13);font-weight:var(--fw-semibold);align-items:center;gap:var(--space-2);text-decoration:none;transition:color .16s;display:inline-flex}.auth-back:hover{color:var(--brand)}.auth-column{align-content:center;gap:var(--space-6);display:grid}.auth-heading{gap:var(--space-2);display:grid}.auth-heading h1{font-family:var(--font-serif);font-size:var(--fs-34);font-weight:var(--fw-regular);letter-spacing:var(--tracking-display);line-height:var(--lh-display);margin:0}.auth-heading p{color:var(--ink-soft);font-family:var(--font-body);font-size:var(--fs-14);line-height:var(--lh-body);max-width:32rem;margin:0}.auth-form{gap:var(--space-4);display:grid}.auth-alert{border-radius:var(--radius-md);color:#8c2f22;font-size:var(--fs-14);padding:var(--space-3) var(--space-4);background:#fdecea;border:1px solid #f2c3bd;margin:0}.auth-field{gap:var(--space-2);display:grid}.auth-label{color:var(--ink);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.auth-input{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:0 var(--space-4);transition:border-color .18s,box-shadow .18s;display:flex}.auth-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent)}.auth-input>svg{color:var(--muted);flex:none}.auth-input input{color:var(--ink);font-family:inherit;font-size:var(--fs-16);background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:3rem;padding:0}.auth-input input::placeholder{color:var(--line-strong)}.auth-reveal{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .16s;display:inline-flex}.auth-reveal:hover,.auth-reveal[aria-pressed=true]{color:var(--brand)}.auth-reveal:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.auth-hint{color:var(--muted);font-size:var(--fs-12);line-height:var(--lh-snug)}.auth-submit{background:var(--brand);border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--fs-14);font-weight:var(--fw-semibold);align-items:center;gap:var(--space-2);min-height:3rem;margin-top:var(--space-2);padding:0 var(--space-6);border:0;justify-content:center;transition:background .18s,transform .18s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px)}.auth-submit:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.auth-submit:disabled{background:var(--line-strong);cursor:progress}.auth-submit svg{transition:transform .18s}.auth-submit:hover:not(:disabled) svg{transform:translate(2px)}.auth-switch{border-top:1px solid var(--line);align-items:center;gap:var(--space-2);padding-top:var(--space-5);flex-wrap:wrap;display:flex}.auth-switch p{color:var(--muted);font-size:var(--fs-14);margin:0}.auth-switch button{color:var(--brand);cursor:pointer;font-family:inherit;font-size:var(--fs-14);font-weight:var(--fw-semibold);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.auth-switch button:hover{color:var(--brand-strong)}.auth-foot{color:var(--muted);font-size:var(--fs-12);line-height:var(--lh-snug);margin:0}.auth-foot a{color:var(--brand)}@media (max-width:900px){.auth-card{grid-template-columns:1fr;max-width:32rem}.auth-aside{display:none}.auth-main{gap:var(--space-6)}}@media (max-width:520px){.auth-page{padding:0}.auth-card{box-shadow:none;border:0;border-radius:0;min-height:100dvh}.auth-heading h1{font-size:var(--fs-28)}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-forgot{font-size:var(--fs-14);text-align:center;margin:0}.auth-forgot a{color:var(--muted)}.auth-forgot a:hover{color:var(--ink)}.auth-done{background:var(--hue-lime-soft);border-radius:var(--radius-md);color:var(--hue-lime-ink);font-size:var(--fs-14);padding:var(--space-3) var(--space-4);margin:0}
