:root{--bg:#0b1020;--panel:#121933;--muted:#93a0c3;--text:#f5f7ff;--accent:#7c9cff;--border:hsla(0,0%,100%,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,#0b1020,#131a33);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}.container{max-width:1120px;margin:0 auto;padding:32px 20px}.hero{background:hsla(0,0%,100%,.04);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.24)}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;background:rgba(124,156,255,.16);color:#dbe4ff;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px;margin-top:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.muted{color:var(--muted)}.code{margin-top:12px;padding:14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--border);font-family:monospace;overflow-x:auto}