.auth { min-height: calc(100vh - 70px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 16px; gap: 16px; }
.auth-card { width: min(440px, 100%); }
.tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 4px; }
.tabs button { font: inherit; font-weight: 700; border: 0; border-radius: 7px; padding: 9px; background: transparent; color: var(--muted); cursor: pointer; }
.tabs button[aria-selected="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgb(0 0 0 / .1); }
.auth form { display: flex; flex-direction: column; gap: 14px; }
.intro { margin: 4px 0 0; color: var(--muted); font-size: 15px; }
.alt { margin: 0; }
.otp { font-size: 24px !important; letter-spacing: .3em; text-align: center; font-variant-numeric: tabular-nums; }
.center { text-align: center; max-width: 440px; }
.btn:disabled { opacity: .6; cursor: default; }