.auth-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: var(--bg);
    padding: var(--space-5); /* 20px */
}
.auth-card {
    max-width: 400px;
    width: 100%;
    background: var(--card);
    padding: var(--space-8) var(--space-7); /* 40px 30px */
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.08));
}
.auth-title { margin: 0 0 var(--space-1); color: var(--text-main); font-size: 28px; } /* --space-1 = 4px */
.auth-subtitle { margin: 0 0 var(--space-6); color: var(--text-muted); font-size: 14px; } /* --space-6 = 25px (no 24px token; nearest up) */
.auth-form { display: flex; flex-direction: column; gap: var(--space-4); } /* --space-4 = 15px */
.auth-form label { display: flex; flex-direction: column; gap: var(--space-1); font-size: 13px; color: var(--text-muted); }
.auth-form input {
    padding: var(--space-3) var(--space-3); /* --space-3 = 10px; no 12px token, use 10 */
    background: var(--bg);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.1));
    border-radius: var(--radius-sm);
    color: var(--text-main);
    font-size: 14px;
}
.auth-error {
    color: var(--status-error, #f67280);
    font-size: 13px;
    padding: var(--space-2) var(--space-3); /* 8px 10px */
    background: rgba(246,114,128,0.1);
    border-radius: var(--radius-sm);
}