/* Login Page */
.login-page {
    max-width: 480px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

/* Hero */
.login-hero {
    position: relative;
    text-align: center;
    padding: 56px 20px 48px;
    color: white;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.login-hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--brand-dark) 0%, #302b63 50%, #24243e 100%);
    z-index: 0;
}
.login-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(102, 126, 234, 0.2) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(118, 75, 162, 0.15) 0%, transparent 60%);
    z-index: 1;
}
.login-hero-content {
    position: relative;
    z-index: 2;
}
.login-hero-content h1 {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}
.login-hero-content p {
    font-size: 1.05rem;
    opacity: 0.75;
}
@media (max-width: 768px) {
    .login-hero { padding: 40px 20px 36px; }
    .login-hero-content h1 { font-size: 1.6rem; }
}

.card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.card-body {
    padding: 24px 32px 32px;
}