*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:#0b1220;color:#eef2ff}
.wrap{max-width:1100px;margin:auto;padding:32px 20px}
.hero{padding:80px 20px;background:linear-gradient(135deg,#101b33,#08101d)}
.eyebrow{color:#7dd3fc;letter-spacing:.2em}.lead{max-width:700px}
.btn{display:inline-block;padding:12px 22px;background:#facc15;color:#111;text-decoration:none;border-radius:10px;font-weight:700}
.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.status>div,.card,.mission,table{background:#111a2d;border:1px solid #22304b;border-radius:14px}
.status>div,.card,.mission{padding:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}
.badge.active{background:#14532d}.badge.locked{background:#78350f}.badge.completed{background:#334155}
.mission{margin:20px 0}
table{width:100%;border-collapse:collapse}
td,th{padding:14px;border-bottom:1px solid #22304b;text-align:left}
.footer{text-align:center;padding:30px;color:#94a3b8}