:root{
  --blue:#2979FF; --black:#0A0A0A; --purple:#9C27FF; --green:#00E676; --bg:#F5F5F5;
  --pad-section:60px; --gap-card:24px; --p-gap:16px;
}
*{box-sizing:border-box}
body{margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:#222;}
h1,h2,h3{font-family:Poppins, Inter, Arial, sans-serif; margin:0 0 12px}
a{color:var(--blue); text-decoration:none}
.header{background:var(--black); color:#fff; padding:16px 24px; display:flex; align-items:center; gap:16px}
.header .brand{font-family:Orbitron, Poppins, Inter; letter-spacing:0.5px; font-weight:700}
.nav{margin-left:auto; display:flex; gap:16px}
.nav a{color:#fff; opacity:.85}
.nav a:hover{opacity:1}
.section{padding:var(--pad-section) 24px}
.grid{display:grid; gap:var(--gap-card); grid-template-columns:repeat(auto-fit, minmax(280px,1fr))}
.card{background:#fff; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.06); overflow:hidden; display:flex; flex-direction:column}
.card img{width:100%; height:160px; object-fit:cover}
.card .content{padding:16px}
.card .content h3{margin:0 0 8px}
.card .meta{display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding:16px; border-top:1px solid #eee;}
.tag{background:var(--purple); color:#fff; padding:6px 10px; border-radius:999px; font-size:12px}
.footer{padding:24px; color:#777; font-size:14px; text-align:center; border-top:1px solid #eee}
.cookie-banner{position:fixed; bottom:10px; left:10px; right:10px; background:#fff; padding:12px; box-shadow:0 2px 16px rgba(0,0,0,.12); border-radius:10px; z-index:9999}
.btn{border:none; padding:8px 12px; border-radius:6px; cursor:pointer}
.btn.primary{background:var(--blue); color:#fff}
.btn.secondary{background:#ddd}
.hero{padding:80px 24px; background:#fff; border-bottom:1px solid #eee}
.hero h1{font-size:36px}
.hero p{max-width:720px}
.cat-links{display:flex; flex-wrap:wrap; gap:12px; margin-top:16px}
.cat-links a{background:#fff; border:1px solid #e5e5e5; padding:10px 14px; border-radius:999px}