@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;600&display=swap');
body{font-family:Inter,system-ui,sans-serif;max-width:900px;margin:auto;padding:1.5rem;background:#0f0f14;color:#ececf1}
a{color:#c4b5fd;text-decoration:none}h1,h2,h3{font-family:'Space Grotesk',sans-serif}
.hero h1{font-size:3.4rem;margin:.3rem 0;background:linear-gradient(90deg,#a78bfa,#f472b6,#fbbf24);-webkit-background-clip:text;color:transparent}
.tag{display:inline-block;background:#1f1f2b;border:1px solid #333;border-radius:99px;padding:.15rem .6rem;font-size:.75rem;margin-right:.3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.card{background:#1a1a24;border:1px solid #2a2a38;border-radius:16px;padding:1rem;transition:.2s;display:block;color:#ececf1}
.card:hover{transform:translateY(-3px);border-color:#a78bfa}.card h3{margin:.1rem 0 .4rem;color:#fff}
.ed{background:#3b2a0a;color:#fbbf24;border-color:#6b4d10}.pop{background:#3a1030;color:#f9a8d4;border-color:#6b1d55}
ol li,ul li{background:#1a1a24;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0}.buy{display:inline-block;margin-top:.4rem;background:#a78bfa;color:#111;border-radius:99px;padding:.25rem .8rem;font-weight:600;font-size:.85rem}
form{background:linear-gradient(135deg,#7c3aed,#db2777);padding:1.3rem;border-radius:18px;margin:2rem 0}
input,button{padding:.6rem .9rem;border-radius:99px;border:0;font-size:1rem}button{background:#111;color:#fff;font-weight:600}small{color:#9a9aab}blockquote{border-left:3px solid #a78bfa;margin:1rem 0;padding:.5rem 1rem;background:#16161f}