:root { color-scheme: dark; --ink:#f7fbff; --muted:#9da9bf; --line:rgba(126,211,255,.15); --cyan:#00d9ee; --blue:#1f7cff; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:radial-gradient(circle at 80% 0%,rgba(0,153,255,.16),transparent 30%),#00030e; }
.wrap { width:min(760px,calc(100% - 36px)); margin:auto; }
nav { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-size:20px; font-weight:750; }
.brand img { width:38px; height:38px; border-radius:10px; }
.back { color:#8debf4; text-decoration:none; font-size:14px; }
main { padding:68px 0 90px; }
.kicker { color:#76e7f3; font-size:12px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:13px 0 10px; font-size:clamp(42px,8vw,68px); letter-spacing:-.05em; }
.updated { margin-bottom:48px; color:var(--muted); }
h2 { margin:38px 0 12px; font-size:22px; letter-spacing:-.02em; }
p,li { color:#b5bfd0; font-size:16px; line-height:1.72; }
ul { padding-left:22px; }
a { color:#77ddea; }
.notice { margin:35px 0; padding:18px 20px; border:1px solid var(--line); border-radius:15px; background:rgba(21,74,122,.13); }
footer { padding:28px 0 38px; border-top:1px solid var(--line); color:#737f94; font-size:13px; }