:root{--bg:#1F2328;--bg2:#2C3137;--text:#E9EDF1;--muted:#B9C2CC;--accent:#2B77D1}

*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--text);

font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

.site-header{border-bottom:1px solid #333}

.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}

.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}

.brand-text{font-weight:600}

.nav{list-style:none;display:flex;gap:14px;margin:0;padding:0}

.nav a{color:var(--text);opacity:.9;text-decoration:none;padding:8px 10px;border-radius:10px}

.nav a:hover{background:#232830}

h1{margin:18px 0 8px;font-size:32px}

.lead{color:var(--muted)}

.site-footer{margin:36px 0;padding-top:12px;border-top:1px solid #333;color:#fff;text-align:center}

.site-footer a{color:#fff}