*{box-sizing:border-box}body{margin:0;background:#18232d;color:#f1f5f7;font:17px/1.7 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:32px 24px 64px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #39505d;padding-bottom:24px}header img{width:56px;height:56px;border-radius:16px}a{color:#75dfc0;text-underline-offset:4px}a:focus-visible{outline:3px solid #ffdf70;outline-offset:4px}h1{font-size:clamp(30px,6vw,44px);line-height:1.2;margin-top:32px}h2{font-size:22px;margin-top:32px}p,li{color:#d0dce2}.meta{color:#9ab0bd;font-size:14px}.intro{font-size:20px}.notice{padding:20px;background:#203742;border-left:3px solid #75dfc0;border-radius:8px}nav,footer{display:flex;gap:20px;flex-wrap:wrap}footer{border-top:1px solid #39505d;margin-top:40px;padding-top:24px}strong{color:#fff}