:root{color-scheme:light dark;--bg:#fffaf6;--card:#fff;--ink:#24232a;--muted:#67636f;--coral:#ed6c76;--mint:#65caa2;--lemon:#f5c65f;--lav:#a58add}*{box-sizing:border-box}body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#fff7ef,#f2fbf7);color:var(--ink)}header,main,footer{max-width:920px;margin:auto;padding:24px}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}nav a,a{color:#8b456f}nav strong{margin-right:auto}.hero{padding:72px 24px 45px}.hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;margin:.2em 0}.tag{color:var(--coral);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{background:var(--card);border:1px solid #0001;border-radius:24px;padding:22px;box-shadow:0 10px 28px #46232a12}.card:nth-child(2){border-top:6px solid var(--mint)}.card:nth-child(3){border-top:6px solid var(--lemon)}.card:nth-child(4){border-top:6px solid var(--lav)}h2{margin-top:2em}footer{color:var(--muted);font-size:.9rem}@media(prefers-color-scheme:dark){:root{--bg:#151419;--card:#222126;--ink:#f7f3f5;--muted:#bbb4bd}body{background:linear-gradient(145deg,#1c1718,#14201c)}a{color:#eca6c4}}