*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#0d0d0d;color:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#111;position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px}nav a{color:#fff;text-decoration:none;margin:0 8px}#menu{display:none;background:none;color:#fff;border:0;font-size:28px}.hero{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:60px 20px}h1{font-size:52px;color:#ffcb05}.hero img{max-width:420px;width:100%}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:10px;text-decoration:none;background:#333;color:#fff}.yellow{background:#ffcb05;color:#000;font-weight:bold}section{padding:40px 20px;max-width:1000px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.grid div{background:#1a1a1a;padding:18px;border-radius:10px}.cta{text-align:center}footer{text-align:center;background:#111;padding:25px}ul,ol{line-height:1.9}@media(max-width:768px){nav{display:none;position:absolute;top:60px;right:10px;background:#111;padding:10px;border-radius:8px}nav.show{display:block}nav a{display:block;margin:10px 0}#menu{display:block}}