.contact-hero{padding:145px 0 60px;background:#07110c;color:#fff}.contact-hero p{margin:0;color:#18e382;font-size:12px;font-weight:800}.contact-hero h1{margin:10px 0 8px;font-size:clamp(42px,6vw,68px);letter-spacing:-.045em;line-height:1}.contact-hero span{color:#a9b7af;font-size:17px}.contact-main{padding:55px 0 100px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.reason{min-height:155px;padding:21px;text-align:left;background:#fff;border:1px solid #d8e0db;border-radius:12px;cursor:pointer;transition:.18s}.reason:hover{border-color:#8da097}.reason.active{border-color:#07110c;box-shadow:inset 0 0 0 1px #07110c}.reason i,.reason b,.reason span{display:block}.reason i{font-style:normal;color:#0a9f55;font-size:10px;font-weight:900}.reason b{font-size:16px;margin:15px 0 4px}.reason span{color:#6d7b73;font-size:12px;line-height:1.5}.contact-layout{display:grid;grid-template-columns:330px 1fr;border:1px solid #d8e0db;border-radius:14px;overflow:hidden;background:#fff}.contact-side{background:#0b1811;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.availability{font-size:10px;color:#a9b7af}.availability i{display:inline-block;width:7px;height:7px;background:#18e382;border-radius:50%;margin-right:6px}.contact-side h2{font-size:27px;line-height:1.1;margin:18px 0 10px}.contact-side p{color:#9caba2;font-size:13px}.contact-side dl{margin:50px 0}.contact-side dl>div{padding:16px 0;border-top:1px solid #ffffff16}.contact-side dt{color:#6f8177;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.contact-side dd{margin:3px 0 0;font-size:13px}.contact-side dd a{color:#fff}.contact-note{font-size:10px!important}.contact-form-wrap{padding:38px 42px}.form-intro{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid #e0e6e2;padding-bottom:23px;margin-bottom:25px}.form-intro>span{width:34px;height:34px;border-radius:8px;background:#def8e9;color:#087b42;display:grid;place-items:center;font-size:10px;font-weight:900}.form-intro h2{margin:0;font-size:24px}.form-intro p{margin:2px 0 0;color:#738078;font-size:11px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-field{display:grid;gap:6px;position:relative}.contact-field.full,.consent.full{grid-column:1/-1}.contact-field label{font-size:11px;font-weight:800}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #ccd6d0;border-radius:8px;padding:11px 12px;background:#fff;outline:none}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#0aae5c;box-shadow:0 0 0 3px #18e38220}.contact-field textarea{min-height:115px;resize:vertical}.count{position:absolute;right:9px;bottom:7px;color:#8b9790;font-size:9px;background:#fff}.count b{font-weight:400}.reply-options{display:flex;gap:8px}.reply-options label{cursor:pointer}.reply-options input{position:absolute;opacity:0}.reply-options span{display:block;padding:9px 16px;border:1px solid #ccd6d0;border-radius:8px;font-size:11px}.reply-options input:checked+span{background:#07110c;border-color:#07110c;color:#fff}.consent{display:flex;gap:9px;color:#67756d;font-size:10px}.consent input{margin-top:3px}.submit-contact{margin-top:23px;width:100%;display:flex;justify-content:space-between;padding:14px 17px;border:0;border-radius:8px;background:#18e382;color:#07110c;font-weight:900;cursor:pointer}.contact-success{display:none;margin-top:20px;padding:20px;background:#e3f8ec;border-radius:9px;color:#174d30}.contact-success.show{display:block}.contact-success p{font-size:12px}.contact-success button{border:0;background:none;padding:0;color:#087b42;font-weight:800;cursor:pointer}.contact-footer{padding:70px 0;background:#dff7e9;text-align:center}.contact-footer h2{font-size:32px;margin:0}.contact-footer p{color:#607068}.contact-footer a{display:inline-block;margin-top:10px;font-weight:800;border-bottom:1px solid}@media(max-width:850px){.reason-grid{grid-template-columns:1fr}.reason{min-height:auto}.contact-layout{grid-template-columns:1fr}.contact-side dl{margin:25px 0}.contact-fields{grid-template-columns:1fr}.contact-field.full,.consent.full{grid-column:auto}}@media(max-width:520px){.contact-main{padding-top:25px}.contact-form-wrap,.contact-side{padding:25px 20px}.reply-options{display:grid;grid-template-columns:repeat(3,1fr)}.reply-options span{text-align:center;padding:9px 5px}.contact-hero{padding-top:115px}}
