body[data-page="login"] {
    padding: 1rem;
    background:
        radial-gradient(circle at 15% 10%, var(--color-primary-subtle), transparent 32rem),
        var(--color-bg-canvas);
}

body[data-page="login"] .login-container {
    border: 1px solid var(--color-border-default);
    border-radius: 1rem;
    box-shadow: var(--shadow-lg);
}

body[data-page="login"] .btn-login {
    background: var(--color-primary);
    color: var(--color-on-primary);
}

body[data-page="login"] .btn-login:hover { background: var(--color-primary-hover); }