*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:#070707;color:#fff}
header{position:sticky;top:0;background:#000;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f4b400;z-index:100}
.logo{font-size:2rem;font-weight:900;color:#f4b400}.logo span{color:#fff}
nav a{color:#fff;text-decoration:none;margin:0 10px;font-weight:700}
nav a:hover,.active{color:#f4b400}
.hero{height:92vh;background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.78)),
url('assets/poster.jpg') center/cover no-repeat;
display:flex;justify-content:center;align-items:center;text-align:center}
.hero h1{font-size:5rem;color:#f4b400;margin:.1em}
.hero h2{font-size:4rem;margin:.1em}
.btn{display:inline-block;background:#f4b400;color:#000;padding:14px 28px;
font-weight:800;border-radius:8px;text-decoration:none;margin:8px}
.out{background:transparent;color:#fff;border:2px solid #f4b400}
.container{padding:50px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.card{background:#111;border:1px solid #f4b400;padding:24px;border-radius:14px}
.card h3{color:#f4b400}
.banner{padding:35px;text-align:center;background:#111;border-top:1px solid #f4b400;border-bottom:1px solid #f4b400}
footer{text-align:center;padding:25px;background:#000}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:14px 18px;border-radius:30px;text-decoration:none;font-weight:700}
iframe{width:100%;height:350px;border:0;border-radius:12px}