:root { --bg:#0b0d12; --fg:#e8ecf1; --muted:#a8b3c7; --card:#111522; --accent:#6ee7ff; }
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
.wrap{max-width:980px;margin:40px auto;padding:0 20px}
h1{font-size:40px;margin:0 0 10px}
h2{margin:0 0 10px}
p{color:var(--muted);margin:0 0 16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}
.card{background:var(--card);border:1px solid #1d2233;border-radius:16px;padding:18px}
pre{background:#0b0f1a;border:1px solid #1d2233;color:#cfe8ff;border-radius:12px;padding:12px;overflow:auto;max-height:260px}
.btn{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:12px;background:var(--accent);color:#001018;text-decoration:none;font-weight:600}
footer{margin-top:28px;color:var(--muted)}