:root{--bg:#0f172a;--card:#0b1220;--muted:#94a3b8;--accent:#22c55e;--text:#e5e7eb;--border:#1f2937}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b1020,#0f172a);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.site-header{position:sticky;top:0;background:#0b1020dd;border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.brand{font-weight:900;color:var(--text);text-decoration:none}
.main-nav{position:relative}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.main-nav a{display:block;padding:8px 10px;border:1px solid #334155;background:#111827;border-radius:10px;color:var(--text);text-decoration:none}
.main-nav li.active a{background:var(--accent);color:#06230f;border-color:#16a34a;font-weight:800}
.menu-toggle{display:none}
.site-footer{border-top:1px solid var(--border);margin-top:24px}
@media(max-width:800px){
.menu-toggle{display:inline-block;margin-left:8px;border:1px solid #334155;background:#111827;color:var(--text);border-radius:8px;padding:6px 10px}
body:not(.nav-open) .main-nav ul{display:none}
}

/* Peu de pàgina amb CTA */
.site-footer { border-top:1px solid var(--border); margin-top:24px; }
.footer-flex { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

.logo-link { display:flex; align-items:center; gap:8px; color:var(--text); text-decoration:none; }
.logo-icon { width:28px; height:28px; }
.logo-text { font-weight:800; letter-spacing:.04em; }

.footer-cta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.btn { padding:10px 14px; border-radius:10px; border:1px solid #334155; background:#111827; color:#e5e7eb; text-decoration:none; }
.btn.cta { background:var(--accent); border-color:#16a34a; color:#052910; font-weight:800; }
.btn.ghost { background:transparent; border-color:var(--border); }

@media (max-width: 640px) {
  .footer-flex { align-items:flex-start; }
}