.form-container {
    max-width: 450px;
    width: 90%;
    background: #F6F4EB;
    color: #333;
}

.header-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #2c3e50;
}

.form-label {
    color: #2c3e50;
}

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {
    .form-container {
        padding: 2rem;
        max-width: 90%;
    }

    .header-text {
        font-size: 1.5rem;
    }

    .form-control-lg {
        font-size: 1rem;
        padding: 0.75rem;
    }

    .submit-btn {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .form-container {
        padding: 1.5rem;
    }

    .header-text {
        font-size: 1.3rem;
    }
}