:root { --bg1:#23253a; --bg2:#171827; --ink:#eef1f7; --mut:#cfd6e5; }
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;
  color:var(--ink);
  background:linear-gradient(135deg,var(--bg1),var(--bg2));
  min-height:100vh; display:flex; flex-direction:column;
}
.b-hdr{padding:28px 20px; text-align:center; border-bottom:1px solid #ffffff1e}
.b-hdr h1{font-size:28px; margin-bottom:6px}
.b-sub{opacity:.8}
.b-grid{
  max-width:960px; margin:24px auto; padding:0 16px;
  display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.b-card{
  background:#ffffff10; border:1px solid #ffffff22; border-radius:12px;
  backdrop-filter:blur(8px); padding:18px;
}
.b-card h2{margin-bottom:10px}
.b-card ul{margin-left:18px}
.b-ftr{margin:24px auto 32px; opacity:.7; font-size:14px}