.cs-contact-page { padding:48px 24px 72px; background:#f7f7fa; }
.cs-contact-card { max-width:760px; margin:auto; padding:40px; background:#fff; border:1px solid #e6e2ec; border-radius:24px; box-shadow:0 12px 40px #30283f06; }
.cs-contact-eyebrow { font-size:12px; letter-spacing:.1em; color:#7356ba; font-weight:600; }
.cs-contact-card h1 { font-size:clamp(30px,4vw,44px); line-height:1.2; margin:12px 0 16px; }
.cs-contact-card > p { color:#625b6d; }
.cs-contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:30px; }
.cs-contact-fields label { display:block; color:#30283f; font-size:14px; font-weight:500; }
.cs-contact-fields small { color:#706979; font-weight:400; }
.cs-contact-fields input,.cs-contact-fields textarea { display:block; box-sizing:border-box; width:100%; min-width:0; margin-top:8px; padding:12px 14px; border:1px solid #d8d3df; border-radius:10px; font:inherit; color:#30283f; background:#fff; }
.cs-contact-fields input { height:48px; }
.cs-contact-fields textarea { resize:vertical; }
.cs-contact-fields :is(input,textarea):focus { outline:2px solid #7356ba; outline-offset:2px; }
.cs-contact-wide { grid-column:1/-1; }
.cs-contact-submit { margin-top:24px; padding:14px 24px; background:#7356ba; color:white; border:0; border-radius:10px; font:inherit; font-weight:600; cursor:pointer; }
.cs-contact-submit:disabled { opacity:.65; cursor:wait; }
#cs-contact-status { margin:16px 0 0; font-size:14px; line-height:1.6; }
#cs-contact-status:empty { display:none; }
@media(max-width:600px) { .cs-contact-page { padding:24px 16px 40px; } .cs-contact-card { padding:24px 20px; } .cs-contact-fields { grid-template-columns:1fr; gap:18px; } .cs-contact-submit { width:100%; } }