*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#222}.topbar{background:#f8f8f8;padding:10px 20px;display:flex;justify-content:space-between;flex-wrap:wrap}.header{background:#fff;padding:20px;text-align:center}.header h1{font-size:56px;margin:0}.red{color:#d71920}.green{color:#0a8f3d}nav{background:#0a8f3d;padding:18px;text-align:center}nav a{color:#fff;text-decoration:none;margin:0 18px;font-weight:bold}.hero{background:linear-gradient(135deg,#111,#333);color:#fff;padding:60px 20px}.wrap{max-width:1200px;margin:auto}.btn{background:#d71920;color:#fff;padding:14px 28px;text-decoration:none;border-radius:6px;display:inline-block;margin:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#fff;border-radius:8px;padding:25px;text-align:center}.section{padding:40px 20px}footer{background:#1d1d1d;color:#fff;padding:40px 20px}@media(max-width:700px){.header h1{font-size:36px}}