.iw-contact-page { --contact-ink:#242629; --contact-muted:#656c75; --contact-yellow:#ffc400; background:linear-gradient(180deg,#fff 0%,#fffdf7 38%,#f6f7f8 100%); color:var(--contact-ink); padding-bottom:60px; }
.iw-contact-page .container { max-width:1240px; }
.iw-contact-breadcrumb { display:flex; align-items:center; gap:12px; font-size:13px; padding:24px 0; }
.iw-contact-breadcrumb a { color:var(--contact-muted); }
.iw-contact-breadcrumb > span[aria-hidden] { color:#90959c; }
.iw-contact-eyebrow { display:block; font-size:11px; letter-spacing:.14em; font-weight:700; color:#74600b; margin-bottom:16px; }
.iw-contact-hero { padding:28px 0 42px; max-width:800px; }
.iw-contact-page h1,.iw-contact-page h2,.iw-contact-page h3 { color:var(--contact-ink); letter-spacing:-.035em; }
.iw-contact-hero h1 { font-size:clamp(34px,4vw,54px); line-height:1.15; margin:0 0 22px; font-weight:750; }
.iw-contact-hero h1 > span { color:#85816d; }
.iw-contact-hero > p { font-size:16px; line-height:1.8; color:var(--contact-muted); max-width:650px; margin:0; }
.iw-contact-grid { display:grid; grid-template-columns:.85fr 1.35fr; gap:28px; align-items:start; }
.iw-contact-details { border-radius:16px; background:#252727; padding:36px; color:#fff; }
.iw-contact-details .iw-contact-eyebrow { color:#ffdc59; }
.iw-contact-details h2 { color:#fff; font-size:27px; line-height:1.35; margin:0 0 16px; }
.iw-contact-intro { color:#c4c8c7; font-size:14px; line-height:1.8; margin:0; }
.iw-contact-methods { list-style:none; padding:0; margin:28px 0; display:grid; gap:24px; }
.iw-contact-methods li { display:flex; gap:16px; align-items:flex-start; min-width:0; }
.iw-contact-icon { display:flex; align-items:center; justify-content:center; flex:0 0 42px; height:42px; border:1px solid #555649; border-radius:10px; background:#34372d; color:#ffd02b; font-size:22px; }
.iw-contact-methods li > div { min-width:0; }
.iw-contact-methods h3 { color:#b8bdba; font-size:11px; font-weight:500; letter-spacing:.04em; margin:0 0 6px; }
.iw-contact-methods a,.iw-contact-methods p { color:#fff; font-size:14px; line-height:1.6; margin:0; overflow-wrap:anywhere; }
.iw-contact-methods a { text-decoration:underline; text-decoration-color:#777b6d; text-underline-offset:4px; }
.iw-contact-methods a:hover { color:#ffdc59; }
.iw-contact-help { display:flex; gap:12px; border-top:1px solid #4b4e47; padding-top:24px; }
.iw-contact-help > i { font-size:24px; color:#ffdc59; }
.iw-contact-help h3 { color:#fff; font-size:14px; line-height:1.5; margin:0 0 8px; }
.iw-contact-help p { color:#bfc5c1; font-size:12px; line-height:1.8; margin:0; }
.iw-contact-form-panel { background:#fff; border:1px solid #e3e5e8; border-radius:16px; padding:36px; box-shadow:0 8px 28px #23262b05; }
.iw-contact-form-heading h2 { font-size:27px; margin:0 0 12px; line-height:1.4; }
.iw-contact-form-heading > p { color:var(--contact-muted); font-size:13px; margin:0 0 28px; line-height:1.7; }
.iw-contact-form { display:grid; gap:20px; }
.iw-contact-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.iw-contact-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.iw-contact-field label { font-size:12px; font-weight:600; color:#414750; margin:0; }
.iw-contact-field label > span { color:#906d00; }
.iw-contact-field input,.iw-contact-field textarea { width:100%; min-width:0; border:1px solid #dce0e5; border-radius:8px; background:#fafbfc; padding:13px 14px; color:#242629; font:inherit; font-size:13px; line-height:1.6; box-sizing:border-box; }
.iw-contact-field input { min-height:48px; }
.iw-contact-field textarea { resize:vertical; min-height:148px; }
.iw-contact-field input::placeholder,.iw-contact-field textarea::placeholder { color:#7e8590; opacity:1; }
.iw-contact-field input[readonly] { background:#f1f3f5; color:#646b75; }
.iw-contact-page :is(input,textarea,button,a):focus-visible { outline:3px solid #b18b00; outline-offset:3px; }
.iw-contact-field [aria-invalid=true] { border-color:#b3261e; }
.iw-contact-error,.iw-contact-errors { color:#a52520; font-size:12px; line-height:1.7; }
.iw-contact-errors { background:#fff3f2; padding:16px; border:1px solid #f2c7c3; border-radius:8px; }
.iw-contact-errors ul { padding-left:18px; margin:8px 0 0; list-style:disc; }
.iw-contact-submit { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.iw-contact-submit button { display:inline-flex; justify-content:center; align-items:center; gap:24px; border:1px solid var(--contact-yellow); background:var(--contact-yellow); color:#252317; border-radius:8px; padding:13px 24px; min-height:48px; font-size:14px; font-weight:600; }
.iw-contact-submit button:hover { background:#edb600; }
.iw-contact-submit > span { color:var(--contact-muted); font-size:11px; }
.iw-contact-shortcuts { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:30px 32px; border:1px solid #e6e1cc; border-radius:14px; background:#fff9e5; margin-top:32px; }
.iw-contact-shortcuts .iw-contact-eyebrow { margin-bottom:10px; }
.iw-contact-shortcuts h2 { font-size:22px; line-height:1.4; margin:0; }
.iw-contact-shortcuts a { display:inline-flex; align-items:center; gap:20px; font-size:14px; color:#383525; font-weight:600; white-space:nowrap; }
@media(max-width:991px) { .iw-contact-grid { grid-template-columns:1fr 1.2fr; gap:20px; } .iw-contact-details,.iw-contact-form-panel { padding:26px; } .iw-contact-form-row { grid-template-columns:1fr; gap:20px; } }
@media(max-width:767px) {
    .iw-contact-page { padding-bottom:36px; }
    .iw-contact-page .container { padding-left:20px; padding-right:20px; }
    .iw-contact-breadcrumb { padding:18px 0; }
    .iw-contact-hero { padding:18px 0 28px; }
    .iw-contact-hero h1 { font-size:35px; }
    .iw-contact-hero > p { font-size:14px; }
    .iw-contact-grid { grid-template-columns:1fr; }
    .iw-contact-details,.iw-contact-form-panel { padding:24px; }
    .iw-contact-details h2,.iw-contact-form-heading h2 { font-size:24px; }
    .iw-contact-field input,.iw-contact-field textarea { font-size:16px; }
    .iw-contact-submit button { width:100%; }
    .iw-contact-submit { gap:12px; }
    .iw-contact-shortcuts { flex-direction:column; align-items:flex-start; padding:24px; }
    .iw-contact-shortcuts h2 { font-size:20px; }
}
