/* Monochrome, content-first theme */
:root{--fg:#fff;--muted:#d4d4d4;--card:rgba(0,0,0,.55);--max:1100px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--fg);
  background:url('bg.jpg') center/cover no-repeat fixed #0b0b0b; line-height:1.65}
header{position:sticky;top:0;background:rgba(0,0,0,.65);backdrop-filter:saturate(115%) blur(6px);padding:12px 16px;z-index:50}
header h1{margin:0;font-size:1.2rem;letter-spacing:.4px}
nav a{color:var(--fg);opacity:.92;margin-right:14px;text-decoration:none}
nav a:hover{opacity:1;text-decoration:underline}
.hero{max-width:var(--max);margin:22px auto;display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.card{background:var(--card);padding:20px;border-radius:12px}
.panel{max-width:var(--max);margin:18px auto;background:var(--card);padding:20px;border-radius:12px}
.grid{display:grid;gap:14px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}
.btn,.pay-btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#fff;color:#000;text-decoration:none}
.small{font-size:.92rem;color:var(--muted)}
ul.check>li{list-style:none;margin-left:0}
ul.check>li::before{content:"✓";margin-right:8px}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:8px;text-align:left}
code{background:#111;padding:2px 6px;border-radius:6px}
kbd{background:#111;padding:2px 6px;border-radius:6px;color:#eee}