.entry-bg-stack {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #fbf8f0;
  opacity: 0;
  transition: opacity 900ms ease;
}

.entry-bg-stack.is-active {
  opacity: 1;
}

.entry-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.72;
  filter: brightness(0.72) saturate(0.86) contrast(0.92);
  transform: scale(1);
  transition: opacity 560ms ease, filter 560ms ease, transform 760ms ease;
  will-change: transform, filter, opacity;
}

.entry-bg-video--live {
  z-index: 2;
  clip-path: var(--entry-bg-live-clip);
  transform-origin: 28% 72%;
}

.entry-bg-video--animated {
  z-index: 1;
  transform-origin: 74% 28%;
}

.entry-bg-stack.is-live-focus .entry-bg-video--live,
.entry-bg-stack.is-animated-focus .entry-bg-video--animated {
  opacity: 1;
  filter: brightness(1.17) saturate(1.19) contrast(1.09);
  transform: scale(1.055);
}

.entry-bg-split {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 3px;
  height: 170vmax;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.24), rgba(232,82,88, 0.8), rgba(255, 255, 255, 0.3), transparent);
  box-shadow:
    0 0 18px rgba(232,82,88, 0.52),
    0 0 36px rgba(255, 255, 255, 0.42);
  transform: translate(-50%, -50%) rotate(var(--entry-bg-split-angle));
  transition: opacity 520ms ease, box-shadow 520ms ease;
}

.entry-bg-stack.is-live-focus .entry-bg-split {
  opacity: 0.92;
  box-shadow:
    0 0 22px rgba(232,82,88, 0.58),
    0 0 42px rgba(255, 255, 255, 0.45);
}

.entry-bg-stack.is-animated-focus .entry-bg-split {
  opacity: 0.72;
  box-shadow:
    0 0 15px rgba(232,82,88, 0.46),
    0 0 30px rgba(255, 255, 255, 0.34);
}

:root { --entry-bg-split-angle:-60deg; --entry-bg-live-clip:polygon(0 0,100% 100%,0 100%,0 0); }
body { background:#101218 url("https://anim8e.com/assets/index-bg-live-action-poster.jpg?v=20260706-liveaction1") center/cover fixed; }
body::before { content:""; position:fixed; inset:0; z-index:1; pointer-events:none; background:rgba(8,11,19,.62); }
header,main { position:relative; z-index:2; }
header { background:rgba(13,14,18,.58); }
main { padding-bottom:90px; }
.login { background:rgba(23,23,30,.68); box-shadow:0 20px 60px #0005; }
#accessMotionToggle { position:fixed; right:20px; bottom:20px; z-index:3; border:1px solid #ffffff60; border-radius:22px; background:#111820d9; color:white; padding:10px 16px; min-height:44px; font-size:12px; cursor:pointer; }
@media(prefers-reduced-motion:reduce) { .entry-bg-stack { display:none; } }