/* =====================================================
   Contact Us page — dark office panel + reused contact form
   Used by: contact-us.php
   ===================================================== */

section[id^="cu-"] p, section[id^="cu-"] a{font-size:16px}

.cu-grid{display:grid;grid-template-columns:1fr;border-radius:1.75rem;overflow:hidden;box-shadow:var(--shadow-lg)}
.cu-office-contact a:last-child{margin-left: 20px;}
@media(min-width:900px){.cu-grid{grid-template-columns:50fr 50fr}}

/* ── Left: dark office panel ── */
.cu-offices{background:var(--grad-dark);color:#fff;padding:3rem 2.5rem}
.cu-offices-icon{width:52px;height:52px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}
.cu-offices-head{text-align:center;margin-bottom:2rem}
.cu-offices-head h2{font-size:1.35rem;font-weight:800;color:#fff;margin:0;letter-spacing:.01em}

.cu-office-block{padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.cu-office-block:first-of-type{padding-top:0}
.cu-office-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}
.cu-office-top svg{flex-shrink:0;color:#9fb6db}
.cu-office-name{font-size:1rem;font-weight:800;color:#fff;margin:0}
.cu-office-address{font-size:16px;color:rgba(255,255,255,.75);line-height:1.65;margin:0}

.cu-office-contact{padding-top:1.5rem;;gap:.75rem;text-align:center}
.cu-office-contact-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0;margin-bottom: 10px;}
.cu-office-contact a{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}
.cu-office-contact a:hover{color:#9fb6db}

/* ── Right: contact form ── */
.cu-form-side{background:var(--white);padding:3rem 2.5rem}
@media(max-width:575px){.cu-offices,.cu-form-side{padding:2rem 1.5rem}}