:root {
  --bg: #0f1222;
  --bg-alt: #141733;
  --text: #eaeefb;
  --muted: #b3b9d9;
  --primary: #6a8cff;
  --card: #1a1f3d;
  --border: #2a315e;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(15,18,34,0.6); backdrop-filter: saturate(180%) blur(10px); border-bottom: 1px solid var(--border); }
.site-header .container { display: flex; align-items: center; gap: 16px; padding: 14px 20px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; }
.logo-text { background: linear-gradient(90deg, #89a3ff 0%, #6a8cff 40%, #c0b7ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 1.5px; font-weight: 800; }
.nav { margin-left: auto; display: flex; gap: 16px; }
.nav a { color: var(--muted); text-decoration: none; font-weight: 600; }
.nav a:hover { color: var(--text); }
.cta .btn { margin-left: 12px; }
.btn { display: inline-block; padding: 10px 16px; border-radius: 8px; text-decoration: none; font-weight: 700; border: 1px solid var(--border); }
.btn-primary { background: var(--primary); color: #0b0e1b; box-shadow: 0 6px 20px rgba(106, 140, 255, 0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(106, 140, 255, 0.45); }
.btn-secondary { background: transparent; color: var(--text); }

.hero { padding: 80px 0; background: radial-gradient(80% 100% at 50% 0%, #1b2352 0%, #0f1222 60%), linear-gradient(120deg, #16204a 0%, #0f1222 50%, #1e2a63 100%); border-bottom: 1px solid var(--border); }
.hero h1 { font-size: 2.2rem; margin: 0 0 10px; }
.hero p { color: var(--muted); margin: 0 0 20px; }
.hero-cta .btn { margin-right: 10px; }

.section { padding: 50px 0; }
.section.alt { background: var(--bg-alt); }
.section h2 { margin: 0 0 20px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 900px) { .grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }

.card { background: linear-gradient(180deg, rgba(26,31,61,0.9) 0%, rgba(26,31,61,0.8) 100%); border: 1px solid var(--border); border-radius: 16px; padding: 18px; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
.card h3 { margin: 0 0 8px; }
.card p { margin: 0; color: var(--muted); }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 900px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .stats-grid { grid-template-columns: 1fr 1fr; } }
.stat { background: linear-gradient(180deg, rgba(26,31,61,0.9) 0%, rgba(26,31,61,0.8) 100%); border: 1px solid var(--border); border-radius: 16px; padding: 20px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
.stat .value { font-size: 1.6rem; font-weight: 700; }
.stat .label { color: var(--muted); margin-top: 4px; }
.last-updated { margin-top: 12px; color: var(--muted); }

.bullet-list { list-style: none; padding: 0; margin: 0; }
.bullet-list li { background: linear-gradient(180deg, rgba(26,31,61,0.9) 0%, rgba(26,31,61,0.8) 100%); border: 1px solid var(--border); border-radius: 14px; padding: 12px; margin: 10px 0; }

.search { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--card); color: var(--text); margin-bottom: 16px; }
.cmd-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 900px) { .cmd-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .cmd-list { grid-template-columns: 1fr; } }
.cmd-card { background: linear-gradient(180deg, rgba(26,31,61,0.9) 0%, rgba(26,31,61,0.8) 100%); border: 1px solid var(--border); border-radius: 14px; padding: 14px; }
.cmd-card .cmd-name { font-weight: 700; }
.cmd-card .cmd-desc { color: var(--muted); }
.cmd-card .cmd-cat { color: var(--muted); font-size: 0.9rem; }

.site-footer { padding: 24px 0; border-top: 1px solid var(--border); color: var(--muted); }
.site-footer .container { display: flex; gap: 8px; align-items: center; justify-content: center; }
.site-footer a { color: var(--muted); }
.sep { opacity: 0.6; }