.auth-page,.utility-page{background:var(--bg);padding-block:clamp(64px,8vw,112px)}.auth-layout,.utility-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.auth-intro,.utility-intro{padding-top:16px}.auth-intro h1,.utility-intro h1{letter-spacing:-.05em;max-width:12ch;margin:0 0 32px;font-size:clamp(40px,5.3vw,72px);line-height:1.02}.auth-intro .lede,.utility-intro .lede{max-width:30ch;color:var(--fg);margin:0;font-size:clamp(18px,1.65vw,22px);line-height:1.6}.auth-card,.utility-sheet{background:var(--surface);padding:clamp(24px,4vw,48px)}.auth-card h2,.utility-sheet h2{letter-spacing:-.035em;max-width:none;margin:0 0 32px;font-size:clamp(24px,2.5vw,32px);line-height:1.15}.auth-form,.auth-fields,.utility-form{gap:24px;display:grid}.auth-field,.utility-form label:not(.consent-line,.honeypot){color:var(--fg);gap:8px;font-size:16px;font-weight:600;display:grid}.auth-field input,.utility-form input:not([type=checkbox]),.utility-form select,.utility-form textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:52px;color:var(--fg);font:inherit;border-radius:4px;padding:12px 16px;font-weight:400}.utility-form textarea{resize:vertical}.auth-form__actions{gap:16px;display:grid}.auth-form__actions .btn,.utility-form>.btn{width:100%;min-height:52px}.auth-google{color:var(--fg);background:var(--surface-soft)}.auth-divider{color:var(--muted);text-align:center}.auth-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;font-size:16px;display:flex}.auth-link,.auth-mode-button,.auth-support a,.utility-note a,.utility-form .consent-line a{color:var(--fg);text-underline-offset:4px;text-decoration:underline}.auth-link,.auth-mode-button{align-items:center;min-height:44px;display:inline-flex}.auth-mode-button{font:inherit;background:0 0;border:0;padding:0;font-weight:600}.auth-status{min-height:0;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.auth-status:empty{display:none}.auth-status[data-state=error],.utility-form .form-status[data-state=error]{color:var(--error)}.auth-status[data-state=success]{color:var(--success)}.auth-note,.utility-note{color:var(--muted);margin:32px 0 0;font-size:16px;line-height:1.6}.auth-support{color:var(--muted);margin-top:40px;font-size:16px}.utility-meta{gap:16px;margin:40px 0 0;padding:0;font-size:16px;list-style:none;display:grid}.utility-meta li{margin:0}.utility-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.utility-form .consent-line{color:var(--fg);grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:16px;line-height:1.6;display:grid}.utility-form .consent-line input{width:20px;height:20px;accent-color:var(--primary);margin-top:4px}.utility-form .honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.utility-form .form-status{min-height:0;color:var(--muted);margin:0;font-size:16px}.utility-form .form-status:empty{display:none}.utility-next{gap:32px;margin:0;padding:0;list-style:none;display:grid}.utility-next li{gap:8px;display:grid}.utility-next strong{font-size:20px;font-weight:600}.utility-next span{color:var(--muted);font-size:16px;line-height:1.6}.utility-message{max-width:800px;padding-block:16px}.utility-message h1{letter-spacing:-.05em;max-width:none;margin:0 0 32px;font-size:clamp(40px,5.3vw,72px);line-height:1.02}.utility-message .lede{max-width:48ch;font-size:clamp(18px,1.65vw,22px);line-height:1.6}.utility-message .confirmation-offer{color:var(--fg);margin-block:32px 0;font-size:20px;font-weight:600}.utility-message .confirmation-offer:empty{display:none}.utility-message .confirmation-next{max-width:52ch;margin-top:32px}.utility-message .confirmation-next p{font-size:18px;line-height:1.6}.utility-message .confirmation-next .btn{margin-top:16px}.confirmation-next[hidden],[data-confirmation-home][hidden]{display:none!important}@media (width<=800px){.auth-layout,.utility-layout{grid-template-columns:1fr;gap:40px}.auth-intro,.utility-intro{padding-top:0}.auth-intro h1,.utility-intro h1{max-width:16ch;font-size:clamp(40px,8vw,56px)}.auth-intro .lede,.utility-intro .lede{max-width:48ch}.auth-card,.utility-sheet{padding:24px}.auth-support{margin-top:24px}}@media (width<=480px){.auth-page,.utility-page{padding-block:48px 64px}.auth-intro h1,.utility-intro h1,.utility-message h1{font-size:40px}.auth-links{flex-direction:column;align-items:flex-start}.utility-actions{flex-direction:column;align-items:stretch}.utility-actions .btn{width:100%}}
