:root{
  --bg:#0b0b12; --card:#141428; --muted:#9aa0aa; --text:#eef1f4;
  --primary:#f0c040; --primary-2:#d6aa29; --border:#23233b; --accent:#6dd3ff;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}
a{color:var(--primary);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:20px}

/* Header commun */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0; position:sticky; top:0; background:linear-gradient(180deg, #0b0b12 85%, transparent); z-index:50}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{width:36px;height:36px}
.brand .title{font-weight:800;letter-spacing:0.2px}
.brand .subtitle{color:var(--muted);font-size:12px;margin-top:-2px}
.site-nav a{margin-left:16px;font-weight:600}
.site-nav .pill{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:#000;background:var(--primary)}

/* Cards / boutons */
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.btn{border:1px solid var(--border);background:#0f0f1f;color:var(--text);padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.btn-primary{background:var(--primary);color:#000;border:none}
.btn-ghost{background:transparent}
.badge{display:inline-block;border:1px solid var(--border);background:#0f0f1f;padding:4px 10px;border-radius:999px;font-size:12px}
.badge-pro{background:#0f2a17;border-color:#134e2e;color:#39d98a;font-weight:700}

/* Footer commun */
.site-footer{border-top:1px solid var(--border);margin-top:26px;padding:14px 0;color:#9aa0aa;font-size:14px}
.site-footer .row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Utilitaires */
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
@media (max-width:980px){ .grid-2{grid-template-columns:1fr} }
input,select{padding:12px;border-radius:10px;border:1px solid var(--border);background:#0f0f1f;color:var(--text)}