body{font:16px/1.6 system-ui,sans-serif;margin:0;color:#1d2433;background:#f7f8fa}header,footer{display:flex;justify-content:space-between;padding:18px 8vw;background:#fff}header nav a{margin-left:20px;color:#3b5bdb;text-decoration:none}main{padding:48px 8vw;max-width:900px}h1{font-size:2.2rem;margin:.2em 0}.btn{display:inline-block;background:#3b5bdb;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px}.grid div{background:#fff;padding:18px;border-radius:12px}footer{color:#667}