body.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent),var(--bg)}
.auth-wrap{width:min(420px,100%);display:grid;gap:18px}
.auth-brand{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:.03em}
.auth-brand .mark{width:34px;height:34px}
.auth-brand small{display:block;font-family:var(--f-body);font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:.02em;color:var(--muted)}
.auth-card{padding:24px;display:grid;gap:14px;box-shadow:var(--shadow)}
.auth-card input{padding:11px 12px;font-size:16px}