.hero { min-height:850px; position:relative; display:flex; align-items:center; overflow:hidden; background:#16151b; color:#fff; text-align:center; }
.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.video-overlay { position:absolute; inset:0; background:linear-gradient(rgba(2, 9, 73, 0.795),rgba(1, 2, 54, 0.993)); }
.hero-content { position:relative; z-index:2; padding-top:70px; }
.hero-badge { display:inline-block; border:1px solid rgba(255,255,255,.35); padding:7px 14px; font-size:20px; letter-spacing:2px; margin-bottom:20px; }
.hero h1 { font-size:clamp(48px,10vw,40px); line-height:1.04; font-weight:800; letter-spacing:1px; margin:0; }
.hero h1 span { color:var(--red); }
.hero-subtitle { font-size:20px; color:#e0dfe3; margin:22px 0 8px; }
.hero-date { font-size:18px; color:#ddd;padding: 8px; }
.hero-date i { color:var(--red); }
.countdown { display:flex; justify-content:center; gap:12px; margin:35px 0; }
.countdown>div { width:105px; height:90px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.18); display:flex; flex-direction:column; justify-content:center; }
.countdown strong { font:700 30px Montserrat; color:#fff; }
.countdown span { font-size:9px; text-transform:uppercase; letter-spacing:1px; color:#c9c8cd; }
.hero-buttons { display:flex; justify-content:center; gap:12px; }
.video-trigger { margin-top:28px; background:none; border:0; color:#fff; display:inline-flex; align-items:center; gap:10px; font-size:12px; }
.video-trigger i { width:38px; height:38px; border:1px solid rgba(255,255,255,.6); border-radius:50%; display:grid; place-items:center; color:var(--red); font-size:20px; }
.scroll-indicator { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); font-size:9px; color:#aaa; text-transform:uppercase; letter-spacing:2px; display:flex; flex-direction:column; gap:7px; }
.scroll-indicator i { font-size:15px; }