.contact-section{--contact-cyan:#65e5ee;--contact-red:#ff655f;--contact-pearl:#e8eef5;--contact-blue:#5587ff;position:relative;isolation:isolate;overflow:hidden;padding:clamp(7rem,11vw,10rem) 0;background:linear-gradient(145deg,#05090c,#08151b 48%,#10090b);color:#f5f9fb}.contact-section:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 8% 14%,rgba(101,229,238,.16),transparent 25%),radial-gradient(circle at 92% 17%,rgba(255,101,95,.14),transparent 23%),radial-gradient(circle at 70% 94%,rgba(85,135,255,.11),transparent 27%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,auto,88px 88px,88px 88px}.contact-signal{position:absolute;inset:0;z-index:-2;pointer-events:none}.contact-signal svg{position:absolute;left:0;top:34%;width:100%;height:260px}.contact-signal path{fill:none;stroke:rgba(101,229,238,.23);stroke-width:1.2;stroke-dasharray:8 12;animation:contactPath 18s linear infinite}.contact-signal>i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--contact-cyan);box-shadow:0 0 22px 5px rgba(101,229,238,.4);animation:contactPulse 3s ease-in-out infinite}.contact-signal>i:nth-of-type(1){left:12%;top:40%}.contact-signal>i:nth-of-type(2){left:51%;top:47%;animation-delay:-1s;background:var(--contact-blue);box-shadow:0 0 22px 5px rgba(85,135,255,.35)}.contact-signal>i:nth-of-type(3){right:8%;top:38%;animation-delay:-2s;background:var(--contact-red);box-shadow:0 0 22px 5px rgba(255,101,95,.35)}
.contact-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:4rem;align-items:end}.contact-eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 1.1rem;color:#a7bac1;font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.contact-eyebrow span{padding:.45rem .62rem;border:1px solid rgba(101,229,238,.28);border-radius:999px;color:var(--contact-cyan);font:600 .56rem monospace}.contact-head h2{margin:0;font:clamp(3.6rem,6.3vw,6.7rem)/.94 Italiana,serif}.contact-head h2 em{display:block;background:linear-gradient(95deg,var(--contact-cyan),var(--contact-blue),var(--contact-pearl),var(--contact-red));background-size:190% auto;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;animation:contactGradient 9s linear infinite}.contact-head>p{margin:0;color:#9eafb5;font-size:.91rem;line-height:1.8}
.contact-grid{display:grid;grid-template-columns:minmax(280px,.52fr) minmax(0,1fr);gap:1rem;margin-top:clamp(3rem,6vw,5rem)}.contact-grid>aside,.contact-form-wrap{position:relative;overflow:hidden;border:1px solid rgba(232,238,245,.1);border-radius:1.35rem;background:linear-gradient(150deg,rgba(21,48,58,.82),rgba(7,20,26,.97));box-shadow:0 28px 75px rgba(0,0,0,.32);opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease,border-color .35s}.contact-section.is-visible .contact-grid>aside,.contact-section.is-visible .contact-form-wrap{opacity:1;transform:none}.contact-grid>aside{padding:1.7rem;transition-delay:.1s}.contact-form-wrap{padding:clamp(1.3rem,3vw,2.2rem);transition-delay:.22s}.contact-grid>aside:hover{border-color:rgba(101,229,238,.32)}.contact-orbit{position:relative;width:140px;height:140px;display:grid;place-items:center;margin:0 auto 2rem;border:1px solid rgba(101,229,238,.16);border-radius:50%}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border-radius:50%}.contact-orbit:before{inset:14px;border:1px dashed rgba(85,135,255,.25);animation:contactSpin 18s linear infinite}.contact-orbit:after{inset:-10px;border:1px solid rgba(255,101,95,.12);animation:contactSpin 24s linear infinite reverse}.contact-orbit span{color:var(--contact-pearl);font:3rem Italiana,serif}.contact-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--contact-red);box-shadow:0 0 14px var(--contact-red);animation:contactSatellite 5s ease-in-out infinite}.contact-orbit i:first-of-type{left:10px;top:30px}.contact-orbit i:nth-of-type(2){right:12px;bottom:25px;animation-delay:-2.5s;background:var(--contact-cyan);box-shadow:0 0 14px var(--contact-cyan)}.contact-grid>aside>small,.contact-form-wrap>p{color:var(--contact-cyan);font:.5rem monospace;letter-spacing:.13em}.contact-grid>aside h3,.contact-form-wrap h3{margin:.8rem 0 0;color:#f1f7f8;font:2rem/1.08 Italiana,serif}.contact-grid>aside>p{margin:1rem 0 0;color:#a7b7bc;font-size:.75rem;line-height:1.75}.contact-direct{display:grid;gap:.65rem;margin-top:1.5rem}.contact-direct>a{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(232,238,245,.1);border-radius:1rem;color:white;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}.contact-direct>a:hover{transform:translateX(5px);border-color:rgba(101,229,238,.3);background:rgba(101,229,238,.04)}.contact-direct>a>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(101,229,238,.08);color:var(--contact-cyan);font-style:normal}.contact-direct>a:last-child>i{background:rgba(255,101,95,.08);color:var(--contact-red)}.contact-direct span{display:grid;gap:.2rem}.contact-direct small{color:#687f87;font-size:.43rem;letter-spacing:.1em}.contact-direct b{font-size:.64rem}
.contact-form-wrap>h3{font-size:clamp(2rem,3.5vw,3.5rem)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem}.contact-fields label{display:grid;gap:.4rem}.contact-fields label.full{grid-column:1/-1}.contact-fields label>span{color:#869aa1;font-size:.53rem;letter-spacing:.06em}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;border:1px solid rgba(232,238,245,.11);border-radius:.8rem;outline:none;background:rgba(2,11,15,.55);color:#eaf1f3;padding:.82rem;font:inherit;font-size:.72rem;transition:border-color .25s,box-shadow .25s}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:rgba(101,229,238,.5);box-shadow:0 0 0 3px rgba(101,229,238,.06)}.contact-fields option{background:#0b171c}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1rem}.contact-submit p{max-width:430px;margin:0;color:#657980;font-size:.52rem;line-height:1.6}.contact-submit button{display:flex;align-items:center;gap:1rem;border:0;border-radius:999px;background:linear-gradient(105deg,#247981,#3866b6,#a34747);color:#fff;padding:.85rem 1.1rem;font-weight:700;cursor:pointer;box-shadow:0 16px 35px rgba(0,0,0,.25);transition:transform .3s,box-shadow .3s}.contact-submit button:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(0,0,0,.4)}.contact-trap{position:absolute!important;left:-9999px!important}.contact-success,.contact-errors{display:flex;gap:.8rem;margin-top:1rem;padding:.9rem;border-radius:.85rem}.contact-success{border:1px solid rgba(101,229,238,.2);background:rgba(101,229,238,.06)}.contact-success>i{color:var(--contact-cyan);font-style:normal}.contact-success b{font-size:.7rem}.contact-success p{margin:.25rem 0 0;color:#9fb1b7;font-size:.6rem}.contact-errors{flex-direction:column;border:1px solid rgba(255,101,95,.25);background:rgba(255,101,95,.06);color:#efb9b7;font-size:.6rem}
@keyframes contactPath{to{stroke-dashoffset:-300}}@keyframes contactPulse{50%{scale:.65;opacity:.35}}@keyframes contactGradient{to{background-position:190% center}}@keyframes contactSpin{to{transform:rotate(360deg)}}@keyframes contactSatellite{50%{transform:translate(82px,65px)}}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-orbit{margin-left:0}}
@media(max-width:700px){.contact-head{grid-template-columns:1fr;gap:1.2rem}.contact-head h2{font-size:clamp(3.1rem,14vw,5rem)}.contact-grid{width:min(100% - 28px,1180px)}.contact-fields{grid-template-columns:1fr}.contact-fields label.full{grid-column:auto}.contact-submit{align-items:stretch;flex-direction:column}.contact-submit button{justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.contact-signal path,.contact-signal>i,.contact-head h2 em,.contact-orbit:before,.contact-orbit:after,.contact-orbit i{animation:none!important}.contact-grid>aside,.contact-form-wrap{transition:none!important;opacity:1!important;transform:none!important}}
