body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at top right, var(--s-body-top), transparent 30%),
        linear-gradient(180deg, var(--s-bg) 0%, var(--s-body-bottom) 100%);
    color: var(--s-text);
    -webkit-font-smoothing: antialiased;
}

.login-container {
    width: 100%;
    max-width: 400px;
    padding: 1rem;
}

.login-card {
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    border-radius: var(--s-radius);
    box-shadow: var(--s-shadow-lg);
    padding: 2rem;
}

.login-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.login-icon {
    font-size: 2.5rem;
    color: var(--s-accent);
    display: block;
    margin-bottom: .75rem;
}

.login-title {
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: -.02em;
    margin-bottom: .25rem;
}

.login-subtitle {
    color: var(--s-text-muted);
    font-size: .85rem;
}

.login-logo { height: 36px; width: auto; max-width: 100%; margin: 0 auto 1rem; display: block; }
.login-logo.logo-claro { display: none; }
html[data-theme="light"] .login-logo.logo-escuro { display: none; }
html[data-theme="light"] .login-logo.logo-claro { display: block; }
.login-subtitle { font-family: 'DM Sans', sans-serif; }