*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{background:#0e0e0e;color:#fff;line-height:1.6}
.hero{text-align:center;padding:50px 20px;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url('logo.png') center/cover}
.logo{max-width:420px;width:90%;margin-bottom:20px}
.buttons a{margin:6px}
.cta{display:inline-block;padding:14px 24px;background:#f5b400;color:#000;border-radius:6px;text-decoration:none;font-weight:bold}
.secondary{background:#fff}
.outline{background:transparent;border:2px solid #f5b400;color:#f5b400}
section{max-width:1000px;margin:auto;padding:40px 20px}
.features{list-style:none}
.features li{padding:10px 0;border-bottom:1px solid #333}
iframe{width:100%;height:300px;border:0}
.sub{text-align:center;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{border:1px solid #333;padding:15px;text-align:center}
.card img{width:100%;border-radius:6px}
.card a{display:block;margin-top:10px;color:#f5b400;text-decoration:none}
form{max-width:500px;margin:auto}
form input,form textarea{width:100%;padding:12px;margin-bottom:10px}
form button{width:100%;padding:14px;background:#f5b400;border:none;font-weight:bold}
.note{font-size:.85rem;color:#aaa;margin-top:10px;text-align:center}
footer{text-align:center;padding:20px;color:#aaa;font-size:.9rem}