:root{
  --ink:#0b1321;
  --bg:#0a0f1a;
  --muted:#62718a;
  --panel:#0f1a2b;
  --blue:#4aa3ff;
  --green:#2ecc71;
  --orange:#ff9f43;
  --purple:#b57bff;
  --ring:rgba(255,255,255,.14);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:#e9eef7;font:16px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:#cfe3ff;text-decoration:none}
a:hover{opacity:.9}

.container{max-width:1100px;margin:0 auto;padding:24px}

header.hero{
  position:relative;
  padding:56px 0 36px;
  background: radial-gradient(1200px 600px at 20% -20%, #14233b 0%, #0a0f1a 60%);
  border-bottom:1px solid #14233b;
}
.hero-inner{display:flex;gap:24px;align-items:center}
.hero-logo{
  width:140px;height:140px;
  flex:0 0 140px;
  border-radius:20px;
  background:#0d1628;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 50px rgba(0,0,0,.35), inset 0 0 0 1px #1d2b45;
}
.hero-logo img{width:120px;height:auto;display:block}

h1{font-weight:800;letter-spacing:.2px;margin:0 0 10px;font-size:40px}
.tagline{color:#c7d2e4;margin:4px 0 16px}

.badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border:1px solid #1f2c44;border-radius:999px;
  background:linear-gradient(180deg,#121b2c,#0d1628);
  color:#dfe8f7;font-weight:600;
  transition:.2s ease; box-shadow:0 1px 0 #09101b, inset 0 0 0 1px rgba(255,255,255,.03);
}
.badge svg{width:18px;height:18px;opacity:.9}
.badge[aria-disabled="true"]{opacity:.6;pointer-events:none}
.badge:hover{transform:translateY(-1px);border-color:#334667}

nav{margin-top:18px}
nav a{margin-right:14px;color:#9fb7d9;font-weight:600}

section{padding:40px 0;border-top:1px solid #101a2b}
section h2{margin:0 0 16px;font-size:26px}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--panel);border:1px solid #18263e;border-radius:14px;padding:16px;box-shadow:0 1px 0 #0a1422}

.table-wrap{overflow:auto;border-radius:12px;border:1px solid #1a2742}
table{width:100%;border-collapse:collapse;background:#0d1628}
th,td{padding:10px 12px;border-bottom:1px solid #18263e;text-align:center}
th{background:#0f1a2b;color:#d4e2ff;font-weight:700}
tr:nth-child(even){background:#0b1526}
td.label{text-align:left}

.kicker{color:#90a4c9;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}

.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.video{background:#0d1628;border:1px solid #18263e;border-radius:12px;padding:12px}
.video video{width:100%;border-radius:10px;display:block;background:black}
.video .cap{color:#a7b7d4;margin:8px 2px 2px;font-size:.95rem}

footer{padding:28px 0;color:#91a2c4;text-align:center;border-top:1px solid #0f1a24}