/* A quiet night scene: soft light, code traffic, and a clear place to get in touch. */
.contact{--text:#edf2f2;--muted:#a4b8ba;--line:#a7c5c32b;isolation:isolate;background:linear-gradient(120deg,#142120 0%,#111923 58%,#181929 100%);color:var(--text);border:1px solid #9dc9cd2a;box-shadow:0 24px 90px #0003;min-height:610px;padding-top:66px;padding-bottom:62px}
.contact:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#111c1bd9 0%,#111c1ba3 36%,transparent 68%)}
.contact:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #d2ebe818;pointer-events:none;z-index:3}
.contact .section-index{color:#96c7bb;z-index:2}
.contact h2{font-size:clamp(44px,5.7vw,94px);max-width:760px;z-index:2;letter-spacing:-.065em}
.contact h2 em{background:linear-gradient(100deg,#c2e9d3 0%,#8dd5d8 62%,#b6b4e8 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.contact>p{color:#adbfbe;max-width:460px;z-index:2}
.contact-options{position:relative;z-index:2;gap:12px;margin-top:28px;margin-bottom:24px;max-width:720px}
.contact-method{min-width:218px;padding:12px 14px;background:#a1c4c309;border:1px solid #accbc329;border-radius:10px;color:#e0edeb;transition:background .25s,border-color .25s,transform .25s}
.contact-method:hover{background:#a1c4c315;border-color:#a8d6ca77;transform:translateY(-2px)}
.contact-method-copy small{color:#99b4b1}.contact-method-copy strong{font-weight:600}
.contact-method-icon{color:#a3d6c9}.contact-method-arrow{color:#92b8b6}
.contact-method-vk{background:#528af00d;border-color:#7cabed33}.contact-method-vk:hover{background:#528af01c;border-color:#7cabed88}.contact-method-vk .contact-method-icon{color:#8fbbfa}.contact-method-vk .contact-method-icon svg{fill:currentColor;stroke:none}
.footer-contacts{flex-wrap:wrap;align-items:center;gap:8px 15px}.footer-vk{display:inline-flex;align-items:center;gap:5px}.footer-vk svg{width:15px;height:15px;fill:#7eadf4}.footer-vk:hover{color:#9fc4ff}
.contact-quiz-trigger.btn-primary{position:relative;z-index:2;background:#b9ded0;color:#142723;min-height:54px;box-shadow:0 8px 25px #0002}
.contact-quiz-trigger.btn-primary:hover{background:#d3eddf}
.contact a:focus-visible,html[data-theme='light'] .contact a:focus-visible{outline-color:#b5e2d3}
.contact-light{position:absolute;pointer-events:none;inset:0;z-index:0;animation:contact-light-shift 18s ease-in-out infinite alternate;animation-play-state:paused}
.contact-light-teal{background:radial-gradient(ellipse at 78% 42%,#377c786e,transparent 62%);opacity:.75}
.contact-light-violet{background:radial-gradient(ellipse at 89% 84%,#64599461,transparent 59%);animation-delay:-18s;opacity:.3}
.contact-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 30%,#000 66%)}
.contact-road{position:absolute;left:42%;top:12%;width:870px;height:480px;transform:perspective(900px) rotateX(47deg) rotateZ(-27deg);transform-style:preserve-3d;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 85%,transparent)}
.contact-lane{position:absolute;left:0;top:calc(var(--lane)*76px);height:76px;width:100%;border-bottom:1px solid #94d6d41c;background:linear-gradient(90deg,transparent 0%,#a0d4d805 50%,transparent 100%)}
.contact-lane:nth-child(2n){color:#c2b6e0}.contact-lane:nth-child(2n+1){color:#9dd7cb}
.code-car{position:absolute;left:0;top:18px;display:flex;gap:20px;align-items:center;white-space:nowrap;padding:9px 18px;border:1px solid #b0d9d123;border-radius:6px;background:linear-gradient(90deg,#8fceba04,#8fceba11);font:16px monospace;letter-spacing:.05em;opacity:0;animation:contact-drive var(--speed) var(--offset) linear infinite;animation-play-state:paused}
.code-car b{font-size:23px;font-weight:400;letter-spacing:-.035em}.code-car i{font-style:normal;font-size:13px;opacity:.65}
.code-car:before{content:'';position:absolute;right:100%;width:92px;height:1px;background:linear-gradient(90deg,transparent,currentColor);opacity:.5}
.contact-lane-reverse .code-car{animation-direction:reverse}.contact-lane-reverse .code-car:before{right:auto;left:100%;transform:scaleX(-1)}
.contact-depth{position:absolute;inset:12% 0 8% 58%;perspective:600px;perspective-origin:50% 20%}
.code-flight{position:absolute;left:var(--x);top:var(--y);color:#bddbd6;font:24px monospace;letter-spacing:-.06em;white-space:nowrap;opacity:0;animation:contact-approach 12s var(--delay) linear infinite;animation-play-state:paused}
.code-flight-handle{font-size:19px;color:#b5b8dc}
.contact.is-in-view .contact-light,.contact.is-in-view .code-car,.contact.is-in-view .code-flight{animation-play-state:running}
html[data-motion='off'] .contact-light,.effects-suspended .contact-light,.effects-suspended .code-car,.effects-suspended .code-flight{animation-play-state:paused!important}
html[data-motion='off'] .code-car,html[data-motion='off'] .code-flight{display:none}
@keyframes contact-light-shift{from{opacity:.25}to{opacity:.95}}
@keyframes contact-drive{0%{transform:translate3d(-290px,0,-45px);opacity:0}16%{opacity:.72}80%{opacity:.72}100%{transform:translate3d(900px,0,30px);opacity:0}}
@keyframes contact-approach{0%{transform:translate3d(0,-40px,-420px);opacity:0}24%{opacity:.17}72%{opacity:.3}100%{transform:translate3d(25px,100px,150px);opacity:0}}
@media(min-width:1700px){.contact-road{left:48%;top:5%;width:1100px;height:530px}.contact-lane{height:85px;top:calc(var(--lane)*85px)}}
@media(max-width:800px){
  .contact{min-height:0;padding:44px 35px 264px}.contact h2{font-size:clamp(42px,7.8vw,66px)}
  .contact:before{background:linear-gradient(180deg,#111c1bb3 0%,#111c1b55 55%,transparent 78%)}
  .contact-scene{inset:auto 0 0;height:280px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000)}
  .contact-road{left:5%;top:-13%;width:870px;transform:perspective(900px) rotateX(47deg) rotateZ(-24deg)}
  .contact-depth{inset:0 5% 0 25%}.code-flight{font-size:20px}.code-flight-handle{font-size:17px}
  .contact-light-teal{background:radial-gradient(ellipse at 75% 85%,#377c786e,transparent 68%)}
}
@media(max-width:480px){
  .contact{padding:36px 24px 228px;border-radius:16px}.contact h2{font-size:clamp(36px,10.5vw,49px);letter-spacing:-.06em}.contact>p{font-size:12px}
  .contact-options{gap:9px;margin-top:25px;margin-bottom:20px}.contact-method{min-width:0;padding:12px;width:100%}.contact-method-copy strong{font-size:12px}
  .contact-scene{height:220px}.contact-road{left:-80px;top:-52%;width:740px;transform:perspective(850px) rotateX(46deg) rotateZ(-24deg)}
  .code-car{padding:8px 13px}.code-car b{font-size:22px}.code-car i{font-size:12px}.contact-depth{inset:-40px 0 0 20%}
}
@media(prefers-reduced-motion:reduce){.contact-light{animation:none!important}.code-car,.code-flight{display:none}}
@media(forced-colors:active){.contact h2 em{background:none;color:CanvasText}.contact-light,.contact-scene{display:none}}