.service-contact-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.72);overflow:hidden;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.3s ease}
.service-contact-modal.is-open{opacity:1;visibility:visible}
.service-contact-modal::-webkit-scrollbar{display:none;width:0;height:0}
.service-contact-modal__panel{width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:#0d0d12;border:1px solid #2b2732;border-radius:24px;box-shadow:0 35px 120px rgba(0,0,0,.55);transform:translateY(20px) scale(.98);transition:.35s cubic-bezier(.22,1,.36,1)}
.service-contact-modal.is-open .service-contact-modal__panel{transform:none}
.service-contact-modal__panel::-webkit-scrollbar{width:0;height:0;display:none}
.service-contact-modal__head{padding:28px 30px 20px;border-bottom:1px solid #26232e;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.service-contact-modal__head h2{font:800 34px/.95 Manrope;margin:10px 0 8px;letter-spacing:-.04em}
.service-contact-modal__head p{margin:0;color:#8f8996;font-size:13px}
.service-contact-close{width:42px;height:42px;border:1px solid #302b38;background:#15131c;border-radius:50%;cursor:pointer;font-size:22px;line-height:1}
.service-contact-modal__body{padding:28px 30px 30px}
.service-contact-form{display:grid;gap:15px}
.service-contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.service-contact-form label{display:grid;gap:7px}
.service-contact-form label>span{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#817a88}
.service-contact-form input,.service-contact-form select,.service-contact-form textarea{width:100%;border:1px solid #2b2732;background:#08080c;color:#fff;border-radius:12px;padding:14px;font:inherit;outline:0}
.service-contact-form input,.service-contact-form select{height:52px}
.service-contact-form textarea{min-height:125px;resize:vertical}
.service-contact-form input:focus,.service-contact-form select:focus,.service-contact-form textarea:focus{border-color:#7d35e9;box-shadow:0 0 0 3px rgba(109,32,240,.1)}
.service-contact-form .button{border:0;cursor:pointer;width:max-content}
.service-contact-status{display:none;padding:13px 15px;border-radius:12px;font-size:13px}
.service-contact-status.is-visible{display:block}
.service-contact-status.success{background:rgba(46,204,113,.08);border:1px solid rgba(46,204,113,.25);color:#a9e8c2}
.service-contact-status.error{background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.25);color:#f3aaa2}
@media(max-width:650px){.service-contact-modal{padding:10px}.service-contact-modal__head,.service-contact-modal__body{padding:22px}.service-contact-form__grid{grid-template-columns:1fr}.service-contact-modal__head h2{font-size:28px}}

.contact-success-overlay{position:fixed;inset:0;z-index:700;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.28s ease}
.contact-success-overlay.is-visible{opacity:1;visibility:visible}
.contact-success-card{width:min(500px,100%);background:#101016;border:1px solid #342b42;border-radius:26px;padding:42px 34px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.55);transform:translateY(18px) scale(.97);transition:.32s cubic-bezier(.22,1,.36,1)}
.contact-success-overlay.is-visible .contact-success-card{transform:none}
.contact-success-icon{width:68px;height:68px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d25e8,#c14bea);font-size:30px;font-weight:800;color:#fff;box-shadow:0 12px 35px rgba(109,32,240,.3)}
.contact-success-card h3{font:800 34px/1.05 Manrope;margin:0 0 12px;letter-spacing:-.04em;color:#fff}
.contact-success-card p{margin:0 auto 26px;max-width:390px;color:#a6a0ad;font-size:15px;line-height:1.65}
.contact-success-card .button{border:0;cursor:pointer}