body{margin:0;background:#f5f3ff;color:#241d48;font:18px/1.65 system-ui,sans-serif}main{max-width:760px;margin:48px auto;padding:32px;background:white;border-radius:22px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#4f36c9;text-underline-offset:3px}a:focus-visible{outline:3px solid #df7300;outline-offset:4px}h1{font-size:2.2rem;line-height:1.2}h2{margin-top:2rem;font-size:1.35rem}small{color:#51476b}@media(max-width:800px){main{margin:16px;padding:24px}}