body { 
        background-color: #fefaf0; 
    }
    .form-container { 
        max-width: 400px; 
        margin: 5% auto; 
        background: white; 
        padding: 2rem; 
        border-radius: 10px; 
        box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    }
    .logo { 
        display: block; 
        margin: 0 auto 20px; 
        width: 150px; 
    }

    a{
        text-decoration: none;
    }

    input::placeholder {
      color: #ccc !important; /* Light gray */
      opacity: 1;             /* Make sure it's fully visible */
    }

    textarea::placeholder {
      color: #ccc !important; /* Light gray */
      opacity: 1;             /* Make sure it's fully visible */
    }

    /* Add vendor-specific versions for better compatibility */
    input::-webkit-input-placeholder {
      color: #ccc !important;
    }

    input:-ms-input-placeholder {
      color: #ccc !important;
    }

    input::-ms-input-placeholder {
      color: #ccc !important;
    }

    input::-moz-placeholder {
      color: #ccc !important;
      opacity: 1;
    }

    input:-moz-placeholder {
      color: #ccc !important;
      opacity: 1;
    }