 .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;
     }
 }