/* ============================================
   INDEX.CSS - Index Page Specific Styles
   ============================================ */

/* Hero Section */
.hero {
    padding: 4rem 0 2rem;
}
.hero h1 {
    font-size: 4rem;
    line-height: 0.9;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.hero-description {
    font-size: 1.5rem;
    max-width: 600px;
}

/* Login Card */
.login-card {
    border: var(--border-width) solid var(--text-color);
    border-radius: var(--border-radius);
    padding: 1.5rem;
    background: #f1f2f6;
    max-width: 520px;
}

/* Button Row */
.button-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}