:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f7f3ff;background:#171126}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#49305e,transparent 30%),#171126}a{color:#8be7f2}a:focus-visible{outline:3px solid #f5a5ed;outline-offset:3px}.wrap{width:min(760px,calc(100% - 36px));margin:auto}.top{border-bottom:1px solid #ffffff2b;padding:18px 0}.top .wrap,.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:20px;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#181020;background:linear-gradient(135deg,#8be7f2,#f5a5ed);font-size:15px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a,.foot a{font-size:14px}main{padding:44px 0 65px}h1{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 18px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#e8aaf2;font-weight:700}.intro{font-size:18px;color:#d4c9de;line-height:1.65}.notice{padding:16px 18px;border:1px solid #8be7f277;border-radius:12px;background:#8be7f212;line-height:1.5}section{margin-top:34px}h2{font-size:24px;line-height:1.2}p,li{color:#d4c9de;line-height:1.7}li{margin:6px 0}.foot{border-top:1px solid #ffffff2b;padding:24px 0 38px}.foot a{margin-right:16px}@media(max-width:500px){main{padding-top:32px}.top .wrap{align-items:flex-start;flex-direction:column}.nav{gap:12px}}