/* Login page only; the card, buttons and dark theme come from index.css. */

/* The page is a single card, so keep it comfortably centred instead of pinned to the top */
body.dark-theme #hero-section {
    align-items: center;
    padding-top: 40px;
    padding-bottom: 60px;
}

.hero-header h1 .brand-link {
    color: inherit;
    text-decoration: none;
}

.hero-header h1 .brand-link:hover {
    text-shadow: 0 0 30px var(--glow-color);
}

/* "Please log in to continue" is an invitation, not an error, so it is not red like the logged-out notice */
.logout-notice.is-info {
    background: rgba(124, 191, 255, 0.08);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

.login-back {
    text-align: center;
    margin: 20px 0 0;
}

.login-back a {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.login-back a:hover {
    color: var(--glow-color-intense);
    text-shadow: 0 0 10px var(--glow-color);
}

@media (max-width: 768px) {
    body.dark-theme #hero-section {
        padding-top: 30px;
    }
}