:root { --bg:#0b0c15; --fg:#e8e8f0; --accent:#00ffa3; --card:#12142a; --border:#2a2d45; }
  * { box-sizing:border-box; }
  body { margin:0; padding:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--fg); line-height:1.65; }
  header { padding:4rem 1.5rem 2.5rem; background:linear-gradient(135deg,#0f1228 0%,#0b0c15 100%); border-bottom:1px solid var(--border); }
  header h1 { margin:0 0 .5rem; font-size:2.6rem; letter-spacing:-.03em; line-height:1.1; }
  header h1 span { color:var(--accent); }
  header p.sub { margin:0; color:#9aa0b8; max-width:720px; }
  main { max-width:980px; margin:0 auto; padding:3rem 1.5rem 5rem; }
  section { margin-bottom:3.5rem; }
  h2 { font-size:1.25rem; text-transform:uppercase; letter-spacing:.08em; color:var(--accent); margin-bottom:1rem; border-left:3px solid var(--accent); padding-left:.75rem; }
  h3 { font-size:1.1rem; margin:1.8rem 0 .6rem; color:#fff; }
  .grid { display:grid; gap:1.25rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:1.5rem; }
  .card h4 { margin:0 0 .5rem; color:#fff; font-size:1.05rem; }
  .card p { margin:0; color:#c5c8d8; font-size:.95rem; }
  .tag { display:inline-block; padding:.15rem .55rem; border-radius:999px; border:1px solid var(--border); background:#181b30; color:#b0b5cc; font-size:.78rem; margin-right:.35rem; margin-top:.35rem; }
  ul { padding-left:1.2rem; }
  li { margin-bottom:.35rem; }
  .note { background:#14152f; border:1px solid #2a2d45; border-radius:10px; padding:1.1rem 1.2rem; color:#b8bdd6; font-size:.92rem; }
  .note strong { color:var(--fg); }
  footer { text-align:center; padding:2.5rem 1rem; color:#5a6075; font-size:.85rem; border-top:1px solid var(--border); }