:root{
  --bg:#07111f;
  --bg-2:#0d1f38;
  --panel:#0d1a2f;
  --line:rgba(255,255,255,.10);
  --text:#0c1630;
  --muted:#66738d;
  --soft:#f4f7fb;
  --white:#ffffff;
  --blue:#176bff;
  --cyan:#34d5ff;
  --green:#3ee89a;
  --gold:#f2bf74;
  --shadow:0 18px 60px rgba(4,18,36,.18);
  --radius:18px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%}
button{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.section{padding:86px 0}
.section-dark{background:radial-gradient(circle at top, #0b2d5f 0%, #07111f 45%, #06101c 100%);color:var(--white)}
.section-light{background:linear-gradient(180deg,#fff 0%,var(--soft) 100%)}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#8da7d7;margin-bottom:22px}
h1,h2,h3,h4,p{margin:0}
h1{font-size:clamp(42px,7vw,86px);line-height:.96;letter-spacing:-.04em}
h2{font-size:clamp(34px,4.8vw,58px);line-height:1.02;letter-spacing:-.04em}
h3{font-size:28px;line-height:1.12;letter-spacing:-.03em}
p{font-size:18px;color:inherit}
.muted{color:var(--muted)}
.accent{color:#4ca0ff}
.split-head{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;margin-bottom:34px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.76);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#0d82ff 0%,#39d0ff 100%);position:relative;box-shadow:0 10px 22px rgba(23,107,255,.28)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:999px;background:#fff;opacity:.92}
.brand-mark:before{width:24px;height:8px;left:8px;top:10px;transform:rotate(-28deg)}
.brand-mark:after{width:25px;height:8px;left:10px;bottom:10px;transform:rotate(-28deg)}
.wordmark{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.05em;color:#fff}
.desktop-nav{display:flex;gap:28px;align-items:center}
.desktop-nav a{color:#d7e4ff;font-size:15px}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#fff}
.header-actions{display:flex;align-items:center;gap:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;border:1px solid transparent;font-weight:600;transition:.2s ease;cursor:pointer;white-space:nowrap}
.button-primary{background:linear-gradient(135deg,#1674ff,#1a8cff);color:#fff;box-shadow:0 12px 28px rgba(23,107,255,.22)}
.button-primary:hover{transform:translateY(-1px)}
.button-secondary{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.03)}
.button-outline{border-color:#d1ddf6;color:var(--blue);background:#fff}
.lang-wrap{position:relative}
.lang-toggle,.menu-toggle{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;border:1px solid rgba(255,255,255,.12);background:#0a1630;border-radius:16px;padding:8px;display:none;box-shadow:var(--shadow)}
.lang-menu.open{display:block}
.lang-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}
.lang-menu button:hover{background:rgba(255,255,255,.06)}
.menu-toggle{display:none}
.hero{padding:54px 0 38px}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.hero p{max-width:600px;color:#d3def7;font-size:22px;margin-top:22px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:620px;margin-top:34px}
.hero-stats .stat{padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.hero-stats strong{display:block;color:#fff;font-size:28px;letter-spacing:-.03em}
.hero-stats span{display:block;color:#9eb4d8;font-size:14px;margin-top:4px}
.globe-panel{position:relative;aspect-ratio:1/1;min-height:540px}
.glow{position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(circle,#164f9b 0%,rgba(7,17,31,0) 63%);opacity:.45;filter:blur(24px)}
.globe{position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(116,175,255,.18);overflow:hidden;background:radial-gradient(circle at 50% 50%, rgba(22,107,255,.18) 0%, rgba(22,107,255,.03) 48%, rgba(6,16,28,.1) 72%, rgba(6,16,28,0) 100%)}
.ring,.arc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(84,146,226,.20)}
.ring.r1{width:94%;height:94%}.ring.r2{width:78%;height:78%}.ring.r3{width:62%;height:62%}.ring.r4{width:46%;height:46%}.ring.r5{width:30%;height:30%}
.arc.a1{width:95%;height:56%;transform:translate(-50%,-50%) rotate(18deg)}
.arc.a2{width:92%;height:38%;transform:translate(-50%,-50%) rotate(-24deg)}
.arc.a3{width:52%;height:96%;transform:translate(-50%,-50%) rotate(14deg)}
.arc.a4{width:72%;height:96%;transform:translate(-50%,-50%) rotate(-32deg)}
.globe-dots span{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,#58b4ff,#1b7eff);box-shadow:0 0 0 8px rgba(59,150,255,.12),0 0 22px rgba(52,213,255,.35)}
.dot-la{left:23%;top:62%}.dot-af{left:63%;top:68%}.dot-as{left:84%;top:42%}
.route{position:absolute;height:2px;background:linear-gradient(90deg,rgba(52,213,255,0),rgba(52,213,255,.9),rgba(52,213,255,0));transform-origin:left center;opacity:.72}
.route.r1{left:24%;top:62%;width:45%;transform:rotate(-14deg)}
.route.r2{left:24%;top:62%;width:61%;transform:rotate(-25deg)}
.route.r3{left:63%;top:68%;width:22%;transform:rotate(-28deg)}
.map-tag{position:absolute;padding:14px 16px;border-radius:16px;background:rgba(7,17,31,.72);border:1px solid rgba(82,155,255,.30);box-shadow:var(--shadow);color:#fff;font-size:14px;line-height:1.15;backdrop-filter:blur(10px)}
.map-tag b{display:block;color:var(--green);font-size:16px;margin-top:5px}
.tag-la{left:12%;top:57%}.tag-af{left:52%;top:68%}.tag-as{right:1%;top:33%}
.hero-motto{position:absolute;right:2%;bottom:0;color:#78a8f0;font-size:14px;letter-spacing:.28em;text-transform:uppercase;text-align:right}
.cards{display:grid;gap:20px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,#0e1a31 0%, #101f39 100%);border:1px solid rgba(255,255,255,.06);border-radius:26px;box-shadow:var(--shadow);padding:24px}
.card .num{display:inline-block;color:var(--gold);font-weight:800;margin-bottom:14px}
.card h3{color:#fff;margin-bottom:14px}
.card p{color:#b9c7e5;font-size:16px}
.card .countries{margin-top:16px;color:#fff;font-size:15px}
.card .countries strong{color:var(--gold)}
.infrastructure .cards{grid-template-columns:repeat(3,1fr);margin-top:20px}
.infrastructure article{background:#fff;border:1px solid #e3ebf8;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(8,26,51,.05)}
.infrastructure .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid #dce9ff;background:#f5f9ff;color:var(--blue);font-size:24px;margin-bottom:18px}
.infrastructure article h3{font-size:24px;line-height:1.1;margin-bottom:12px}
.infrastructure article p{font-size:16px;color:#5e6d88}
.partner{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center}
.partner p{color:#53627f;font-size:18px;margin-bottom:20px}
.why .benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.why .benefits .item{background:#fff;border:1px solid #e3ebf8;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(8,26,51,.05)}
.why .item .symbol{font-size:28px;color:var(--blue)}
.why .item b{display:block;margin:10px 0 8px;font-size:18px}
.why .item strong{display:block;font-size:24px;letter-spacing:-.03em}
.why .item small{display:block;color:#697995;font-size:14px;margin-top:5px}
.contact-banner{padding:70px 0;position:relative;overflow:hidden}
.contact-banner:before{content:"";position:absolute;inset:auto -10% -30% -10%;height:200px;background:radial-gradient(circle at 50% 0, rgba(23,107,255,.55), rgba(23,107,255,0) 60%);opacity:.5}
.contact-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;position:relative;z-index:1}
.contact-banner p{color:#cad8f7;font-size:20px;margin-top:16px;max-width:600px}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.telegram-card{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#fff;min-width:260px}
.telegram-card .icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1692ff,#35d4ff);font-size:22px}
.site-footer{background:#06101c;color:#d3def6;padding:30px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-grid{display:grid;grid-template-columns:1.15fr repeat(4,.85fr);gap:26px}
.site-footer h4{font-size:15px;margin-bottom:14px;color:#fff}
.site-footer a,.site-footer p,.site-footer small{color:#9ab0d7}
.site-footer a{display:block;margin-bottom:10px}
.site-footer a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.08);padding:18px 0;margin-top:24px;color:#7e95bd;font-size:14px}
.footer-telegram{display:inline-flex;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03)}
.legal-page main{padding:80px 0}
.legal-shell{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e3ebf8;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(8,26,51,.08)}
.legal-shell h1{font-size:52px;color:var(--text);margin-bottom:18px}
.legal-shell h2{font-size:24px;color:var(--text);margin:30px 0 10px}
.legal-shell p,.legal-shell li{color:#4f5f79;font-size:17px}
.legal-shell ul{padding-left:22px}
.notice{padding:16px 18px;border-radius:16px;background:#f4f8ff;border:1px solid #dbe8ff;color:#4a5b79;margin:20px 0}
.mobile-panel{display:none}
@media (max-width: 1080px){
  .hero-grid,.split-head,.partner,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .cards.three,.infrastructure .cards,.why .benefits{grid-template-columns:repeat(2,1fr)}
  .contact-actions{justify-content:flex-start}
  .globe-panel{min-height:460px}
}
@media (max-width: 820px){
  .desktop-nav,.header-actions .button-primary{display:none}
  .menu-toggle{display:inline-flex}
  .mobile-panel{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 10px);background:#0a1630;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:16px;box-shadow:var(--shadow)}
  .mobile-panel.open{display:block}
  .mobile-panel a{display:block;color:#fff;padding:12px 10px;border-radius:12px}
  .mobile-panel a:hover{background:rgba(255,255,255,.06)}
  .hero{padding-top:30px}
  .hero p{font-size:18px}
  .hero-stats{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .section{padding:66px 0}
  .wordmark{font-size:27px}
  h2{font-size:36px}
  .cards.three,.infrastructure .cards,.why .benefits{grid-template-columns:1fr}
  .card,.infrastructure article,.why .item,.legal-shell{padding:22px}
  .globe-panel{min-height:360px}
  .map-tag{font-size:12px;padding:10px 12px}
  .map-tag b{font-size:14px}
  .tag-la{left:2%;top:55%}.tag-af{left:42%;top:70%}.tag-as{right:-2%;top:29%}
  .hero-motto{display:none}
  .legal-shell h1{font-size:40px}
  .footer-bottom{flex-direction:column}
}