:root{
    --text: #1f2937;
    --muted: #6b7280;
    --control: #d1d5db;
    --focus: #3b82f6;
}

html, body { background:#fff; color:var(--text); font-family: "Inter","Helvetica Neue",Arial,sans-serif; line-height:1.6; }

.contact-form-container{
    max-width:680px; margin:2rem auto; padding:1.5rem; background:#fff;
}
.contact-form-container .row{ margin-bottom:1rem; }

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea{
    width:100%; box-sizing:border-box; border:1px solid var(--control); border-radius:.375rem; padding:.5rem .75rem; background:#fff; color:var(--text);
}

.contact-form-container input:focus,
.contact-form-container textarea:focus{
    outline:none; border-color:var(--focus); box-shadow:0 0 0 2px rgba(59,130,246,.2);
}

.contact-form-container .actions{ text-align:right; }

.error{ color:#c0392b; margin-top:.25rem; }

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