:root { color-scheme: dark; font-family: system-ui, -apple-system, "Noto Sans JP", sans-serif; background:#09111f; color:#eef4ff; }
body { margin:0; }
main { max-width:850px; margin:0 auto; padding:72px 24px; }
.eyebrow { color:#83b8ff; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
h1 { font-size:clamp(2.1rem,7vw,4.2rem); letter-spacing:-.04em; margin:.2rem 0 1rem; }
h2 { margin-top:0; } .lead { color:#c0cede; font-size:1.2rem; line-height:1.7; max-width:640px; }
section { margin-top:28px; padding:24px; background:#111d31; border:1px solid #263a5a; border-radius:14px; line-height:1.7; }
.warning { border-color:#d7a83e; background:#2b2311; } .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:22px; }
a { color:#9ec8ff; } .button { display:inline-block; background:#5fa6ff; color:#08111f; border-radius:8px; padding:12px 18px; text-decoration:none; font-weight:750; }
code { overflow-wrap:anywhere; } pre { padding:16px; overflow:auto; background:#07101d; border-radius:8px; } .small, footer { color:#b5c0d2; font-size:.92rem; } footer { margin-top:36px; }