}
.form-field {
margin-bottom: 20px;
}
.form-field label {
display: block;
margin-bottom: 8px;
font-weight: 600;
}
.form-field input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}
.form-field input.error {
border-color: #d32f2f;
}
.btn {
width: 100%;
padding: 14px;
background-color: #000;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #333;
}
.btn:disabled {
background-color: #999;
cursor: not-allowed;
}
#form-message {
padding: 12px;
border-radius: 4px;
text-align: center;
}
#form-message.success {
background-color: #e8f5e9;
color: #2e7d32;
border: 1px solid #a5d6a7;
}
#form-message.error {
background-color: #ffebee;
color: #c62828;
border: 1px solid #ef9a9a;
}
