body{margin:0;font-family:Arial,sans-serif;background:#090909;color:#fff}
.container{max-width:1000px;margin:auto;padding:60px 20px}
.hero{padding:90px 20px;text-align:center;background:linear-gradient(#111,#000)}
.badge{background:#ff6a00;padding:10px 18px;border-radius:6px;font-weight:bold}
h1{font-size:56px;line-height:1.1}
h1 span{color:#ff6a00}
p{font-size:20px;color:#ddd}
.btn{display:inline-block;margin-top:25px;padding:18px 36px;background:#ff6a00;color:#fff;text-decoration:none;border-radius:8px;font-weight:bold}
.video{border:3px solid #ff6a00;border-radius:12px;height:420px;display:flex;align-items:center;justify-content:center;color:#aaa}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#161616;border:1px solid #ff6a00;padding:25px;border-radius:12px}
.small{font-size:14px}
@media(max-width:768px){h1{font-size:38px}.video{height:220px}}