/* style/login.css */
/* Base styles for the login page */
.page-login {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #ffffff; /* Default text color for dark body background */
}

/* --- Section Styling --- */
.page-login__section-title {
    font-size: 2.5rem;
    color: #ffffff; /* Default for dark sections */
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.page-login__section-description {
    font-size: 1.1rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px auto;
    color: #f0f0f0; /* Slightly lighter for readability on dark bg */
}

.page-login__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Dark Background Sections (like hero, CTA, contact) */
.page-login__dark-bg {
    background-color: #121212; /* Matches body background */
    color: #ffffff;
    padding: 80px 0;
}

/* Light Background Sections (like benefits, why choose us, guide, faq) */
.page-login__light-bg {
    background-color: #f5f5f5; /* Light background */
    color: #333333; /* Dark text for contrast */
    padding: 80px 0;
}
.page-login__light-bg .page-login__section-title {
    color: #262626; /* Darker title for light bg */
}
.page-login__light-bg .page-login__section-description {
    color: #555555; /* Darker description for light bg */
}