*{box-sizing:border-box}body{margin:0;background:#fbf7ed;color:#193c49;font:16px/1.65 system-ui,sans-serif}main{max-width:850px;margin:35px auto;padding:24px}header{display:flex;align-items:center;gap:15px}header img{width:82px;height:82px;border-radius:19px}header a{font-size:27px;font-weight:850;letter-spacing:-1px;color:#173e4b}small,.meta{color:#617b7f;font-size:13px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 36px}nav a{background:#eaf1eb;padding:8px 12px;border-radius:9px;font-size:14px}a{color:#087c82;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #efaa37;outline-offset:4px}h1{font-size:clamp(30px,6vw,43px);line-height:1.15;letter-spacing:-1px}h2{font-size:23px;margin-top:35px;line-height:1.25}p,li{color:#3f5c64}footer{border-top:1px solid #dce5db;margin-top:48px;padding-top:24px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 210px;gap:25px;align-items:center}.hero img{width:100%;border-radius:24px}.pill{display:inline-block;background:#d5eee5;border-radius:20px;padding:5px 13px;color:#076b70;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{background:#fffdf5;border:1px solid #dce5db;border-radius:18px;padding:20px}.card h2{margin-top:0;font-size:20px}@media(prefers-color-scheme:dark){body{background:#132c37;color:#ecf5ee}header a{color:#eef9f3}p,li,.meta,small{color:#b3c7c8}a{color:#68d4cc}nav a{background:#23434c}.card{background:#1b3945;border-color:#3f5c63}footer{border-color:#3f5c63}}@media(max-width:560px){main{padding:20px;margin:20px auto}.hero{grid-template-columns:1fr}.hero img{width:190px;justify-self:center;grid-row:1}.cards{grid-template-columns:1fr}nav{gap:6px}nav a{padding:7px 9px}}