:root{
  --bg:#02070b;
  --green:#19ff8c;
  --green2:#00d56b;
  --white:#ffffff;
  --line:rgba(25,255,140,.25);
  --glow:0 0 34px rgba(25,255,140,.22);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#02070b}
body{
  min-height:100vh;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--white);
  background:
    radial-gradient(circle at 50% 0%,rgba(25,255,140,.14),transparent 30%),
    linear-gradient(180deg,#02070b 0%,#061018 55%,#02070b 100%);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img,video{display:block;max-width:100%}
.light-rain{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.light-rain:before,.light-rain:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 10%,rgba(25,255,140,.09),transparent 24%),radial-gradient(circle at 80% 18%,rgba(49,180,255,.06),transparent 20%);
}
.light-rain i{position:absolute;top:-160px;width:2px;height:170px;background:linear-gradient(to bottom,transparent,rgba(25,255,140,.68),transparent);opacity:.24;animation:rain 8s linear infinite}
.light-rain i:nth-child(1){left:6%;animation-delay:.1s}.light-rain i:nth-child(2){left:15%;animation-delay:1.3s}.light-rain i:nth-child(3){left:25%;animation-delay:.5s}.light-rain i:nth-child(4){left:35%;animation-delay:2.1s}.light-rain i:nth-child(5){left:45%;animation-delay:1s}.light-rain i:nth-child(6){left:55%;animation-delay:2.7s}.light-rain i:nth-child(7){left:65%;animation-delay:.8s}.light-rain i:nth-child(8){left:75%;animation-delay:1.8s}.light-rain i:nth-child(9){left:84%;animation-delay:.3s}.light-rain i:nth-child(10){left:93%;animation-delay:2.4s}
@keyframes rain{0%{transform:translateY(-180px);opacity:0}18%{opacity:.34}100%{transform:translateY(120vh);opacity:0}}
.topbar{
  position:fixed;
  top:0;left:0;right:0;
  z-index:20;
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,rgba(2,7,11,.72),rgba(2,7,11,.22));
  border-bottom:1px solid rgba(25,255,140,.12);
  backdrop-filter:blur(14px);
}
.brand{font-size:32px;font-weight:950;letter-spacing:1px;text-shadow:0 0 18px rgba(255,255,255,.15)}
.brand span,.footer span{color:var(--green);text-shadow:0 0 20px rgba(25,255,140,.6)}
.hero-video{
  position:relative;
  z-index:1;
  width:100%;
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:92px 4vw 36px;
  overflow:hidden;
}
.hero-video:before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 58%,rgba(25,255,140,.18),transparent 34%);
  animation:pulse 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:.95}}
.hero-video video{
  position:relative;
  z-index:2;
  width:min(1580px,100%);
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:30px;
  border:1px solid var(--line);
  box-shadow:0 0 70px rgba(25,255,140,.16),0 0 0 1px rgba(255,255,255,.04) inset;
  background:#000;
}
.poster-stage{
  position:relative;
  z-index:2;
  width:min(1580px,94vw);
  margin:0 auto 56px;
}
.poster-slider{
  position:relative;
  min-height:78svh;
  border:1px solid var(--line);
  border-radius:30px;
  overflow:hidden;
  background:#03090d;
  box-shadow:var(--glow);
}
.poster-slider:before{
  content:"";
  position:absolute;inset:-2px;
  z-index:4;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(25,255,140,.18),transparent);
  transform:translateX(-100%);
  animation:sweep 5s linear infinite;
}
@keyframes sweep{100%{transform:translateX(100%)}}
.poster-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1s ease,transform 1.5s ease;
}
.poster-slide.active{opacity:1;transform:scale(1);z-index:2}
.poster-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#03090d;
}
.poster-dots{display:flex;justify-content:center;gap:11px;margin-top:18px}
.dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(25,255,140,.54);background:rgba(255,255,255,.07);cursor:pointer;transition:.25s}.dot.active{background:var(--green);box-shadow:0 0 15px rgba(25,255,140,.7)}
.footer{
  position:relative;
  z-index:2;
  padding:0 0 28px;
  text-align:center;
  font-weight:800;
  letter-spacing:.6px;
  color:rgba(255,255,255,.78);
}
@media(max-width:900px){.topbar{height:62px}.brand{font-size:27px}.hero-video{min-height:auto;padding:82px 3vw 26px}.hero-video video{border-radius:20px}.poster-stage{width:94vw;margin-bottom:38px}.poster-slider{min-height:72svh;border-radius:20px}}
@media(max-width:560px){.brand{font-size:24px}.poster-slider{min-height:70svh}.hero-video video{aspect-ratio:16/9}.footer{font-size:13px}}