.contact-hero { padding-bottom:5rem; background:radial-gradient(circle at 85% 35%,rgba(246,181,24,.18),transparent 28%),linear-gradient(120deg,#121212,#222); color:#fff; }
.contact-hero .breadcrumb { padding-top:2rem; }
.contact-hero .breadcrumb a,.contact-hero .breadcrumb span { color:#bbb; }
.contact-hero__content { max-width:1050px; padding-top:4.5rem; }
.contact-kicker { display:inline-flex; align-items:center; gap:.6rem; color:var(--color-yellow); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.contact-kicker::before { width:28px; height:3px; border-radius:3px; background:currentColor; content:""; }
.contact-hero h1 { margin:1.2rem 0; color:#fff; font-size:clamp(3.6rem,7.6vw,7.3rem); line-height:.92; letter-spacing:-.055em; }
.contact-hero h1 em { color:var(--color-yellow); font-style:normal; }
.contact-hero__content > p { max-width:760px; color:#c7c7c7; font-size:1.12rem; line-height:1.75; }
.contact-hero__actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.contact-hero .button--outline { border-color:#666; color:#fff; }
.contact-hero__sinhala { max-width:900px; margin-top:3rem; padding:1.2rem 1.4rem; border-left:4px solid var(--color-yellow); border-radius:0 13px 13px 0; background:rgba(255,255,255,.08); }
.contact-hero__sinhala span { color:var(--color-yellow); font-size:.67rem; font-weight:900; text-transform:uppercase; }
.contact-hero__sinhala p { margin:.45rem 0 0; color:#eee; line-height:1.75; }
.contact-reason-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.contact-reason-grid button { min-height:210px; padding:1.3rem; border:1px solid #ddd; border-radius:15px; background:#fff; color:#222; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.contact-reason-grid button:hover,.contact-reason-grid button.is-selected { transform:translateY(-3px); border-color:#d39a0e; background:#fff8e7; }
.contact-reason-grid span { color:var(--color-maroon); font-size:.68rem; font-weight:900; }
.contact-reason-grid h3 { margin:2.4rem 0 .5rem; font-size:1.15rem; }
.contact-reason-grid p { margin:0; color:#666; font-size:.84rem; }
.contact-form-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:1rem; align-items:start; }
.contact-form-panel,.contact-information { padding:2rem; border:1px solid #d8d8d8; border-radius:20px; background:#fff; }
.contact-form-panel h2,.contact-information h2 { margin:.7rem 0 1.4rem; font-size:clamp(2rem,4vw,3.3rem); }
.contact-required { color:#777; font-size:.75rem; }
.contact-required span,.contact-field b,.contact-consent b { color:#9c1733; }
.contact-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.contact-field { display:grid; gap:.45rem; margin-top:.9rem; }
.contact-field > span { font-size:.78rem; font-weight:850; }
.contact-field > span small { color:#888; font-weight:600; }
.contact-field input,.contact-field select,.contact-field textarea { width:100%; padding:.85rem; border:1px solid #c9c9c9; border-radius:9px; background:#fff; color:#222; font:inherit; }
.contact-field textarea { resize:vertical; }
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus { outline:3px solid rgba(246,181,24,.24); border-color:#bd8500; }
.contact-field [aria-invalid="true"] { border-color:#a41936; background:#fff8f9; }
.contact-field > small { justify-self:end; color:#888; font-size:.68rem; }
.contact-guidance { margin-top:1rem; padding:1rem; border-left:4px solid var(--color-yellow); border-radius:0 10px 10px 0; background:#fff5d9; }
.contact-guidance strong { display:block; margin-bottom:.3rem; font-size:.75rem; }
.contact-guidance p { margin:0; color:#675932; font-size:.82rem; }
.contact-language { display:flex; flex-wrap:wrap; gap:1rem; margin:1.2rem 0 0; padding:0; border:0; }
.contact-language legend { width:100%; margin-bottom:.25rem; font-size:.78rem; font-weight:850; }
.contact-language label { display:flex; align-items:center; gap:.4rem; font-size:.82rem; cursor:pointer; }
.contact-language input,.contact-consent input { accent-color:var(--color-yellow); }
.contact-consent { display:flex; align-items:flex-start; gap:.7rem; margin-top:1.2rem; color:#555; font-size:.78rem; line-height:1.55; cursor:pointer; }
.contact-consent input { flex:0 0 auto; width:18px; height:18px; margin-top:.12rem; }
.contact-consent a { text-decoration:underline; }
.contact-form__actions { display:flex; align-items:center; gap:1rem; margin-top:1.5rem; }
.contact-clear { border:0; background:transparent; color:#666; font-weight:750; cursor:pointer; }
.contact-form-status { margin-top:1rem; padding:.85rem; border-radius:9px; background:#fff0f2; color:#7d1830; font-size:.82rem; }
.contact-prepared { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem; padding:1rem; border:1px solid #dfb33e; border-radius:11px; background:#fff7e3; }
.contact-prepared strong,.contact-prepared p { display:block; margin:0; }
.contact-prepared p { margin-top:.3rem; color:#70633e; font-size:.76rem; }
.contact-prepared button { flex:0 0 auto; padding:.65rem .8rem; border:0; border-radius:8px; background:#222; color:#fff; font-weight:800; cursor:pointer; }
.contact-information { position:sticky; top:115px; }
.contact-information dl { display:grid; gap:0; margin:0; }
.contact-information dl div { padding:1rem 0; border-top:1px solid #e3e3e3; }
.contact-information dt { color:#777; font-size:.67rem; font-weight:850; text-transform:uppercase; }
.contact-information dd { margin:.35rem 0 0; font-size:.84rem; line-height:1.55; }
.contact-boundary { margin-top:1.2rem; padding:1rem; border-radius:11px; background:#272727; color:#fff; }
.contact-boundary strong { color:var(--color-yellow); font-size:.75rem; }
.contact-boundary p { margin:.4rem 0 0; color:#bbb; font-size:.8rem; }
.contact-collaboration { display:grid; grid-template-columns:1.15fr .85fr; gap:5rem; align-items:center; padding:3rem; border-radius:22px; background:linear-gradient(135deg,#222,#171717); color:#fff; }
.contact-collaboration h2 { margin:.8rem 0; color:#fff; font-size:clamp(2.3rem,4.5vw,4.2rem); line-height:1.05; }
.contact-collaboration p { max-width:720px; color:#bbb; line-height:1.7; }
.contact-collaboration .button { margin-top:1rem; }
.contact-collaboration__topics { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }
.contact-collaboration__topics span { padding:.8rem; border:1px solid #444; border-radius:9px; color:#ddd; font-size:.78rem; font-weight:750; }
.contact-faq { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.contact-faq details { padding:1rem; border:1px solid #d8d8d8; border-radius:11px; background:#fff; }
.contact-faq summary { cursor:pointer; font-weight:800; }
.contact-faq p { margin:.8rem 0 0; color:#666; font-size:.84rem; line-height:1.65; }
.contact-privacy { padding:4rem 0; background:var(--color-yellow); }
.contact-privacy .container { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:end; }
.contact-privacy span { color:#6c4b00; font-size:.7rem; font-weight:900; text-transform:uppercase; }
.contact-privacy h2 { margin:.6rem 0 0; font-size:clamp(2.3rem,4.5vw,4rem); line-height:1.05; }
.contact-privacy p { margin:0 0 .8rem; line-height:1.7; }
.contact-privacy a { font-size:.8rem; font-weight:850; }
.contact-next-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; }
.contact-next-grid a { padding:1.2rem; border:1px solid #ddd; border-radius:13px; }
.contact-next-grid span,.contact-next-grid strong,.contact-next-grid small { display:block; }
.contact-next-grid span { color:var(--color-maroon); font-size:.67rem; font-weight:900; }
.contact-next-grid strong { margin:2rem 0 .5rem; }
.contact-next-grid small { color:#777; }

@media (max-width:1000px) {
  .contact-form-layout { grid-template-columns:1fr; }
  .contact-information { position:static; }
  .contact-collaboration { grid-template-columns:1fr; gap:2rem; }
  .contact-next-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px) {
  .contact-reason-grid { grid-template-columns:repeat(2,1fr); }
  .contact-faq { grid-template-columns:1fr; }
  .contact-privacy .container { grid-template-columns:1fr; gap:2rem; }
}
@media (max-width:560px) {
  .contact-hero h1 { font-size:clamp(3rem,15vw,4.7rem); }
  .contact-hero__actions .button { width:100%; }
  .contact-reason-grid,.contact-field-grid,.contact-collaboration__topics,.contact-next-grid { grid-template-columns:1fr; }
  .contact-reason-grid button { min-height:0; }
  .contact-reason-grid h3 { margin-top:1.5rem; }
  .contact-form-panel,.contact-information { padding:1.2rem; }
  .contact-form__actions,.contact-prepared { align-items:stretch; flex-direction:column; }
  .contact-prepared button { width:100%; }
  .contact-collaboration { padding:1.5rem; }
}