.auth-container { max-width: 420px; margin: 2rem auto; padding: 0 1rem; }

.auth-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.75rem; }

.auth-card h2 { margin: 0 0 1.25rem; text-align: center; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.links { text-align: center; margin-top: 1rem; }

@media (max-width: 520px) {
  .form-row { grid-template-columns: 1fr; }
}