
:root{--navy:#06142d;--space:#081b3a;--blue:#0b6fc2;--cyan:#43b9ff;--red:#e30613;--muted:#b7c7df;--card:#0d2a57}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#081b3a;color:white}a{text-decoration:none;color:inherit}
.page{background:radial-gradient(circle at 20% 10%,rgba(11,111,194,.35),transparent 35%),linear-gradient(180deg,#06142d,#081b3a 55%,#07152e)}
.header{position:sticky;top:0;z-index:10;background:rgba(6,20,45,.92);border-bottom:1px solid rgba(255,255,255,.1)}
.nav{max-width:1200px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.logo img{width:58px;height:58px;border-radius:50%;object-fit:contain}
.links{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:13px}.btn{display:inline-block;padding:12px 18px;border-radius:999px;font-weight:700;border:1px solid rgba(255,255,255,.18)}
.primary{background:var(--red);border-color:var(--red)}.secondary{background:rgba(255,255,255,.08)}.lang{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:13px}
.hero{max-width:1200px;margin:auto;padding:84px 24px 55px;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800}
h1{font-size:clamp(44px,7vw,90px);margin:18px 0 12px;line-height:.95}.subtitle{font-size:clamp(22px,3vw,36px);font-weight:800}.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:760px}
.hero-card{background:linear-gradient(145deg,rgba(11,111,194,.35),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:28px}
.orbit{height:330px;border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(67,185,255,.45),transparent 12%),radial-gradient(circle at 50% 50%,rgba(11,111,194,.36),transparent 40%),conic-gradient(from 20deg,transparent,rgba(255,255,255,.38),transparent,rgba(227,6,19,.55),transparent);display:grid;place-items:center;text-align:center}.orbit strong{font-size:32px}
.section{max-width:1200px;margin:auto;padding:60px 24px}.section h2{font-size:clamp(30px,4vw,52px);margin:0 0 14px}.section-intro{color:var(--muted);font-size:17px;line-height:1.6;max-width:850px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.five{grid-template-columns:repeat(5,1fr)}.card{background:rgba(13,42,87,.84);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:22px;min-height:155px}.card h3{margin:8px 0}.card p{color:var(--muted);line-height:1.55}.icon{font-size:32px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.stat{background:rgba(255,255,255,.07);padding:24px;border-radius:22px}.stat strong{font-size:38px;display:block}
.pill{display:inline-flex;margin:6px 8px 0 0;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#e8f4ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cta{background:linear-gradient(135deg,var(--red),#9a0210);border-radius:28px;padding:42px;margin-top:36px}
.footer{background:#040d20;border-top:1px solid rgba(255,255,255,.08);padding:40px 24px;color:var(--muted)}.footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
@media(max-width:900px){.hero,.split,.footer-inner{grid-template-columns:1fr}.grid,.five,.stats{grid-template-columns:1fr}.links{display:none}.hero{padding-top:50px}}
