body{margin:0;font-family:Arial,sans-serif;background:#0b0b0b;color:#fff;line-height:1.6}
.hero{text-align:center;padding:60px 20px}
.logo{max-width:420px;width:90%;margin-bottom:20px}
h1{font-size:2.4rem}
section{max-width:1100px;margin:auto;padding:50px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.grid div{background:#171717;border-left:4px solid #2d6cdf;padding:18px;border-radius:10px}
.buttons a{display:inline-block;margin:10px;padding:14px 26px;text-decoration:none;color:#fff;border-radius:8px;background:#2d6cdf}
.buttons a:last-child{background:#b22222}
footer{text-align:center;padding:30px 20px;color:#bbb;border-top:1px solid #333}