div[auth-card] { max-width: 24rem; margin: 0 auto; }
div[auth-card] h1 { margin-bottom: 24px; }
form[auth-form] { display: grid; gap: 8px; margin-top: 24px; }
form[auth-form] input:not([type="hidden"]) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: inherit; font: inherit; margin-bottom: 8px; }
form[auth-form] button { margin-top: 8px; }
p[auth-help], p[message] { margin-top: 20px; }
p[message] { color: var(--accent); }