:root{--ink:#0b1420;--ink2:#0e1a2a;--ice:#e9eef5;--sky:#7fb3e6;--neon:#59c1ff}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--ink),var(--ink2));color:var(--ice);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.container{max-width:1240px;margin:0 auto;padding:24px}
a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}
.nav{position:sticky;top:0;z-index:50;background:rgba(8,13,22,.65);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex;align-items:center;gap:14px;padding:12px 24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{height:38px;border-radius:6px}
.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(95,175,255,.12);border:1px solid rgba(95,175,255,.45);color:#cfe9ff;font-size:12px}
.nav a{opacity:.9}.nav a.active{opacity:1;text-decoration:underline}
.card{background:linear-gradient(180deg,#0f1b2d,#0d1624);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(95,175,255,.45);background:linear-gradient(180deg,#0d1726,#0a1220);color:#eaf5ff;cursor:pointer}
.footer{padding:24px;text-align:center;opacity:.75;border-top:1px solid rgba(255,255,255,.08);margin-top:24px}
.hero{position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:36px 24px}
@media (max-width: 920px){ .hero-inner{grid-template-columns:1fr} }
.orbit{position:absolute;inset:-40% -20% auto -20%;height:120%;pointer-events:none;opacity:.3;
  background:radial-gradient(closest-side at 20% 40%, rgba(89,193,255,.35), transparent 60%),
             radial-gradient(closest-side at 75% 30%, rgba(207,214,223,.25), transparent 60%);
  filter:blur(30px);animation:float 14s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(-10px)}to{transform:translateY(10px)}}
.halo{position:relative}.halo:after{content:"";position:absolute;left:0;bottom:-6px;width:64px;height:2px;background:linear-gradient(90deg,var(--neon),transparent);box-shadow:0 0 12px var(--neon)}