:root{color-scheme:light dark;--bg:#F5F2E9;--surface:#fff;--text:#24212E;--accent:#4B3AAA}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 system-ui,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}header img{border-radius:16px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:4px}nav a{padding:10px 0}h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.1}h2{line-height:1.25}section{background:var(--surface);padding:28px;border-radius:24px;margin:24px 0}.button{display:inline-block;padding:14px 24px;border-radius:28px;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:650;margin:8px 12px 8px 0}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}footer{font-size:15px}@media(prefers-color-scheme:dark){:root{--bg:#171420;--surface:#292436;--text:#F5F2E9;--accent:#B9AEF4}}@media(max-width:500px){header,main,footer{padding:18px}section{padding:20px}}