.auth-page{--auth-bg:var(--cx-bg);--auth-surface:var(--cx-surface);--auth-text:var(--cx-text);--auth-muted:var(--cx-text-muted);--auth-border:var(--cx-border-strong);--auth-control-border:var(--cx-control-border);--auth-accent:var(--cx-accent);--auth-accent-text:var(--cx-accent-contrast);--auth-error-bg:color-mix(in srgb, var(--cx-danger) 14%, var(--cx-bg));--auth-error-border:var(--cx-danger);--auth-error-text:var(--cx-text);--auth-field-error:var(--cx-danger);--auth-focus:var(--cx-accent);background:var(--auth-bg);min-height:100dvh;color:var(--auth-text);font-family:var(--cx-font-ui);box-sizing:border-box;justify-content:center;align-items:center;padding:1.5rem;display:flex}.auth-card{background:var(--auth-surface);border:1px solid var(--auth-border);box-sizing:border-box;border-radius:.75rem;width:100%;max-width:24rem;padding:2rem}.auth-heading{font-family:var(--cx-font-heading);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.auth-field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.auth-field label{color:var(--auth-muted);font-size:.875rem;font-weight:500}.auth-field input{font:inherit;border:1px solid var(--auth-control-border);background:var(--auth-bg);color:var(--auth-text);border-radius:.375rem;padding:.625rem .75rem}.auth-field input:focus-visible{outline:2px solid var(--auth-focus);outline-offset:1px}.auth-field-error{color:var(--auth-field-error);font-size:.8125rem}.auth-page .auth-submit{width:100%;font:inherit;color:var(--auth-accent-text);background:var(--auth-accent);cursor:pointer;border:none;border-radius:.375rem;margin-top:.5rem;padding:.625rem 1rem;font-weight:600}.auth-submit:disabled{opacity:.7;cursor:default}.auth-submit:focus-visible{outline:2px solid var(--auth-focus);outline-offset:2px}.auth-error{background:var(--auth-error-bg);border:1px solid var(--auth-error-border);color:var(--auth-error-text);border-radius:.375rem;margin:0 0 1rem;padding:.625rem .75rem;font-size:.875rem}.auth-home-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.auth-home-release{color:var(--auth-muted);margin:.25rem 0 0;font-size:.8125rem}.auth-page .auth-link-button{font:inherit;border:1px solid var(--auth-control-border);color:var(--auth-text);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem .875rem}.auth-link-button:focus-visible{outline:2px solid var(--auth-focus);outline-offset:2px}
