:root{--n:#0a1628;--c:#19b4e0;--r:#e5242c;--s:#f4f7fb;--t:#1b2638;--m:#5b6b82}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 Manrope,system-ui,sans-serif;color:var(--t);animation:pg .8s ease both}
body.out{opacity:0;transition:opacity .25s}
@keyframes pg{from{opacity:0;transform:translateY(14px)}}
h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.2;color:var(--n);margin:0 0 14px}
a{color:inherit;text-decoration:none}img{max-width:100%}
.w{max-width:1180px;margin:auto;padding:0 20px}
.top{background:var(--n);color:#b9c6dc;font-size:13px}.top .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 20px}.top a:hover{color:var(--c)}
header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 18px #0a16281a}
header .w{display:flex;align-items:center;justify-content:space-between;height:100px;max-width:1320px;transition:height .3s}.lg{height:88px;width:auto;display:block;overflow:visible;transition:height .3s}footer .lg{height:80px;margin-bottom:12px}
nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}nav li{position:relative}
nav a{font-weight:600;font-size:18px;padding:8px 0;display:block}nav a:hover,nav a.on{color:var(--r)}
.dd{position:absolute;top:100%;left:-14px;background:#fff;min-width:320px;padding:10px;border-radius:12px;box-shadow:0 16px 40px #0a162826;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}
li:hover>.dd{opacity:1;visibility:visible;transform:none}.dd a{padding:9px 12px;border-radius:8px;font-weight:500}.dd a:hover{background:var(--s)}
.bt{display:none;background:none;border:0;font-size:30px;cursor:pointer}
.btn{display:inline-block;background:var(--r);color:#fff;padding:13px 28px;border-radius:50px;font-weight:700;border:2px solid var(--r);transition:.3s;cursor:pointer;font:700 15px Manrope,sans-serif}
.btn:hover{background:transparent;color:var(--r);transform:translateY(-2px)}.btn.o{background:transparent;border-color:#fff;color:#fff}.btn.o:hover{background:#fff;color:var(--n)}
.hero{position:relative;height:min(80vh,660px);min-height:500px;overflow:hidden;color:#fff;background:var(--n)}
.sl{position:absolute;inset:0;opacity:0;transition:opacity 1s;display:flex;align-items:center}.sl.on{opacity:1}
.sl h1,.sl h2{color:#fff;font-size:clamp(28px,3.8vw,50px);max-width:min(620px,52vw)}.sl p{max-width:min(520px,50vw);font-size:17px;color:#d5e2f5;margin:0 0 26px}
.sl .w{position:relative;z-index:2}.sl.on .w>*{animation:up .9s both}.sl.on .w>*:nth-child(2){animation-delay:.2s}.sl.on .w>*:nth-child(3){animation-delay:.4s}
@keyframes up{from{opacity:0;transform:translateY(30px)}}
.s1{background:linear-gradient(105deg,#0a1628f0,#0a162890),url(images/hero-1.jpg) center/cover,linear-gradient(135deg,#0a1628,#0b5d83)}
.s2{background:linear-gradient(105deg,#0a1628f0,#0a162890),url(images/hero-2.jpg) center/cover,linear-gradient(135deg,#0a1628,#7a1018)}
.s3{background:linear-gradient(105deg,#0a1628f0,#0a162890),url(images/hero-3.jpg) center/cover,linear-gradient(135deg,#0a1628,#124a6a)}
.dots{position:absolute;bottom:26px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:10px}.dots i{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer}.dots i.on{background:var(--c);width:34px;border-radius:8px}
.ar{position:absolute;top:50%;z-index:5;background:#ffffff22;color:#fff;border:0;width:46px;height:46px;border-radius:50%;font-size:22px;cursor:pointer}.ar:hover{background:var(--r)}.pv{left:16px}.nx{right:16px}
.at{position:absolute;border-radius:50%;animation:fl 7s ease-in-out infinite}
.at.b{background:radial-gradient(circle at 35% 30%,#9af0ff,#1fc4f0 30%,#0a7ea6 70%,#03304a)}
.at.r{background:radial-gradient(circle at 35% 30%,#ff9a9a,#f0262e 30%,#a30d14 70%,#3a0407)}
.at.k{background:radial-gradient(circle at 35% 30%,#8a93a3,#3a404c 30%,#14171d 70%,#030405)}
@keyframes fl{50%{transform:translateY(-18px)}}
.ban{position:relative;overflow:hidden;color:#fff;padding:90px 0 96px;min-height:380px;display:flex;align-items:center;background:#0a2f4f}
.ban h1{color:#fff;font-size:clamp(30px,4.5vw,48px);max-width:760px}.ban p{max-width:640px;color:#cfe0f5;margin:0}.crumb{font-size:13px;color:#8fb4d9;margin-bottom:14px}.crumb a:hover{color:#fff}
.sec{padding:84px 0}.alt{background:var(--s)}.ctr{text-align:center}.ctr p.lead{max-width:680px;margin:0 auto 44px}
.lead{color:var(--m);font-size:17px}.kick{color:var(--r);font-weight:700;letter-spacing:.18em;font-size:12px;text-transform:uppercase;display:block;margin-bottom:8px}
h2{font-size:clamp(26px,3.4vw,38px)}.g{display:grid;gap:24px}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center}.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 28px #0a16281a;transition:.35s;border:1px solid #e6ecf4;display:block}.card:hover{transform:translateY(-8px);box-shadow:0 18px 44px #0a162830}
.card h3{font-size:19px}.card p{color:var(--m);margin:0 0 10px;font-size:15px}.more{color:var(--r);font-weight:700;font-size:14px}
.im{height:180px;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden;background:var(--i,none) center/cover,linear-gradient(135deg,#0a1628,#0b5d83)}
.im:after{content:"";position:absolute;right:16px;bottom:-20px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9af0ff,#1fc4f0 30%,#0a7ea6 70%,#03304a)}.im.big{height:380px}
.stats{background:var(--n);color:#fff;padding:38px 0}.stats .g{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stats b{font:700 38px Sora,sans-serif;color:var(--c);display:block}.stats span{color:#b9c6dc;font-size:14px}
.num{font:700 34px Sora,sans-serif;background:linear-gradient(135deg,var(--r),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
ul.ck{list-style:none;padding:0}ul.ck li{padding-left:30px;position:relative;margin:9px 0}ul.ck li:before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9af0ff,#19b4e0 60%,#03304a)}
.cta{background:linear-gradient(120deg,#e5242c,#b01017);color:#fff;text-align:center;padding:64px 0}.cta h2{color:#fff}.cta .btn{background:#fff;color:var(--r);border-color:#fff}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 28px #0a16281a;margin-bottom:34px}th{background:var(--n);color:#fff;text-align:left;padding:13px 16px}td{padding:13px 16px;border-top:1px solid #e6ecf4}td:first-child{font-weight:700;color:var(--n);width:38%}.tw{overflow-x:auto}
.cf{background:#fff;border-radius:20px;padding:30px;box-shadow:0 14px 50px #0a162826;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cf .f{grid-column:1/-1}
.cf input,.cf select,.cf textarea{width:100%;padding:13px 14px;border:1px solid #d3dceb;border-radius:10px;font:15px Manrope,sans-serif}.cf input:focus,.cf textarea:focus,.cf select:focus{outline:2px solid var(--c);border-color:var(--c)}
.fs{background:linear-gradient(120deg,#0a1628,#0b3f5d);color:#fff}.fs h2{color:#fff}.fs .lead{color:#b9c6dc}
footer{background:#070f1d;color:#9fb0cb;padding:60px 0 0;font-size:14px}footer h4{color:#fff;font-family:Sora,sans-serif;margin:0 0 14px}footer a:hover{color:var(--c)}footer li{margin:7px 0;list-style:none}footer ul{padding:0;margin:0}
.fb{border-top:1px solid #1c2a40;margin-top:40px;padding:18px 0;text-align:center}.so{display:flex;gap:10px;margin-top:14px}.so a{width:38px;height:38px;border-radius:50%;background:#16243b;display:grid;place-items:center;font-weight:700;color:#fff}.so a:hover{background:var(--r);color:#fff}
.wa{position:fixed;left:18px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:10px 20px 10px 12px;border-radius:50px;font:700 15px Manrope,sans-serif;box-shadow:0 8px 24px #0004;animation:pu 2.2s infinite;transition:transform .3s,background .3s}.wa:hover{transform:translateY(-3px) scale(1.04);background:#1ebe5b}
@keyframes pu{0%{box-shadow:0 0 0 0 #25d36688}100%{box-shadow:0 0 0 20px #25d36600}}
.up{position:fixed;right:20px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;background:var(--r);color:#fff;border:0;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}.up.show{opacity:1;pointer-events:auto}
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
details{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 4px 18px #0a16281a}summary{font-weight:700;cursor:pointer;color:var(--n)}
@media(max-width:1100px){.bt{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 20px;box-shadow:0 14px 24px #0002}nav.open{display:block}nav ul{flex-direction:column;gap:0}.dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 12px;min-width:0}.cf{grid-template-columns:1fr}.at{display:none}.ar{display:none}}
.sp{position:fixed;top:0;left:0;height:4px;width:0;z-index:100;background:linear-gradient(90deg,#e5242c,#19b4e0)}
header.sm .w{height:76px}header.sm .lg{height:64px}
.sl:before{content:"";position:absolute;inset:0;background:inherit}.sl.on:before{animation:kb 9s ease-out both}@keyframes kb{to{transform:scale(1.18)}}
.sl:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#19b4e022 50%,transparent 65%);background-size:250% 100%;animation:sw 6s linear infinite}@keyframes sw{from{background-position:150% 0}to{background-position:-150% 0}}
#cv{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.85}
.sl h1,.sl h2{background:linear-gradient(90deg,#fff 20%,#8fe6ff 45%,#fff 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sl.on .w>h1,.sl.on .w>h2{animation:up .9s both,sh 6s linear infinite}@keyframes sh{to{background-position:-220% 0}}
.orb{position:absolute;right:5%;top:50%;width:min(27vw,360px);z-index:1;pointer-events:none;transform:translate(calc(var(--mx,0)*1px),calc(-50% + var(--my,0)*1px));transition:transform .2s}
.orb .ic{width:100%;display:block;animation:ob 7s ease-in-out infinite;filter:drop-shadow(0 30px 40px #000a)}@keyframes ob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-22px) rotate(4deg)}}
.orb:before{content:"";position:absolute;inset:-14%;border-radius:50%;border:2px dashed #19b4e066;animation:spin 24s linear infinite}.orb:after{content:"";position:absolute;inset:-28%;border-radius:50%;border:1px solid #e5242c66;animation:spin 40s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.pg{position:absolute;bottom:0;left:0;height:4px;width:0;z-index:6;background:linear-gradient(90deg,#e5242c,#19b4e0)}@keyframes bar{to{width:100%}}
.rv.l{transform:translateX(-70px)}.rv.r{transform:translateX(70px)}.rv.z{transform:scale(.8)}.rv.l.in,.rv.r.in,.rv.z.in{transform:none}.card.rv.in{transition:transform .2s ease-out,box-shadow .3s}
.ctr h2:after{content:"";display:block;width:0;height:4px;margin:12px auto 0;border-radius:4px;background:linear-gradient(90deg,#e5242c,#19b4e0);transition:width 1s .3s}.ctr.in h2:after{width:80px}
.im:before{content:"";position:absolute;inset:0;background:inherit;transition:transform .7s}.card:hover .im:before,.im.big:hover:before{transform:scale(1.12)}
.im.big{background-size:auto 135%,cover;background-repeat:no-repeat,no-repeat;background-position:center calc(50% + var(--py,0px)),center;border-radius:22px;box-shadow:0 24px 60px #0a162833}
.ban:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,47,79,.9) 0%,rgba(10,47,79,.65) 38%,rgba(10,47,79,.1) 78%,transparent 100%)}.bfull{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.ban .w{position:relative}
.cta{background:linear-gradient(120deg,#e5242c,#b01017,#e5242c);background-size:200% 200%;animation:gb 8s ease infinite}@keyframes gb{50%{background-position:100% 50%}}
.fs{background:radial-gradient(circle at 15% 20%,#19b4e033,transparent 40%),radial-gradient(circle at 85% 80%,#e5242c33,transparent 40%),linear-gradient(120deg,#0a1628,#0b3f5d)}
.dk{background:radial-gradient(circle at 50% 0,#19b4e022,transparent 55%),#0a1628;color:#fff;overflow:hidden}.dk h2{color:#fff}.dk .lead{color:#b9c6dc}
.ex{text-align:center;border-radius:18px;padding:26px 14px;background:#ffffff0d;border:1px solid #ffffff1f;transition:.35s}.ex:hover{transform:translateY(-8px);background:#ffffff1a;border-color:var(--c)}
.ex i{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;font:700 20px Sora,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#9af0ff,#1fc4f0 30%,#0a7ea6 70%,#03304a);position:relative}.ex:nth-child(even) i{background:radial-gradient(circle at 35% 30%,#ff9a9a,#f0262e 30%,#a30d14 70%,#3a0407)}
.ex i:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #19b4e0;animation:rg 2.4s ease-out infinite}@keyframes rg{from{transform:scale(.9);opacity:.9}to{transform:scale(1.45);opacity:0}}.ex b{color:#fff;font:600 17px Sora,sans-serif}
.mq{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#e5242c,#b01017);color:#fff;padding:14px 0;font:600 15px Sora,sans-serif;letter-spacing:.12em}.mq div{display:inline-block;animation:mq 30s linear infinite}.mq span{margin:0 28px}.mq span:before{content:"◆ ";color:#9af0ff}@keyframes mq{to{transform:translateX(-50%)}}
@media(max-width:1280px){nav a{font-size:16px}nav ul{gap:20px}.lg{height:72px}header .w{height:84px}}@media(max-width:900px){.lg{height:56px}header .w{height:72px}.orb{display:none}}.fm{font-weight:600;border-radius:10px}.fm.ok{background:#e6f8ee;color:#0b6b3a;padding:12px 14px}.fm.err{background:#fdecec;color:#a11;padding:12px 14px}@media(max-width:600px){.wa span{display:none}.wa{padding:13px}}
@media(max-width:900px){.sl h1,.sl h2,.sl p{max-width:100%}}
.dd a{font-size:16px}.cap{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--n)}.cap input{max-width:150px}
.seo{background:#fff}.seo article{columns:2 340px;column-gap:48px}.seo h2{column-span:all}.seo p{color:var(--m);margin:0 0 14px}.seo .lk a{color:var(--r);font-weight:600;margin-right:16px;display:inline-block}
.mapw{max-width:1100px;margin:34px auto 0;filter:drop-shadow(0 20px 40px #0008)}.mapw svg{width:100%;height:auto;display:block}
.arc{fill:none;stroke:#19b4e0;stroke-width:1.6;stroke-dasharray:4 5;animation:fw 1.2s linear infinite}@keyframes fw{to{stroke-dashoffset:-18}}
.pr{fill:none;stroke:#19b4e0;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pr 2.4s ease-out infinite}.pr.h{stroke:#e5242c}@keyframes pr{from{transform:scale(1);opacity:1}to{transform:scale(3.6);opacity:0}}
.mt{font:600 13px Sora,sans-serif;fill:#fff;paint-order:stroke;stroke:#0a1628;stroke-width:3px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.chips span{padding:8px 18px;border-radius:50px;border:1px solid #19b4e066;color:#cfeaff;font-weight:600;background:#19b4e014}
.sl .w{max-width:none;margin:0;width:100%;padding-left:clamp(20px,4vw,70px);padding-right:20px}
footer .lg{height:auto;width:100%;max-width:290px;margin-bottom:14px}footer .g4{grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:36px}
@media(max-width:900px){footer .g4{grid-template-columns:1fr 1fr}}@media(max-width:560px){footer .g4{grid-template-columns:1fr}}
.ban:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(#ffffff2e 2px,transparent 2.5px) 0 0/30px 30px;pointer-events:none}
.ban .w.bg{max-width:none;margin:0;width:100%;padding-left:clamp(20px,5vw,80px);position:relative;z-index:2}.ban .bt2{max-width:640px}
.ban h1{font-size:clamp(30px,4vw,46px)}.ban p{color:#e3f3ff;font-size:17px}.ban .crumb{color:#cfe8ff}.ban .at{z-index:3}
.bimg{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:22px;border:6px solid #ffffffd9;box-shadow:0 30px 70px #0a162899;transform:rotate(2deg);transition:transform .6s}.bimg:hover{transform:rotate(0) scale(1.03)}
.bi{z-index:1;position:absolute;right:1%;top:50%;height:150%;opacity:.28;filter:brightness(2.2) saturate(.6);pointer-events:none;animation:bf 10s ease-in-out infinite}@keyframes bf{0%,100%{transform:translateY(-50%) rotate(-6deg)}50%{transform:translateY(-54%) rotate(5deg)}}
@media(max-width:900px){.bi{height:90%;right:-12%}.ban:before{background:linear-gradient(180deg,rgba(10,47,79,.85),rgba(10,47,79,.6))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}