:root{
  --bg:#0f172a;
  --panel:#111827;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --accent:#22d3ee;
  --accent2:#34d399;
  --card:#0b1220;
  --border:#1f2937;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),#0a0f1f);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial;}

a{color:var(--accent);text-decoration:none;}
a:hover{opacity:.9;text-decoration:underline;}
.container{max-width:1100px;margin:0 auto;padding:24px;}

header.container{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border);}
.brand{display:flex;align-items:center;gap:12px;}
.logo{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 30%, var(--accent), var(--accent2));display:grid;place-items:center;color:#001018;font-weight:900;}
.title h1{margin:0;font-size:20px}
.title .muted{margin:2px 0 0 0;color:var(--muted);font-size:14px}

nav a{margin-left:12px;color:var(--text);padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02); margin-top:0;}
nav a:hover{background:rgba(255,255,255,.06)}
nav{display:flex;flex-wrap:wrap;gap:8px 12px}
nav a[href="cookies.html"]{margin-top:6px}

.hero{padding:28px;margin-top:12px;background:linear-gradient(180deg, rgba(34,211,238,.06), rgba(52,211,153,.06));border:1px solid var(--border);border-radius:16px;}
.hero h2{margin:0 0 8px 0;font-size:28px}

.content{margin:24px 0;background:rgba(255,255,255,.02);border:1px solid var(--border);padding:24px;border-radius:16px;}
.card{background:rgba(34,211,238,.05)}
.table{width:100%;border-collapse:collapse;margin-top:8px;border:1px solid var(--border);}
.table th,.table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top;}
.table th{color:var(--muted);font-weight:600;text-align:left}
.table .price{white-space:nowrap;font-weight:600}

.form{display:grid;gap:10px;margin-top:8px}
.form input{padding:12px;border-radius:10px;border:1px solid var(--border);background:#0b1120;color:var(--text);outline:none}
.form button{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001018;font-weight:700;cursor:pointer}
.form button:hover{filter:brightness(1.05)}

.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.grid.two{grid-template-columns:1fr}}

.footer{border-top:1px solid var(--border);color:var(--muted)}

.home{display:inline-block;margin-bottom:12px}
.button{display:inline-block;background:rgba(96,165,250,.15);border:1px solid var(--border);padding:10px 14px;border-radius:12px}
.center{text-align:center}
.muted{color:var(--muted)}

.toc{padding:12px 16px;margin:8px 0 16px 0;background:rgba(255,255,255,.03);border:1px dashed var(--border);border-radius:12px}
.toc-list{margin:8px 0 0 0;padding-left:18px}
.toc-list li{margin:4px 0}