:root{color-scheme:dark;--bg:#0b0f1a;--surface:#111827;--line:rgba(148,163,184,.16);--text:#f1f5f9;--muted:#a8b3c7;--soft:#64748b;--green:#25d366;--teal:#128c7e;--violet:#8b5cf6}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}
a{color:#6ee7b7;text-underline-offset:4px}
a:hover{color:white}
.site-header{border-bottom:1px solid var(--line);background:#0b0f1a}
.header-inner{max-width:1120px;min-height:76px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;color:var(--text);text-decoration:none}
.brand-logo{display:block;width:140px;height:54px;object-fit:contain;object-position:left center}
.header-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px}
.header-links a{color:var(--muted);text-decoration:none}
.header-links a:hover{color:var(--green)}
main{max-width:920px;margin:0 auto;padding:64px 24px 88px}
.eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
h1{margin:0;font-size:clamp(32px,6vw,52px);line-height:1.12;letter-spacing:0}
.lead{max-width:760px;margin:18px 0 8px;color:var(--muted);font-size:18px}
.updated{margin:0 0 38px;color:var(--soft);font-size:13px}
.notice{margin:24px 0;padding:15px 18px;border-left:3px solid var(--green);background:rgba(37,211,102,.07);color:var(--muted);font-size:14px}
section{padding:25px 0;border-top:1px solid var(--line)}
h2{margin:0 0 10px;font-size:21px;line-height:1.35}
p,li{color:var(--muted);font-size:15px}
p{margin:10px 0}
ul,ol{padding-left:23px}
li{padding:3px 0}
.page-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:26px 0 42px;padding:16px 0;border-block:1px solid var(--line);font-size:13px}
.site-footer{border-top:1px solid var(--line);padding:24px;color:var(--soft);font-size:13px}
.footer-inner{max-width:1120px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media(max-width:600px){.header-inner{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 18px}.header-links{gap:10px 14px}main{padding:42px 18px 64px}.lead{font-size:16px}.page-nav{margin:20px 0 28px}}