:root{--white:#f4f8ff;--ice:#b9c9df;--cyan:#42ddff;--blue:#315dff;--violet:#7b44ff;--ink:#020510}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;background:var(--ink);color:var(--white);font-family:Manrope,sans-serif;font-size:16px}.contact-header{position:fixed;z-index:90;inset:0 0 auto;height:90px;padding:0 clamp(22px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #bcecff16;background:#020510e8;backdrop-filter:blur(18px)}.contact-logo img{display:block;width:clamp(150px,13vw,218px);max-height:50px;object-fit:contain}.contact-header>p{margin:0;color:#8ea2bf;font-size:14px;font-weight:800;letter-spacing:.17em}.contact-main{position:relative;min-height:calc(100vh - 210px);padding:clamp(150px,14vh,190px) clamp(24px,6vw,110px) 90px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(45px,7vw,120px);align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 38%,#42238c61,transparent 31%),radial-gradient(circle at 18% 48%,#08607b4e,transparent 30%),linear-gradient(125deg,#020b18,#030617 54%,#100529)}.contact-main:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0205109e,transparent 28% 73%,#02051085),radial-gradient(circle at center,transparent 32%,#01030ba8 100%)}.contact-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#78dcff0b 1px,transparent 1px),linear-gradient(90deg,#78dcff0b 1px,transparent 1px);background-size:7vw 7vw;mask-image:radial-gradient(circle at center,#000,transparent 84%)}.contact-orbit{position:absolute;right:5%;top:48%;width:min(44vw,650px);aspect-ratio:1;border:1px solid #74eaff29;border-radius:50%;transform:translateY(-50%);animation:float 7s ease-in-out infinite}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border:1px solid #7864ff3a;border-radius:50%}.contact-orbit:before{inset:15%}.contact-orbit:after{inset:32%;border-color:#fff3}.contact-orbit i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 42px var(--cyan)}.contact-orbit b{position:absolute;inset:-9%;border:1px dashed #54e5ff2b;border-radius:50%;animation:spin 18s linear infinite}.contact-orbit span{position:absolute;inset:48%;border-radius:50%;background:#fff;box-shadow:0 0 24px #fff,0 0 75px var(--blue)}@keyframes float{50%{transform:translateY(calc(-50% - 14px))}}@keyframes spin{to{transform:rotate(360deg)}}.contact-intro,.contact-form-wrap{position:relative;z-index:3}.eyebrow,.form-index{color:var(--cyan);font-size:14px;font-weight:800;letter-spacing:.17em}.contact-intro h1{margin:32px 0 30px;font-size:clamp(58px,6.6vw,116px);line-height:.94;letter-spacing:-.067em;font-weight:500}.contact-intro h1 em{color:transparent;font-style:normal;background:linear-gradient(95deg,#fff,#75eaff 37%,#7280ff 72%,#b565ff);-webkit-background-clip:text;background-clip:text}.contact-intro>p{max-width:670px;margin:0;color:#9fb0c7;font-size:clamp(17px,1.15vw,20px);line-height:1.75}.contact-signature{display:flex;align-items:center;gap:18px;margin-top:52px;color:#788ca8;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-signature i{width:58px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 13px #42ddff}.contact-form-wrap{padding:34px;border:1px solid #75eaff2a;border-radius:30px;background:linear-gradient(145deg,#07152ed9,#090722dc);box-shadow:0 35px 100px #01030bc7,inset 0 0 60px #315dff0c;backdrop-filter:blur(20px)}.contact-form-wrap form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:28px}.contact-form-wrap label{display:block}.contact-form-wrap label span{display:block;margin-bottom:10px;color:#8296b3;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.contact-form-wrap input,.contact-form-wrap textarea{width:100%;border:1px solid #ffffff1d;border-radius:14px;background:#020815b8;color:#fff;font:inherit;font-size:16px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.contact-form-wrap input{height:54px;padding:0 16px}.contact-form-wrap textarea{padding:15px 16px;resize:vertical}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus{border-color:#66e9ff8f;box-shadow:0 0 0 3px #42ddff13}.message-field{grid-column:1/-1}.contact-form-wrap button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px;border:0;border-radius:15px;background:linear-gradient(110deg,#1c54e8,#6541f4);box-shadow:0 16px 45px #315dff3d;color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:.11em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-form-wrap button:hover,.contact-form-wrap button:focus-visible{transform:translateY(-2px);box-shadow:0 20px 55px #315dff61}.contact-form-wrap button span{font-size:20px}.form-status{grid-column:1/-1;min-height:20px;margin:0;color:#8feeff;font-size:14px;line-height:1.5}.contact-footer{min-height:120px;padding:30px clamp(24px,6vw,110px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #ffffff13;background:#020510;color:#7589a6;font-size:14px;font-weight:800;letter-spacing:.1em}.contact-footer>span{color:#fff;font-size:18px;letter-spacing:.08em}.contact-footer p{margin:0}.contact-footer a{justify-self:end;color:#91a5c1;text-decoration:none}.contact-footer a:hover{color:#fff}@media(max-width:980px){.contact-main{grid-template-columns:1fr;padding-top:140px}.contact-intro h1{font-size:clamp(56px,10vw,92px)}.contact-orbit{right:-16%;width:76vw}.contact-form-wrap{max-width:720px}.contact-footer{grid-template-columns:1fr auto}.contact-footer p{display:none}}@media(max-width:600px){.contact-header{height:78px;padding:0 18px}.contact-logo img{width:142px}.contact-main{padding:125px 20px 70px;gap:48px}.contact-intro h1{font-size:14vw}.contact-intro>p{font-size:16px}.contact-signature{margin-top:35px}.contact-form-wrap{padding:22px;border-radius:22px}.contact-form-wrap form{grid-template-columns:1fr;gap:18px}.message-field,.contact-form-wrap button,.form-status{grid-column:auto}.contact-footer{padding:35px 20px;grid-template-columns:1fr}.contact-footer a{justify-self:start;margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}
.contact-form-wrap label span{font-size:14px}