:root{--bg:#1f2937;--bg-soft:#243042;--surface:#2b3546;--surface-2:#333e51;--border:#3b4658;--text:#e8edf4;--muted:#c9d0db;--brand:#3b82f6;--brand-2:#2563eb}
html,body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}
a{color:var(--text);text-decoration:none}a:hover{color:#fff}a:visited{color:var(--text)}
h1,h2,h3,h4,h5{color:#fff;font-weight:800;line-height:1.12;margin:0 0 .5em}h1{font-size:clamp(28px,6vw,54px)}h2{font-size:clamp(22px,4.5vw,34px)}h3{font-size:clamp(18px,3.2vw,24px)}
p{color:var(--muted);margin:0 0 1em}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2)}
.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.site-footer{margin-top:60px;padding:32px 0;border-top:1px solid var(--border);background:var(--bg-soft)}
.mobile-list a{color:var(--text)!important;text-decoration:none}.mobile-list a:hover{background:var(--surface);color:#fff!important}
.navbar{background:rgba(36,48,66,.92)!important}