:root{--bg:#0a0a0f;--card:#14141c;--border:#26262f;--text:#e8e8ee;--muted:#9a9aa8;--accent:#6d5cff;--accent2:#00e0a4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{padding:90px 0 50px;text-align:center}.hero .badge{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--border);color:var(--accent2);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:56px;line-height:1.05;font-weight:800;background:linear-gradient(120deg,#fff,var(--accent) 60%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;max-width:620px;margin:22px auto 0;line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 0 30px}.filters button{background:var(--card);color:var(--muted);border:1px solid var(--border);padding:8px 16px;border-radius:999px;font-size:14px;cursor:pointer}.filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;padding-bottom:90px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card .cat{font-size:11px;color:var(--accent2);text-transform:uppercase;letter-spacing:.08em}.card h3{font-size:18px;margin:10px 0 8px}.card p{color:var(--muted);font-size:14px;line-height:1.55}.card .repo{font-size:12px;color:var(--muted);margin-top:14px;font-family:ui-monospace,monospace}footer{border-top:1px solid var(--border);padding:30px 0;color:var(--muted);font-size:13px;text-align:center}footer .powered{color:var(--accent2)}