.auth-page{display:flex;min-height:100vh;flex-direction:column}.auth-main{display:flex;width:min(100% - 32px,440px);flex:1;flex-direction:column;justify-content:center;gap:var(--space-md);margin-inline:auto;padding-block:var(--space-2xl)}.auth-banner{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);color:var(--ui-danger-text);background:var(--surface);border:1px solid var(--ui-danger);border-radius:var(--radius-md);font-size:var(--label-size);line-height:var(--body-line-height)}.auth-card{min-width:0;padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.auth-heading{text-align:center}.auth-heading h1{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--headline-weight);line-height:var(--headline-line-height);letter-spacing:var(--headline-letter-spacing);text-wrap:balance}.auth-heading>p{margin:var(--space-sm) 0 0;color:var(--muted);text-wrap:pretty}.auth-heading strong{color:var(--ink);font-weight:var(--label-weight);overflow-wrap:anywhere}.auth-social-list{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.auth-provider{position:relative;width:100%}.auth-provider__glyph{position:absolute;left:var(--space-md);width:20px;height:20px}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin-block:var(--space-lg);color:var(--muted);font-size:var(--label-size)}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:var(--border);content:""}.auth-form{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.auth-field{display:grid;gap:var(--space-sm);color:var(--ink);font-size:var(--label-size);font-weight:var(--label-weight);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing)}.auth-field input{width:100%;min-width:0;min-height:48px;padding:12px var(--space-md);color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-line-height);transition:border-color var(--dur-fast) var(--ease-out-quart),box-shadow var(--dur-fast) var(--ease-out-quart)}.auth-field input:focus{border-color:var(--focus-ring);outline:0;box-shadow:0 0 0 3px var(--primary-soft)}.auth-field input::placeholder{color:var(--muted)}.auth-field .auth-code-input{font-size:1.5rem;letter-spacing:.35em;text-indent:.35em;text-align:center}.auth-help,.auth-error,.auth-status{margin:calc(var(--space-sm) * -1) 0 0;font-size:var(--label-size);line-height:var(--body-line-height)}.auth-help,.auth-status{color:var(--muted)}.auth-error{display:flex;align-items:flex-start;gap:var(--space-xs);color:var(--ui-danger-text)}.auth-error__icon{width:var(--space-md);height:var(--space-md);flex:0 0 auto;margin-top:var(--space-xs)}.auth-field .auth-input--error{border-color:var(--ui-danger)}.auth-field .auth-input--error:focus{border-color:var(--ui-danger);box-shadow:0 0 0 3px color-mix(in oklab,var(--ui-danger) 15%,transparent)}.auth-submit{width:100%}.auth-text-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg)}.auth-text-actions button{min-height:44px;padding:0;color:var(--primary-text);background:transparent;border:0;font-size:var(--label-size);font-weight:var(--label-weight);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}.auth-text-actions button:hover{text-decoration-thickness:2px}.auth-text-actions button:disabled{color:var(--muted);cursor:wait}.auth-status{min-height:calc(var(--label-size) * var(--body-line-height));margin-top:var(--space-xs);text-align:center}.auth-status--error{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-xs);color:var(--ui-danger-text)}@media(max-width:480px){.auth-main{padding-block:var(--space-xl)}.auth-card{padding:var(--space-lg)}}@media(max-width:360px){.auth-main{width:min(100% - 24px,440px)}.auth-card{padding-inline:var(--space-md)}}