.auth{max-width:30rem;margin:0 auto;padding:var(--space-8) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.auth__lockup{width:min(100%,13rem);height:auto}.auth__title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);line-height:var(--leading-snug);color:var(--color-text)}.auth__lede{margin:0;color:var(--color-text-muted)}.auth__form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:var(--line-weight) solid var(--color-rule);border-radius:var(--radius-md)}.auth__field{display:flex;flex-direction:column;gap:var(--space-2)}.auth__label{font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-text)}.auth__input{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface-raised);border:var(--line-weight) solid var(--color-rule-strong);border-radius:var(--radius-sm)}.auth__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.auth__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.auth__error{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-critical);background:var(--color-critical-soft);border:var(--line-weight) solid var(--color-critical);border-radius:var(--radius-sm)}.auth__notice{margin:0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-success);background:var(--color-success-soft);border:var(--line-weight) solid var(--color-success);border-radius:var(--radius-sm)}.auth__devnote{margin:0;padding:var(--space-3) var(--space-4);font-family:var(--font-data);font-size:var(--text-xs);color:var(--color-warning);background:var(--color-warning-soft);border:var(--line-weight) solid var(--color-warning);border-radius:var(--radius-sm)}.auth__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.auth__links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm)}.auth a{color:var(--color-link);text-decoration:underline;text-underline-offset:.2em}.auth__submit{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-strong);line-height:var(--leading-snug);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--line-weight) solid transparent;border-radius:var(--radius-sm);background:var(--color-button-bg);color:var(--color-button-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.auth__submit:hover{background:var(--color-accent);border-color:var(--color-accent)}.auth__submit:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.auth__submit{transition:none}}.account__roles{margin:0;display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:var(--line-weight) solid var(--color-rule);border-radius:var(--radius-md)}.account__row{display:flex;gap:var(--space-3);align-items:baseline}.account__row dt{min-width:10rem;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.account__row dd{margin:0;font-family:var(--font-data);font-size:var(--text-sm);color:var(--color-text)}