:root { --bg:#0b0d12; --card:#111520; --text:#e9eef8; --muted:#93a1b1; --accent:#4da3ff; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:980px;margin:0 auto;padding:20px}
.site-header{background:#0d1220;border-bottom:1px solid #1a2236;position:sticky;top:0;z-index:10}
.site-header .brand{font-weight:700;font-size:20px;margin-right:20px}
.site-header nav a{margin-right:14px;color:#cfe4ff}
.last-updated{color:var(--muted);font-size:14px;margin:10px 0 20px}
.hero{display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px;align-items:center}
.hero h1{font-size:36px;line-height:1.2;margin:0 0 10px}
.hero p{color:#c9d3e7}
.card{background:var(--card);border:1px solid #1b2336;border-radius:14px;padding:18px;margin:12px 0}
.grid{display:grid;gap:16px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:1fr}}
h1,h2,h3{color:#fff}
small,.muted{color:var(--muted)}
.site-footer{border-top:1px solid #1a2236;background:#0d1220;margin-top:40px}
.site-footer .cols{display:flex;justify-content:space-between;gap:20px}
.notice{background:#122033;border:1px dashed #2b426e;border-radius:12px;padding:12px;color:#cfd8ea}
ul.check>li{list-style:none;margin:8px 0}
ul.check>li::before{content:"✓";margin-right:8px;color:#7fd37f}