:root{
  --c-primary:#2f59a7;
  --c-primary-2:#2e7dbd;
  --c-accent:#6fb6ff;
  --c-bg:#070b12;
  --c-card:rgba(255,255,255,.06);
  --c-border:rgba(255,255,255,.10);
  --c-text:#e9f0ff;
  --c-muted:rgba(233,240,255,.72);
}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 600px at 20% 0%, rgba(47,89,167,.35) 0%, var(--c-bg) 55%);color:var(--c-text)}
a{color:var(--c-accent);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--c-border);backdrop-filter:blur(8px);background:rgba(0,0,0,.20)}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:44px;height:44px;border-radius:10px;border:1px solid var(--c-border);object-fit:contain;background:#fff}
.brand-name{font-weight:800;letter-spacing:.2px;font-size:18px}
.brand-tag{font-size:12px;color:var(--c-muted)}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:8px 10px;border:1px solid transparent;border-radius:10px;color:var(--c-text)}
.nav a:hover{border-color:var(--c-border);background:rgba(255,255,255,.04)}

.wrap{max-width:1100px;margin:0 auto;padding:22px 18px 36px}
.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:14px;padding:14px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.muted{color:var(--c-muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}
.pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--c-border);font-size:12px}
.pill.ok{border-color:rgba(34,197,94,.35);color:#22c55e;background:rgba(34,197,94,.08)}
.btn{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--c-border);background:rgba(255,255,255,.05);color:var(--c-text)}
.btn.primary{background:linear-gradient(135deg, rgba(47,89,167,.95), rgba(46,125,189,.85));border-color:rgba(111,182,255,.35)}
.btn:hover{border-color:rgba(111,182,255,.6)}