.contact-modal { position:fixed; z-index:10050; inset:0; display:grid; place-items:center; padding:20px; visibility:hidden; opacity:0; transition:opacity .22s ease, visibility .22s ease; }.contact-modal.is-open { visibility:visible; opacity:1; }.contact-modal__backdrop { position:absolute; inset:0; background:rgba(10,19,43,.62); backdrop-filter:blur(7px); }.contact-modal__dialog { position:relative; z-index:1; width:min(940px,100%); max-height:min(730px,calc(100vh - 40px)); display:grid; grid-template-columns:.88fr 1.12fr; overflow:auto; border:1px solid rgba(255,255,255,.45); border-radius:23px; background:#fff; box-shadow:0 30px 80px rgba(5,13,37,.35); transform:translateY(15px) scale(.98); transition:transform .25s ease; }.contact-modal.is-open .contact-modal__dialog { transform:translateY(0) scale(1); }.contact-modal__close { position:absolute; z-index:2; top:15px; right:15px; width:35px; height:35px; border:0; border-radius:50%; color:#6c7891; background:rgba(255,255,255,.16); cursor:pointer; }.contact-modal__intro { padding:50px 43px 38px; color:#fff; background:radial-gradient(circle at 25% 0,#6176ff,transparent 40%),linear-gradient(145deg,#152a66,#301c6a); }.contact-modal__eyebrow,.contact-modal__form-heading span { color:#9ec1ff; font-size:10px; font-weight:800; letter-spacing:.14em; }.contact-modal__intro h2 { margin:12px 0; font-size:clamp(28px,3vw,39px); font-weight:800; line-height:1.1; letter-spacing:-.045em; }.contact-modal__intro h2 span { color:#b5a6ff; }.contact-modal__intro>p { margin:0; color:#d4dcf9; font-size:14px; line-height:1.65; }.contact-modal__methods { display:grid; gap:9px; margin-top:31px; }.contact-modal__methods a { display:flex; align-items:center; gap:12px; padding:10px; border:1px solid rgba(255,255,255,.13); border-radius:11px; color:#fff; background:rgba(255,255,255,.08); transition:.2s ease; }.contact-modal__methods a:hover { transform:translateX(3px); background:rgba(255,255,255,.14); color:#fff; }.contact-modal__methods i { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; color:#fff; background:rgba(255,255,255,.15); }.contact-modal__methods span { font-size:12px; font-weight:600; }.contact-modal__methods small { display:block; margin-bottom:1px; color:#b9c8f1; font-size:9px; font-weight:500; }.contact-modal__form { display:grid; gap:15px; padding:49px 42px 35px; }.contact-modal__form-heading p { margin:5px 0 4px; color:#7c899f; font-size:12px; line-height:1.45; }.contact-modal__field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.contact-modal__form label { display:grid; gap:6px; color:#31405c; font-size:11px; font-weight:700; }.contact-modal__form input,.contact-modal__form select,.contact-modal__form textarea { width:100%; padding:11px 12px; outline:0; border:1px solid #dde4f1; border-radius:8px; color:#24324c; background:#fbfcff; font:500 13px "Poppins",sans-serif; transition:border .2s,box-shadow .2s; resize:vertical; }.contact-modal__form select { cursor:pointer; }.contact-modal__form input:focus,.contact-modal__form select:focus,.contact-modal__form textarea:focus { border-color:#5b69e9; box-shadow:0 0 0 3px rgba(91,105,233,.11); background:#fff; }.contact-modal__submit { display:flex; align-items:center; justify-content:center; gap:10px; min-height:45px; margin-top:1px; border:0; border-radius:9px; color:#fff; background:linear-gradient(100deg,#2e68eb,#7140e7); box-shadow:0 10px 20px rgba(59,81,210,.23); font:700 13px "Poppins",sans-serif; cursor:pointer; transition:transform .2s,box-shadow .2s; }.contact-modal__submit:hover { transform:translateY(-2px); box-shadow:0 14px 25px rgba(59,81,210,.3); }.contact-modal__status { min-height:17px; margin:0; color:#277147; font-size:11px; font-weight:600; text-align:center; }.contact-modal--locked,body.contact-modal--locked { overflow:hidden; }
@media(max-width:760px){.contact-modal__dialog{grid-template-columns:1fr;max-width:560px}.contact-modal__intro{padding:39px 34px 28px}.contact-modal__methods{grid-template-columns:repeat(3,1fr);margin-top:23px}.contact-modal__methods a{justify-content:center;padding:9px}.contact-modal__methods span{display:none}.contact-modal__form{padding:31px 34px}}@media(max-width:460px){.contact-modal{padding:10px}.contact-modal__dialog{max-height:calc(100vh - 20px);border-radius:17px}.contact-modal__intro{padding:34px 25px 23px}.contact-modal__intro h2{font-size:28px}.contact-modal__form{padding:27px 25px}.contact-modal__field-row{grid-template-columns:1fr}.contact-modal__methods{gap:7px}.contact-modal__methods i{width:28px;height:28px}.contact-modal__close{top:10px;right:10px}}
