:root{
  --bg:#090d10;
  --panel:#11181d;
  --ink:#f5f6ef;
  --muted:#89959a;
  --line:rgba(255,255,255,.105);
  --line-soft:rgba(255,255,255,.06);
  --orange:#ff6b2c;
  --lime:#d8f45d;
  --cyan:#70d7df;
  --display:Impact,"Arial Narrow",Inter,Arial,sans-serif;
  --sans:Inter,Manrope,"Segoe UI",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--ink);
  font-family:var(--sans);-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.contact-ambient,.contact-grid{position:fixed;inset:0;pointer-events:none}
.contact-ambient{z-index:-3;filter:blur(28px)}
.contact-ambient-a{background:radial-gradient(52vw 55vw at 76% 34%,rgba(255,107,44,.16),transparent 68%)}
.contact-ambient-b{background:radial-gradient(42vw 46vw at 15% 78%,rgba(216,244,93,.08),transparent 70%)}
.contact-grid{
  z-index:-2;opacity:.38;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(#000,transparent 92%);
  mask-image:linear-gradient(#000,transparent 92%);
}

.contact-head{
  position:relative;z-index:30;width:min(1500px,calc(100% - 48px));min-height:72px;margin:auto;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  border-bottom:1px solid var(--line-soft);
}
.contact-brand{display:inline-flex;align-items:center;gap:11px;width:max-content}
.contact-brand-orb{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:var(--orange);color:#0a0e11;font:400 23px/1 var(--display);
  box-shadow:0 0 26px rgba(255,107,44,.3);
}
.contact-brand strong{display:block;font-size:17px;letter-spacing:.18em}
.contact-brand small{display:block;margin-top:4px;color:var(--muted);font:700 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.contact-live{
  display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;
  color:#cbd3d6;font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
}
.contact-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime);animation:livePulse 2s infinite}
.contact-nav{justify-self:end;display:flex;align-items:center;gap:8px}
.contact-nav a{
  padding:12px 16px;border:1px solid var(--line);border-radius:999px;
  font-size:10px;font-weight:900;transition:transform .25s,border-color .25s,background .25s;
}
.contact-nav a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.045)}
.contact-nav .contact-partner{background:var(--lime);border-color:var(--lime);color:#0a0e11}

.contact-hero{
  width:min(1500px,calc(100% - 48px));min-height:calc(100svh - 72px);margin:auto;padding:55px 0 58px;
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.8fr);gap:50px;align-items:center;
}
.contact-overline{margin:0 0 14px;color:var(--orange);font:800 9px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.contact-copy h1,.guide-heading h2{
  margin:0;font:400 clamp(72px,8vw,128px)/.82 var(--display);
  letter-spacing:-.04em;text-transform:uppercase;
}
.contact-copy h1 em,.guide-heading h2 em{color:var(--orange);font-style:normal}
.contact-lead{max-width:700px;margin:27px 0 31px;color:#aeb8bc;font-size:16px;line-height:1.65}
.contact-routes{display:grid;gap:9px;max-width:760px}
.route-card{
  --route-rgb:255,107,44;
  position:relative;display:grid;grid-template-columns:52px 1fr 30px;gap:15px;align-items:center;
  min-height:104px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(145deg,rgba(var(--route-rgb),.09),rgba(255,255,255,.015));
  overflow:hidden;transition:transform .28s var(--ease),border-color .28s,box-shadow .28s;
}
.route-card::before{
  content:"";position:absolute;right:-40px;top:-70px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--route-rgb),.14),transparent 68%);
}
.route-card:hover{
  transform:translateX(6px);border-color:rgba(var(--route-rgb),.45);
  box-shadow:0 18px 48px rgba(0,0,0,.27),0 0 34px rgba(var(--route-rgb),.07);
}
.route-telegram{--route-rgb:255,107,44}
.route-max{--route-rgb:112,215,223}
.route-channel{--route-rgb:216,244,93}
.route-icon{
  width:52px;height:52px;border-radius:17px;display:grid;place-items:center;
  background:rgb(var(--route-rgb));color:#091014;font:400 25px/1 var(--display);
  box-shadow:0 12px 28px rgba(var(--route-rgb),.14);
}
.route-copy small{display:block;color:rgb(var(--route-rgb));font:700 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.route-copy strong{display:block;margin-top:7px;font-size:14px}
.route-copy>span{display:block;margin-top:6px;color:#7f8c91;font-size:10px;line-height:1.45}
.route-card>b{position:relative;z-index:1;font-size:18px}
.route-card.is-pending{cursor:default;filter:saturate(.45);opacity:.68}
.route-card.is-pending:hover{transform:none;border-color:var(--line);box-shadow:none}
.contact-note{max-width:690px;margin:17px 0 0;color:#69767c;font-size:9px;line-height:1.5}

.contact-visual{
  --tilt-x:0deg;--tilt-y:0deg;
  position:relative;height:700px;isolation:isolate;perspective:1200px;
}
.contact-visual::after{
  content:"";position:absolute;z-index:-1;left:12%;right:7%;bottom:42px;height:35px;border-radius:50%;
  background:rgba(0,0,0,.72);filter:blur(15px);
  box-shadow:0 0 54px rgba(255,107,44,.24);
}
.contact-visual>img{
  position:absolute;z-index:5;left:50%;bottom:18px;width:min(100%,670px);height:650px;object-fit:contain;
  transform:translateX(-50%) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));
  transform-origin:50% 70%;transition:transform .16s ease-out;
  filter:drop-shadow(-18px 24px 25px rgba(0,0,0,.38)) drop-shadow(18px 34px 36px rgba(0,0,0,.55));
  animation:onlineIdle 5s ease-in-out infinite;
}
.signal-ring{
  position:absolute;z-index:-1;left:50%;top:43%;border-radius:50%;transform:translate(-50%,-50%);
  border:1px solid rgba(255,107,44,.18);box-shadow:0 0 40px rgba(255,107,44,.08),inset 0 0 35px rgba(255,107,44,.06);
}
.signal-ring-one{width:550px;height:550px}
.signal-ring-two{width:400px;height:400px;border-color:rgba(216,244,93,.17)}
.signal-orbit{
  position:absolute;z-index:1;left:50%;top:47%;width:560px;height:320px;border-radius:50%;
  transform:translate(-50%,-50%) rotateX(68deg);border:1px dashed rgba(112,215,223,.18);
  animation:signalOrbit 22s linear infinite;
}
.signal-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}
.signal-orbit i:nth-child(1){left:4%;top:40%}
.signal-orbit i:nth-child(2){right:8%;top:16%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.signal-orbit i:nth-child(3){left:55%;bottom:-4px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.contact-bubble{
  position:absolute;z-index:8;padding:10px 13px;border:1px solid var(--line);border-radius:999px;
  background:rgba(12,18,22,.8);backdrop-filter:blur(12px);color:#b8c2c6;
  font:800 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;
  box-shadow:0 15px 34px rgba(0,0,0,.27);animation:bubbleFloat 4s ease-in-out infinite;
}
.contact-bubble i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.bubble-one{left:0;top:22%}
.bubble-two{right:-2%;top:36%;animation-delay:-1.4s}
.bubble-three{left:5%;top:59%;animation-delay:-2.6s}
.visual-status{
  position:absolute;z-index:8;right:0;bottom:22px;padding:14px 17px;border-left:1px solid var(--orange);
  background:linear-gradient(90deg,rgba(255,107,44,.08),transparent);
}
.visual-status small{display:block;color:var(--orange);font:700 7px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.visual-status strong{display:block;margin-top:7px;font-size:11px}

.contact-guide{width:min(1500px,calc(100% - 48px));margin:auto;padding:108px 0 86px}
.guide-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:35px;margin-bottom:43px}
.guide-heading .contact-overline{grid-column:1/-1}
.guide-heading h2{font-size:clamp(55px,6vw,94px)}
.guide-flow{
  display:grid;grid-template-columns:1fr 110px 1fr 110px 1fr;align-items:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.guide-flow article{min-height:235px;padding:28px 22px}
.guide-flow article>span{color:var(--orange);font:800 9px/1 var(--mono)}
.guide-flow article strong{display:block;margin-top:30px;font-size:15px}
.guide-flow article p{margin:10px 0 22px;color:#7f8b90;font-size:11px;line-height:1.55}
.guide-flow article a{font-size:10px;font-weight:900}
.guide-flow>i{display:block;height:1px;background:linear-gradient(90deg,var(--orange),var(--lime));position:relative}
.guide-flow>i::after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}

.contact-footer{
  width:min(1500px,calc(100% - 48px));margin:auto;padding:26px 0 34px;border-top:1px solid var(--line-soft);
  display:grid;grid-template-columns:1fr auto 1fr;gap:25px;color:#68757a;font-size:9px;
}
.contact-footer strong{color:var(--orange);font:400 18px/1 var(--display);text-transform:uppercase}
.contact-footer nav{justify-self:end;display:flex;gap:18px}
.contact-footer a:hover{color:#fff}

@keyframes livePulse{70%{box-shadow:0 0 0 9px rgba(216,244,93,0)}}
@keyframes onlineIdle{
  0%,100%{transform:translateX(-50%) translateY(0) rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}
  50%{transform:translateX(-50%) translateY(-7px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}
}
@keyframes signalOrbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes bubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1050px){
  .contact-hero{grid-template-columns:1fr;padding-top:38px}
  .contact-copy{max-width:820px}
  .contact-visual{height:650px}
  .contact-visual>img{height:610px}
  .guide-flow{grid-template-columns:1fr}
  .guide-flow>i{width:140px;margin-left:22px}
  .guide-flow article{min-height:auto}
}

@media(max-width:720px){
  .contact-head{width:calc(100% - 28px);grid-template-columns:1fr auto;min-height:64px}
  .contact-live{display:none}
  .contact-nav>a:first-child{display:none}
  .contact-nav .contact-partner{padding:10px 12px;font-size:8px}
  .contact-hero,.contact-guide,.contact-footer{width:calc(100% - 28px)}
  .contact-hero{padding:38px 0 42px;gap:14px}
  .contact-copy h1{font-size:72px}
  .contact-lead{font-size:14px}
  .route-card{grid-template-columns:45px 1fr 20px;padding:14px;min-height:98px}
  .route-icon{width:45px;height:45px;border-radius:14px}
  .route-copy>span{font-size:9px}
  .contact-visual{height:530px}
  .contact-visual>img{height:510px;width:115%;max-width:none}
  .signal-ring-one{width:410px;height:410px}.signal-ring-two{width:300px;height:300px}
  .signal-orbit{width:420px;height:230px}
  .contact-bubble{font-size:7px}
  .bubble-one{left:-3%;top:18%}.bubble-two{right:-4%;top:31%}.bubble-three{left:0;top:58%}
  .visual-status{right:-4%;bottom:6px}
  .contact-guide{padding:80px 0 58px}
  .guide-heading{grid-template-columns:1fr;margin-bottom:30px}
  .guide-heading h2{font-size:55px}
  .contact-footer{grid-template-columns:1fr auto}
  .contact-footer strong{justify-self:end}
  .contact-footer nav{grid-column:1/-1;justify-self:start}
}

@media(max-width:430px){
  .contact-brand small{display:none}
  .contact-nav .contact-partner{max-width:128px;text-align:center;line-height:1.2}
  .contact-copy h1{font-size:64px}
  .contact-lead{margin-top:20px}
  .route-card{grid-template-columns:42px 1fr 16px;gap:11px;border-radius:18px}
  .route-icon{width:42px;height:42px}
  .route-copy strong{font-size:12px}
  .route-copy>span{font-size:8px}
  .contact-visual{height:460px}
  .contact-visual>img{height:450px;width:130%}
  .contact-bubble{display:none}
  .signal-ring-one{width:350px;height:350px}.signal-ring-two{width:250px;height:250px}
  .visual-status{right:0}
  .guide-heading h2{font-size:47px}
  .contact-footer{display:block}
  .contact-footer strong{display:block;margin-top:9px}
  .contact-footer nav{margin-top:15px;flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}