:root {
      --neon-purple: #b845ff;
      --neon-violet: #7c3aed;
      --neon-cyan: #38bdf8;
      --bg-cosmos: #04010a;
    }

    * {
      box-sizing: border-box;
    }

    body, html {
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: var(--bg-cosmos);
      color: #ffffff;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }

    .font-orbitron {
      font-family: 'Orbitron', sans-serif;
    }

    .font-mono-code {
      font-family: 'JetBrains Mono', monospace;
    }

    /* Metallic Chrome & Neon Typography */
    .vorzark-metallic-title {
      background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 42%, #94a3b8 55%, #f8fafc 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 4px 18px rgba(184, 69, 255, 0.55));
    }

    .vorzark-ai-glow {
      background: linear-gradient(180deg, #f3e8ff 0%, #c084fc 50%, #9333ea 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 0 22px rgba(192, 132, 252, 0.95));
    }

    .price-neon-text {
      color: #f3e8ff;
      text-shadow:
        0 0 12px rgba(216, 180, 254, 0.95),
        0 0 28px rgba(168, 85, 247, 0.9),
        0 0 55px rgba(126, 34, 206, 0.85);
    }

    /* Glassmorphic & Holographic HUD Panels */
    .glass-hud {
      background: rgba(10, 4, 24, 0.78);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border: 1px solid rgba(192, 132, 252, 0.32);
      box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.75),
        0 0 25px rgba(147, 51, 234, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .holo-card {
      background: linear-gradient(165deg, rgba(20, 8, 45, 0.84) 0%, rgba(7, 2, 18, 0.92) 100%);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(192, 132, 252, 0.42);
      box-shadow:
        0 0 32px rgba(147, 51, 234, 0.28),
        inset 0 0 24px rgba(168, 85, 247, 0.14);
      position: relative;
      overflow: hidden;
    }

    .holo-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(192, 132, 252, 0.03) 3px,
        rgba(192, 132, 252, 0.03) 4px
      );
      pointer-events: none;
    }

    /* 3D Wing Perspective on Desktop (Matches the Video & Poster Wing Screens) */
    @media (min-width: 1024px) {
      .perspective-stage {
        perspective: 1500px;
      }
      .wing-left-3d {
        transform: rotateY(16deg) rotateX(2deg);
        transform-style: preserve-3d;
        transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease;
      }
      .wing-left-3d:hover {
        transform: rotateY(6deg) rotateX(0deg) translateY(-4px) scale(1.015);
        box-shadow: 0 0 45px rgba(184, 69, 255, 0.55);
      }
      .wing-right-3d {
        transform: rotateY(-16deg) rotateX(2deg);
        transform-style: preserve-3d;
        transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease;
      }
      .wing-right-3d:hover {
        transform: rotateY(-6deg) rotateX(0deg) translateY(-4px) scale(1.015);
        box-shadow: 0 0 45px rgba(184, 69, 255, 0.55);
      }
    }

    /* Animated Quantum Energy Beam */
    .quantum-beam-line {
      background: linear-gradient(180deg, #ffffff 0%, #e9d5ff 45%, rgba(168, 85, 247, 0) 100%);
      box-shadow:
        0 0 16px 4px rgba(216, 180, 254, 0.9),
        0 0 40px 14px rgba(168, 85, 247, 0.65);
      animation: beamPulse 2.6s ease-in-out infinite alternate;
    }

    @keyframes beamPulse {
      0% { opacity: 0.65; transform: translateX(-50%) scaleX(0.85); }
      50% { opacity: 1; transform: translateX(-50%) scaleX(1.35); }
      100% { opacity: 0.8; transform: translateX(-50%) scaleX(1.0); }
    }

    /* Light Shimmer Sweep */
    .shimmer-sweep {
      position: relative;
      overflow: hidden;
    }
    .shimmer-sweep::after {
      content: "";
      position: absolute;
      top: -50%;
      left: -130%;
      width: 60%;
      height: 200%;
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.04) 30%,
        rgba(233, 213, 255, 0.35) 50%,
        rgba(255, 255, 255, 0.04) 70%,
        transparent 100%
      );
      transform: rotate(22deg);
      animation: sweepAnim 5.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
      pointer-events: none;
    }

    @keyframes sweepAnim {
      0% { left: -130%; }
      45%, 100% { left: 160%; }
    }

    /* Floor Portal Rings */
    .portal-ring {
      border-radius: 50%;
      border: 1.5px solid rgba(192, 132, 252, 0.45);
      box-shadow: 0 0 30px rgba(168, 85, 247, 0.45), inset 0 0 25px rgba(168, 85, 247, 0.3);
      animation: ringBreathe 3.2s ease-in-out infinite;
    }

    @keyframes ringBreathe {
      0%, 100% { transform: scale(0.97); opacity: 0.55; }
      50% { transform: scale(1.03); opacity: 0.95; }
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 7px;
      height: 7px;
    }
    ::-webkit-scrollbar-track {
      background: #05020d;
    }
    ::-webkit-scrollbar-thumb {
      background: #6b21a8;
      border-radius: 4px;
    }