.contact-page{max-width:1080px;margin:0 auto;padding:56px 22px 70px}
.contact-hero{text-align:center;max-width:720px;margin:0 auto 32px}
.contact-hero .eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#7b8494;margin-bottom:8px}
.contact-hero h1{margin:0;font-size:42px;line-height:1.1;color:#172033}
.contact-hero p{margin:12px 0 0;color:#667085;font-size:16px;line-height:1.6}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;align-items:start}
.contact-panel,.contact-info{background:#fff;border:1px solid #e4e8ef;border-radius:20px;box-shadow:0 8px 30px rgba(16,24,40,.05)}
.contact-panel{padding:28px}
.contact-info{padding:24px}
.contact-panel h2,.contact-info h2{margin:0 0 8px;color:#172033;font-size:20px}
.contact-panel .intro,.contact-info .intro{margin:0 0 22px;color:#667085;font-size:14px;line-height:1.55}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-field.full{grid-column:1/-1}
.contact-field span{font-size:13px;font-weight:700;color:#344054}
.contact-field input,.contact-field textarea{width:100%;box-sizing:border-box;border:1px solid #d9dee8;border-radius:11px;background:#fff;color:#172033;font:inherit;padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s}
.contact-field input{min-height:46px}
.contact-field textarea{min-height:190px;resize:vertical}
.contact-field input:focus,.contact-field textarea:focus{border-color:#7b61ff;box-shadow:0 0 0 3px rgba(123,97,255,.12)}
.contact-actions{grid-column:1/-1;display:flex;justify-content:flex-start;padding-top:2px}
.contact-actions .btn{min-width:150px}
.contact-error{margin:0 0 18px;padding:12px 14px;border-radius:11px;background:#fff1f0;border:1px solid #ffd6d1;color:#b42318}
.contact-success{padding:18px;border-radius:14px;background:#ecfdf3;border:1px solid #c7f0d7;color:#166534;line-height:1.5}
.contact-success strong{font-size:16px}
.contact-info-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.contact-info-item{display:flex;gap:12px;padding:13px 0;border-top:1px solid #eef0f4}
.contact-info-item:first-child{border-top:0;padding-top:0}
.contact-info-icon{width:34px;height:34px;border-radius:10px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;flex:none;color:#344054;font-size:15px}
.contact-info-item strong{display:block;color:#344054;font-size:13px;margin-bottom:3px}
.contact-info-item span{display:block;color:#667085;font-size:13px;line-height:1.45}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr}.contact-info{order:2}.contact-page{padding-top:36px}.contact-hero h1{font-size:34px}}
@media(max-width:620px){.contact-form{grid-template-columns:1fr}.contact-field.full{grid-column:auto}.contact-panel{padding:20px}.contact-page{padding-left:14px;padding-right:14px}}

.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}