:root{--bg:#0b0b0b;--fg:#f5f5f5;--muted:#bdbdbd;--pad:clamp(16px,3vw,40px);
--t1:clamp(28px,5vw,64px);--t2:clamp(14px,1.6vw,18px);
--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:light){:root{--bg:#fff;--fg:#111;--muted:#5a5a5a}}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.45}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px var(--pad);max-width:1100px;margin:0 auto}
.nav a{color:inherit;text-decoration:none;opacity:.9;margin-left:16px}
.nav a[aria-current="page"]{opacity:1;text-decoration:underline}
.brand{font-weight:700;letter-spacing:.02em}
.main{min-height:calc(100dvh - 100px);display:grid;place-items:center;padding:var(--pad)}
.wrap{display:grid;gap:24px;max-width:80ch;text-align:center;margin:0 auto}
.logo{width:min(120px,32vw);margin:0 auto;display:block}
.title{font-size:var(--t1);font-weight:700}
.tag{font-size:var(--t2);color:var(--muted)}
.foot{padding:12px var(--pad);text-align:center;color:var(--muted);font-size:12px;border-top:1px solid #2222}
.section{max-width:80ch;margin:0 auto;padding:var(--pad);display:grid;gap:14px}