:root { --bg:#0b1220; --card:#141c2e; --ink:#e8eef8; --muted:#9aa8bd; --accent:#3d8bfd; --line:#243049; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, "Times New Roman", serif; background:var(--bg); color:var(--ink); line-height:1.55; }
header, main, footer { max-width: 860px; margin: 0 auto; padding: 1.1rem 1.25rem; }
header { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.75rem; border-bottom:1px solid var(--line); }
.owner { margin:.15rem 0 0; color:var(--muted); font-family: system-ui, sans-serif; font-size:.8rem; letter-spacing:.02em; }
.brand a, nav a, footer a { color:var(--ink); text-decoration:none; }
nav { display:flex; gap:1rem; font-family: system-ui, sans-serif; font-size:.95rem; }
nav a:hover, .brand a:hover, footer a:hover { color:var(--accent); }
h1 { margin:.4rem 0 .2rem; font-size:2rem; }
h2 { margin-top:0; }
.sub { color:var(--muted); margin:0 0 1.2rem; }
.muted { color:var(--muted); font-size:.95rem; }
.card { background:var(--card); padding:1.1rem 1.2rem; border-radius:10px; margin:1rem 0; }
.grid { display:grid; gap:1rem; grid-template-columns: 1fr; }
@media (min-width:720px) { .grid { grid-template-columns: 1fr 1fr; } }
a.btn { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:.7rem 1.1rem; border-radius:6px; font-family: system-ui, sans-serif; }
a.btn.disabled { background:#445; pointer-events:none; }
.ad { min-height:90px; margin:1rem 0; border:1px dashed #445; color:var(--muted); display:flex; align-items:center; justify-content:center; font-family:system-ui,sans-serif; font-size:.85rem; text-align:center; padding:.75rem; }
footer { color:var(--muted); font-size:.85rem; border-top:1px solid var(--line); }
ul { padding-left:1.2rem; }