:root{color-scheme:light dark;--mint:#bff4dc;--lav:#ddd0ff;--peach:#ffd5c8;--ink:#24302d}*{box-sizing:border-box}body{margin:0;font:18px/1.6 system-ui;color:var(--ink);background:linear-gradient(135deg,#f7fff9,#faf6ff)}nav,main,footer{max-width:960px;margin:auto;padding:20px}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#5942a7}h1{font-size:clamp(2.4rem,8vw,5rem);line-height:1.05}.hero,.card{padding:clamp(24px,6vw,64px);border-radius:32px;background:rgba(191,244,220,.65);margin:28px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:var(--lav);padding:24px}.card:nth-child(2n){background:var(--peach)}footer{font-size:14px}@media(prefers-color-scheme:dark){body{color:#f4f4f4;background:#151619}.hero,.card{color:#18201e}a{color:#b9a9ff}}