:root{--bg:#0b0b0b;--fg:#f5f5f5;--muted:#bdbdbd;--card:#141414;--border:#232323;--accent:#F9D326;--cta:#f7931a}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(11,11,11,.9);backdrop-filter:blur(8px);z-index:10}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:36px}
.nav a{margin-left:14px;color:var(--muted);font-weight:600}.nav a:hover{color:#fff}
.nav .cta{background:var(--accent);color:#111;padding:9px 14px;border-radius:12px;font-weight:800}
.hero{padding:56px 0;border-bottom:1px solid var(--border)}
.hero h1{margin:0;font-size:42px;line-height:1.1}
.hero p{color:var(--muted);max-width:780px}
.searchbar{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-top:16px}
.input{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--fg)}
.btn{display:inline-block;background:var(--cta);color:#111;padding:12px 18px;border-radius:9999px;font-weight:900;text-align:center}
.section{padding:28px 0;border-bottom:1px solid var(--border)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .08s ease}
.card:hover{transform:translateY(-2px)}
.card img{width:100%;height:160px;object-fit:cover;background:#222}
.card .pad{padding:12px}
.badge{display:inline-block;background:var(--accent);color:#111;font-weight:800;border-radius:999px;padding:6px 10px;font-size:12px}
.meta{color:var(--muted);font-size:14px;margin-top:6px}
.footer{padding:28px 0;color:var(--muted);font-size:14px;text-align:center;border-top:1px solid var(--border)}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;background:#1b1b1b;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}
.cookie .btn{padding:8px 14px;margin-left:10px}
.form{max-width:560px;margin:10px auto}
.form p{margin:12px 0}
textarea.input{min-height:120px;resize:vertical}
.banner{margin:20px 0;background:#231f0a;border:1px dashed #4a3f0c;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center}
@media(max-width:780px){.searchbar{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}}
@media(max-width:520px){.searchbar{grid-template-columns:1fr}.nav a{margin-left:8px}}