body:has(.auth-box) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.auth-box {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 36px;
    width: 100%;
    max-width: 380px;
}

.auth-box h1 { margin: 0 0 4px; font-size: 22px; }
.auth-subtitle { color: var(--color-text-muted); font-size: 14px; margin: 0 0 20px; }
.auth-box button { width: 100%; margin-top: 20px; }
.auth-footer { text-align: center; font-size: 14px; color: var(--color-text-muted); margin-top: 18px; }
.auth-footer a { color: var(--color-primary); text-decoration: none; }