.contact-page{background:#f5f7fa;color:#0a192f;min-height:100vh;padding-bottom:100px}
.contact-page .container{width:min(1180px,calc(100% - 56px));margin:auto}
.contact-hero{padding:150px 0 78px;color:#fff;background:linear-gradient(90deg,rgba(8,12,16,.94),rgba(8,12,16,.56)),url('/pakmuhnet/assets/images/official/headerimage2.png') center/cover}
.contact-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;color:#aab4bd;font-size:14px}.contact-breadcrumb strong{color:#fff}.contact-breadcrumb i{color:#f4513d}
.contact-kicker{color:#f4513d;font-size:12px;font-weight:700;letter-spacing:.24em}.contact-hero h1{max-width:760px;margin:16px 0 0;font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-.06em}.contact-hero h1 em{color:#f4513d;font-style:normal}
.contact-page .contact-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin:112px auto 0}
.contact-info{padding:44px;border-radius:22px;background:linear-gradient(145deg,#123f72 0%,#0c294e 52%,#07182d 100%);color:#fff;box-shadow:0 24px 55px rgba(7,31,63,.2)}.contact-info-kicker{color:#79c7ef;font-size:12px;font-weight:700;letter-spacing:.2em}.contact-info h2{margin:18px 0 16px;font-size:clamp(32px,4vw,52px);line-height:.98;letter-spacing:-.05em}.contact-info p{max-width:420px;margin:0;color:#c0d4e6;line-height:1.7}.contact-info-list{display:grid;gap:16px;margin-top:42px}.contact-info-item{display:flex;align-items:flex-start;gap:14px;color:#d7e5f1}.contact-info-item i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:rgba(91,190,235,.16);color:#79c7ef;font-size:20px}.contact-info-item strong{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.12em;color:#9db9d2}.contact-info-item a,.contact-info-item span{color:#fff;line-height:1.55}
.contact-form{padding:42px;border:1px solid #e2e7ed;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(10,25,47,.08)}.contact-form-kicker{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.2em}.contact-form h2{margin:14px 0 28px;font-size:32px;letter-spacing:-.04em}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:grid;gap:8px}.contact-field-wide{grid-column:1/-1}.contact-field label{font-size:12px;font-weight:700;color:#334155}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #d7dee7;border-radius:8px;background:#fff;color:#0a192f;padding:14px 15px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.contact-field textarea{min-height:130px;resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#f4513d;box-shadow:0 0 0 4px rgba(244,81,61,.1)}.contact-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;border:0;border-radius:9px;padding:16px 20px;background:linear-gradient(135deg,#23c978,#078856);color:#fff;font:700 14px inherit;cursor:pointer;box-shadow:0 16px 28px rgba(7,136,86,.2)}.contact-success{margin-bottom:20px;border-radius:10px;padding:14px 16px;background:#eafaf1;color:#087b50;font-size:14px;font-weight:600}
@media(max-width:800px){.contact-page .contact-panel{grid-template-columns:1fr;margin-top:70px}.contact-info,.contact-form{padding:28px}.contact-form-grid{grid-template-columns:1fr}.contact-field-wide{grid-column:auto}.contact-hero{padding-top:125px}}
@media(max-width:520px){.contact-page .container{width:min(100% - 32px,1180px)}.contact-hero h1{font-size:42px}.contact-info h2{font-size:36px}}
