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

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1rem 0;
}
.divider::before,
.divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #ddd;
}
.divider::before {
    margin-right: .5em;
}
.divider::after {
    margin-left: .5em;
}

.google-btn {
    border: 1px solid #ddd;
    background-color: white;
    color: #555;
    font-weight: 500;
}

.google-btn img {
    height: 20px;
    margin-right: 10px;
}