.contact-form { display:flex; flex-direction:column; gap:1rem; }
.contact-form-row { display:grid; gap:1rem; }
@media(min-width:640px){.contact-form-row{grid-template-columns:1fr 1fr}}
.contact-input, .contact-select, .contact-textarea { width:100%; padding:0 1rem; background:var(--background); border:1px solid var(--border); border-radius:var(--radius); color:var(--foreground); transition:border-color .3s; }
.contact-input, .contact-select { height:3rem; }
.contact-textarea { padding:.75rem 1rem; resize:none; }
.contact-input:focus, .contact-select:focus, .contact-textarea:focus { outline:none; border-color:var(--primary); }
.contact-input:-webkit-autofill,
.contact-input:-webkit-autofill:hover, 
.contact-input:-webkit-autofill:focus, 
.contact-input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--background) inset !important;
    -webkit-text-fill-color: var(--foreground) !important;
    transition: background-color 5000s ease-in-out 0s;
}
.contact-input::placeholder, .contact-textarea::placeholder { color:var(--muted-foreground); }
.contact-select { appearance:none; cursor:pointer; }