body{margin:0;background:#000;color:#fff;font-family:Arial,sans-serif}
.hero{max-width:1100px;margin:auto;padding:60px 24px;text-align:center}
.logo{font-size:86px;font-weight:900;letter-spacing:8px;background:linear-gradient(#fff,#bdbdbd,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{color:#bbb;margin-bottom:30px}
h1{font-size:42px}
p{font-size:20px;color:#ddd}
.video{margin:40px auto;padding:30px;border:1px solid #444;border-radius:14px}
.btn{display:inline-block;margin:30px 0;padding:16px 30px;background:#fff;color:#000;text-decoration:none;border-radius:10px;font-weight:bold}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}
.cards div{border:1px solid #444;padding:18px;border-radius:10px}
footer{margin-top:60px;color:#aaa}
a{color:#ddd}