/* Use the whole content width; allow natural wrapping on smaller displays. */
.independent { max-width: none; }
.contact-card { display:grid; grid-template-columns:1fr 1.15fr; gap:48px; padding:40px; border:1px solid #3a4942; border-radius:28px; background:#18211c; }
.contact-card p { line-height:1.65; }
.contact-card form { min-width:0; }
.contact-card label { display:block; margin:18px 0 8px; font-weight:600; }
.contact-card label:first-child { margin-top:0; }
.contact-card label span { color:#b6c5bb; font-weight:400; }
.contact-card input,.contact-card textarea { box-sizing:border-box; width:100%; padding:14px 16px; font:inherit; font-size:16px; color:#f1f7ef; background:#101615; border:1px solid #65736b; border-radius:12px; }
.contact-card textarea { resize:vertical; }
.contact-card :is(input,textarea,button):focus-visible { outline:3px solid #bcf581; outline-offset:3px; }
.contact-card button { border:0; font:inherit; font-weight:700; cursor:pointer; margin-top:16px; min-height:48px; }
.contact-card button:disabled { opacity:.55; cursor:not-allowed; }
#contact-status { font-size:14px; color:#c4d5c8; }
#contact-status[data-error="true"] { color:#ffc1ad; }
@media(max-width:720px) { .contact-card { grid-template-columns:1fr; padding:24px; gap:24px; } .contact-card button { width:100%; } }