@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080a0b;--panel:#111516;--muted:#9ba5a3;--green:#a5f36c;--line:#252d2b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f7f4;font-family:'DM Sans',Arial,sans-serif}
.hero{min-height:360px;padding:26px max(6vw,22px) 54px;background:linear-gradient(180deg,rgba(5,9,8,.55),#080a0b),radial-gradient(ellipse at 50% 0%,#284338 0%,#101b18 48%,#080a0b 82%)}
nav{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto}.brand{font:700 25px 'Space Grotesk';color:#fff;text-decoration:none;letter-spacing:-1.5px}.brand span,.hero h1 span,.green-text{color:var(--green)}.tag,.eyebrow,.category{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--green)}
.hero-copy{text-align:center;margin:76px auto 0;max-width:650px}.hero h1{font:700 clamp(44px,8vw,76px) 'Space Grotesk';letter-spacing:-4px;margin:5px 0}.sub{color:#c2cbc6;margin:8px 0 24px}.hero input{width:min(100%,480px);padding:15px 18px;border:1px solid #39443e;border-radius:12px;background:#111817;color:white;font:inherit;outline:none}.hero input:focus{border-color:var(--green);box-shadow:0 0 0 3px #a5f36c22}
main{max-width:1100px;margin:0 auto;padding:45px 22px 80px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font:600 32px 'Space Grotesk';margin:5px 0}.section-heading #count{font-size:12px;color:var(--muted)}.filters{display:flex;gap:9px;margin:22px 0}.filter{background:#111716;border:1px solid var(--line);color:#c5ceca;padding:9px 16px;border-radius:99px;cursor:pointer;font:600 13px inherit}.filter.active,.filter:hover{background:var(--green);border-color:var(--green);color:#10150e}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:15px;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-4px);border-color:#627a64}.tile{height:145px;display:grid;place-items:center;font-size:45px}.purple{background:linear-gradient(135deg,#292347,#604a88)}.green{background:linear-gradient(135deg,#183e30,#477a4d)}.orange{background:linear-gradient(135deg,#54351f,#a66b35)}.card-info{padding:17px}.category{font-size:9px}.card h3{font:600 19px 'Space Grotesk';margin:8px 0}.card p{font-size:13px;color:var(--muted);min-height:38px;line-height:1.5}.card-link{display:inline-block;margin-top:7px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}.empty{color:var(--muted);padding:30px 0}footer{border-top:1px solid var(--line);padding:22px max(6vw,22px);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer span:first-child{font:700 17px 'Space Grotesk';color:white}
@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tag{font-size:8px}.hero-copy{margin-top:65px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.tile{height:125px}.hero{min-height:330px}.hero-copy{margin-top:58px}}