@media (max-width: 768px) {
          .hidden-mobile { display: none !important; }
        }



        @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap');

        .hero-container {
          position: relative;
          min-height: 100vh;
          width: 100%;
          background:
            radial-gradient(circle at 10% 20%, rgba(139, 92, 246, 0.08) 0%, transparent 40%),
            radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.06) 0%, transparent 40%),
            linear-gradient(180deg, rgba(5, 8, 4, 0.9) 0%, rgba(0, 0, 0, 0.98) 100%),
            url('https://images.unsplash.com/photo-1508098682722-e99c43a406b2?q=80&w=1600&auto=format&fit=crop');
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          overflow: hidden;
          padding: 0 0 80px 0;
          display: flex;
          flex-direction: column;
          align-items: center;
          font-family: 'Space Grotesk', sans-serif;
        }

        /* Ticker Top Bar */
        .top-ticker {
          width: 100%;
          background: rgba(139, 92, 246, 0.08);
          border-bottom: 1px solid rgba(139, 92, 246, 0.25);
          backdrop-filter: blur(8px);
          overflow: hidden;
          padding: 14px 0;
          position: relative;
          z-index: 10;
          margin-top: 0 !important;
        }

        .ticker-wrap {
          display: flex;
          width: max-content;
          animation: marquee 25s linear infinite;
        }

        .ticker-content {
          display: flex;
          align-items: center;
          gap: 40px;
          padding-right: 40px;
          flex-shrink: 0;
        }

        .ticker-item {
          color: #8B5CF6;
          font-weight: 700;
          font-size: 13px;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          white-space: nowrap;
          display: flex;
          align-items: center;
          gap: 12px;
        }

        /* Layout Grid */
        .hero-content {
          max-width: 800px;
          width: 100%;
          padding: 60px 24px 0 24px;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          position: relative;
          z-index: 10;
        }

        .pre-title {
          font-size: 14px;
          letter-spacing: 0.3em;
          color: #8B5CF6;
          font-weight: 700;
          text-transform: uppercase;
          margin-bottom: 16px;
          opacity: 0.9;
        }

        .main-headline {
          font-family: 'Oswald', sans-serif;
          font-size: 58px;
          line-height: 1.1;
          font-weight: 700;
          color: #ffffff;
          text-transform: uppercase;
          letter-spacing: -0.01em;
          margin-bottom: 24px;
          text-shadow: 0 4px 20px rgba(0,0,0,0.5);
        }

        .main-headline span {
          color: #8B5CF6;
          text-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
        }

        .info-pill {
          display: inline-flex;
          background: rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(255, 255, 255, 0.1);
          padding: 8px 24px;
          border-radius: 9999px;
          font-size: 13px;
          font-weight: 500;
          letter-spacing: 0.05em;
          color: rgba(255, 255, 255, 0.8);
          margin-bottom: 40px;
          backdrop-filter: blur(12px);
          box-shadow: inset 0 1px 1px rgba(255,255,255,0.1);
        }

        /* Video Section Container that wraps the player and floating elements */
        .video-section-container {
          position: relative;
          width: 100%;
          max-width: 380px;
          margin: 0 auto 28px auto;
        }

        /* Centered Video Wrapper */
        .video-wrapper {
          position: relative;
          width: 100%;
          border-radius: 16px;
          background: rgba(255,255,255,0.02);
          border: 1px solid rgba(139, 92, 246, 0.25);
          box-shadow:
            0 25px 50px -12px rgba(0, 0, 0, 0.8),
            0 0 40px rgba(139, 92, 246, 0.1);
          overflow: hidden;
          transition: border-color 0.3s, box-shadow 0.3s;
          margin: 0;
          z-index: 10;
        }

        .video-wrapper:hover {
          border-color: rgba(139, 92, 246, 0.4);
          box-shadow:
            0 25px 50px -12px rgba(0, 0, 0, 0.8),
            0 0 50px rgba(139, 92, 246, 0.2);
        }

        .video-player {
          width: 100%;
          height: auto;
          max-height: 580px;
          display: block;
          object-fit: contain;
        }

        .video-loading-placeholder {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          background: #050804;
          color: rgba(255, 255, 255, 0.6);
          font-family: 'Space Grotesk', sans-serif;
          font-size: 13px;
          gap: 16px;
        }

        .loading-spinner {
          width: 40px;
          height: 40px;
          border: 3px solid rgba(139, 92, 246, 0.1);
          border-top-color: #8B5CF6;
          border-radius: 50%;
          animation: spin 1s linear infinite;
        }

        @keyframes spin {
          to { transform: rotate(360deg); }
        }

        /* Floating Badges on Video */
        .floating-badge {
          position: absolute;
          top: 16px;
          right: 16px;
          background: rgba(0, 0, 0, 0.75);
          border: 1px solid rgba(139, 92, 246, 0.4);
          border-radius: 12px;
          padding: 8px 12px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          backdrop-filter: blur(8px);
          z-index: 20;
          box-shadow: 0 4px 20px rgba(0,0,0,0.5);
          animation: float 4s ease-in-out infinite;
        }

        .badge-free {
          background: #8B5CF6;
          color: #000;
          font-weight: 800;
          font-size: 10px;
          padding: 2px 6px;
          border-radius: 4px;
          text-transform: uppercase;
          margin-bottom: 4px;
          letter-spacing: 0.05em;
        }

        .badge-text {
          color: #fff;
          font-size: 11px;
          font-weight: 700;
          white-space: nowrap;
        }

        .badge-spots {
          color: #8B5CF6;
          font-size: 10px;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: 4px;
          margin-top: 2px;
        }

        .pulse-dot {
          width: 6px;
          height: 6px;
          background-color: #8B5CF6;
          border-radius: 50%;
          animation: pulse 1.5s infinite;
        }

        /* Custom Interactive Video Controls overlay */
        .controls-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%);
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 16px;
          opacity: 0;
          transition: opacity 0.3s ease;
          z-index: 15;
          cursor: pointer;
        }

        .video-wrapper:hover .controls-overlay {
          opacity: 1;
        }

        .error-marker {
          background: rgba(255, 69, 58, 0.15);
          border: 1px solid rgba(255, 69, 58, 0.4);
          color: #ff453a;
          padding: 4px 10px;
          border-radius: 6px;
          font-size: 11px;
          font-weight: 500;
          align-self: flex-start;
          backdrop-filter: blur(4px);
        }

        .controls-center {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 24px;
        }

        .control-btn {
          background: rgba(255, 255, 255, 0.15);
          border: 1px solid rgba(255, 255, 255, 0.1);
          color: #fff;
          width: 44px;
          height: 44px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: transform 0.2s, background 0.2s, border-color 0.2s;
          backdrop-filter: blur(8px);
        }

        .control-btn:hover {
          transform: scale(1.1);
          background: rgba(139, 92, 246, 0.2);
          border-color: rgba(139, 92, 246, 0.5);
          color: #8B5CF6;
        }

        .control-btn-large {
          width: 58px;
          height: 58px;
          background: rgba(139, 92, 246, 0.9);
          color: #000;
        }

        .control-btn-large:hover {
          background: #8B5CF6;
          box-shadow: 0 0 20px rgba(139, 92, 246, 0.5);
          color: #000;
        }

        .controls-bottom {
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        .timeline-bar {
          width: 100%;
          height: 4px;
          background: rgba(255, 255, 255, 0.2);
          border-radius: 2px;
          position: relative;
          cursor: pointer;
          transition: height 0.1s ease;
        }

        .timeline-bar:hover {
          height: 6px;
        }

        .timeline-progress {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 0%;
          background: #8B5CF6;
          border-radius: 2px;
          box-shadow: 0 0 8px #8B5CF6;
        }

        .controls-row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 11px;
          color: rgba(255,255,255,0.7);
        }

        /* Description below Video */
        .video-description {
          font-size: 16px;
          line-height: 1.6;
          color: rgba(255, 255, 255, 0.7);
          max-width: 540px;
          margin-bottom: 32px;
        }

        /* Scarcity Countdown Timer */
        .hero-countdown-timer {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 24px;
          padding: 12px 28px;
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(139, 92, 246, 0.2);
          border-radius: 20px;
          backdrop-filter: blur(12px);
          box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.4),
            inset 0 1px 1px rgba(255, 255, 255, 0.05);
        }

        .timer-title {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 11px;
          font-weight: 700;
          color: rgba(255, 255, 255, 0.6);
          letter-spacing: 0.15em;
          text-transform: uppercase;
          margin-bottom: 8px;
        }

        .timer-digits-container {
          display: flex;
          align-items: center;
          gap: 12px;
        }

        .timer-unit {
          display: flex;
          flex-direction: column;
          align-items: center;
          min-width: 44px;
        }

        .timer-val {
          font-family: 'Oswald', sans-serif;
          font-size: 32px;
          font-weight: 700;
          color: #8B5CF6;
          line-height: 1;
          text-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
        }

        .timer-lbl {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 9px;
          font-weight: 700;
          color: rgba(255, 255, 255, 0.4);
          letter-spacing: 0.05em;
          margin-top: 4px;
        }

        .timer-colon {
          font-family: 'Oswald', sans-serif;
          font-size: 28px;
          font-weight: 700;
          color: rgba(139, 92, 246, 0.6);
          line-height: 1;
          margin-top: -8px;
        }

        /* Main CTA area with Gift Box */
        .cta-container {
          position: relative;
          display: inline-flex;
          align-items: center;
          margin-bottom: 20px;
        }

        .cta-button {
          background: #8B5CF6;
          color: #000000;
          text-decoration: none;
          padding: 20px 48px;
          border-radius: 9999px;
          font-size: 18px;
          font-weight: 800;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          display: inline-flex;
          align-items: center;
          gap: 12px;
          box-shadow:
            0 8px 30px rgba(139, 92, 246, 0.35),
            0 0 20px rgba(139, 92, 246, 0.15);
          transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
          border: 1px solid rgba(255, 255, 255, 0.2);
          position: relative;
          z-index: 10;
        }

        .cta-button:hover {
          transform: translateY(-2px) scale(1.02);
          background: #8B5CF6;
          box-shadow:
            0 12px 35px rgba(139, 92, 246, 0.45),
            0 0 30px rgba(139, 92, 246, 0.3);
        }

        .cta-button:active {
          transform: translateY(1px);
        }

        /* Floating 3D Neon Gift Box */
        .floating-giftbox {
          position: absolute;
          right: -40px;
          top: -24px;
          z-index: 12;
          pointer-events: none;
          animation: float-gift 3s ease-in-out infinite;
          filter: drop-shadow(0 0 15px rgba(139, 92, 246,0.5));
        }

        .cta-subtext {
          font-size: 13px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 500;
          letter-spacing: 0.02em;
          margin-bottom: 40px;
        }

        .cta-subtext span {
          color: #8B5CF6;
          font-weight: 700;
        }

        /* Floating Glass 3D Assets (Side-by-Side Video Layout) */
        .glass-asset {
          position: absolute;
          border: 1px solid rgba(139, 92, 246, 0.15);
          background: rgba(255, 255, 255, 0.02);
          backdrop-filter: blur(12px);
          border-radius: 20px;
          padding: 16px;
          box-shadow:
            0 20px 40px rgba(0,0,0,0.5),
            inset 0 1px 1px rgba(255,255,255,0.05);
          pointer-events: none;
          z-index: 5;
          width: 170px;
        }

        .glass-asset-top-left {
          left: -210px;
          top: -20px;
          animation: float-asset-3 8s ease-in-out infinite;
        }

        .glass-asset-left {
          left: -210px;
          bottom: -20px;
          animation: float-asset-1 6s ease-in-out infinite;
        }

        .glass-asset-right {
          right: -210px;
          top: -20px;
          animation: float-asset-2 7s ease-in-out infinite;
        }

        .glass-asset-bottom-right {
          right: -210px;
          bottom: -20px;
          animation: float-asset-4 9s ease-in-out infinite;
        }

        .asset-inner {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 12px;
        }

        .asset-label {
          font-size: 11px;
          text-transform: uppercase;
          color: rgba(255,255,255,0.5);
          letter-spacing: 0.1em;
          font-weight: 700;
        }

        /* Animations */
        @keyframes marquee {
          0% { transform: translateX(0); }
          100% { transform: translateX(-50%); }
        }

        @keyframes float {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-8px); }
        }

        @keyframes float-gift {
          0%, 100% { transform: translateY(0) rotate(10deg); }
          50% { transform: translateY(-12px) rotate(15deg); }
        }

        @keyframes float-asset-1 {
          0%, 100% { transform: translateY(0) rotate(-3deg); }
          50% { transform: translateY(-15px) rotate(3deg); }
        }

        @keyframes float-asset-2 {
          0%, 100% { transform: translateY(0) rotate(5deg); }
          50% { transform: translateY(-20px) rotate(-2deg); }
        }

        @keyframes float-asset-3 {
          0%, 100% { transform: translateY(0) rotate(3deg); }
          50% { transform: translateY(-18px) rotate(-3deg); }
        }

        @keyframes float-asset-4 {
          0%, 100% { transform: translateY(0) rotate(-4deg); }
          50% { transform: translateY(-22px) rotate(4deg); }
        }

        @keyframes pulse {
          0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(139, 92, 246,0.7); }
          50% { transform: scale(1.1); opacity: 0.5; box-shadow: 0 0 0 8px rgba(139, 92, 246,0); }
        }

        /* Responsive Settings - Disappear before viewport boundary collision */
        @media (max-width: 1120px) {
          .glass-asset {
            display: none;
          }
        }

        @media (max-width: 768px) {
          .hero-content {
            padding: 40px 16px 0 16px;
          }
          .main-headline {
            font-size: 38px;
          }
          .info-pill {
            font-size: 11px;
            padding: 6px 18px;
            margin-bottom: 28px;
          }
          .video-description {
            font-size: 14px;
            padding: 0 10px;
          }
          .cta-button {
            padding: 16px 36px;
            font-size: 15px;
          }
          .floating-giftbox {
            width: 50px;
            height: 50px;
            right: -24px;
            top: -20px;
          }
          .floating-badge {
            padding: 6px 8px;
            top: 10px;
            right: 10px;
          }
          .badge-text {
            font-size: 9px;
          }
          .hero-container {
            padding-top: 0 !important;
            margin-top: 0 !important;
            padding-bottom: 24px !important;
          }
          .cta-subtext {
            margin-bottom: 16px !important;
          }
          .top-ticker {
            margin-top: 0 !important;
          }
        }



        @media (max-width: 768px) {
          .stats-grid { grid-template-columns: 1fr !important; }
          section { padding: 32px 16px !important; }
        }



        .real-wins-container {
          position: relative;
          padding: 100px 20px;
          background:
            radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 60%),
            linear-gradient(180deg, #000000 0%, #080c05 50%, #000000 100%);
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          border-top: 1px solid rgba(139, 92, 246, 0.15);
          border-bottom: 1px solid rgba(139, 92, 246, 0.15);
        }

        .real-wins-content {
          max-width: 1200px;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          position: relative;
          z-index: 10;
        }

        .real-wins-headline {
          font-family: 'Oswald', sans-serif;
          font-size: 56px;
          line-height: 1.1;
          font-weight: 700;
          color: #ffffff;
          text-transform: uppercase;
          letter-spacing: 0.02em;
          text-align: center;
          margin-bottom: 60px;
        }

        .real-wins-headline span {
          color: #8B5CF6;
          text-shadow: 0 0 25px rgba(139, 92, 246, 0.35);
        }

        /* 3D Mockup Slider Layout */
        .slider-wrapper {
          position: relative;
          width: 100%;
          max-width: 950px;
          height: 520px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 30px;
        }

        .slider-track {
          position: relative;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .phone-frame {
          position: absolute;
          width: 245px;
          aspect-ratio: 9/19;
          background: rgba(20, 20, 20, 0.6);
          border: 2px solid rgba(255, 255, 255, 0.08);
          border-radius: 40px;
          padding: 10px;
          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.85);
          transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
          overflow: hidden;
          cursor: pointer;
        }

        .phone-inner {
          width: 100%;
          height: 100%;
          border-radius: 32px;
          overflow: hidden;
          position: relative;
          background: #111111;
          border: 1px solid rgba(0, 0, 0, 0.6);
        }

        .phone-screen-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
          transition: transform 0.5s;
        }

        /* 3D States */
        .phone-frame.slot-left {
          transform: translateX(-240px) scale(0.85) rotate(-6deg);
          z-index: 2;
          opacity: 0.38;
          filter: blur(1.5px);
          pointer-events: auto;
        }

        .phone-frame.slot-center {
          transform: translateX(0) scale(1.05) rotate(0deg);
          z-index: 5;
          opacity: 1;
          filter: none;
          border-color: rgba(139, 92, 246, 0.55);
          box-shadow:
            0 35px 70px -15px rgba(0, 0, 0, 0.95),
            0 0 40px rgba(139, 92, 246, 0.25);
          pointer-events: auto;
        }

        .phone-frame.slot-right {
          transform: translateX(240px) scale(0.85) rotate(6deg);
          z-index: 2;
          opacity: 0.38;
          filter: blur(1.5px);
          pointer-events: auto;
        }

        /* Hidden slides styling to avoid layout flashes */
        .phone-frame.slot-hidden {
          transform: scale(0.6);
          opacity: 0;
          z-index: 1;
          pointer-events: none;
        }

        /* Custom Navigation Arrows */
        .nav-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 54px;
          height: 54px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(255, 255, 255, 0.08);
          color: #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          z-index: 10;
          transition: all 0.3s;
        }

        .nav-btn:hover {
          background: rgba(139, 92, 246, 0.15);
          border-color: #8B5CF6;
          color: #8B5CF6;
          box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
          transform: translateY(-50%) scale(1.08);
        }

        .nav-btn.prev-btn {
          left: -40px;
        }

        .nav-btn.next-btn {
          right: -40px;
        }

        /* Dot Indicators */
        .dots-row {
          display: flex;
          justify-content: center;
          gap: 8px;
          margin-bottom: 50px;
          flex-wrap: wrap;
          max-width: 90%;
        }

        .indicator-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.2);
          cursor: pointer;
          transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .indicator-dot.active-dot {
          background: #8B5CF6;
          transform: scale(1.15);
          width: 26px;
          border-radius: 4px;
          box-shadow: 0 0 12px rgba(139, 92, 246, 0.7);
        }

        /* Bottom CTA styling */
        .wins-cta-container {
          position: relative;
          display: inline-flex;
          align-items: center;
        }

        .wins-cta-button {
          background: #8B5CF6;
          color: #000000;
          text-decoration: none;
          padding: 20px 48px;
          border-radius: 9999px;
          font-size: 18px;
          font-weight: 800;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          display: inline-flex;
          align-items: center;
          gap: 12px;
          box-shadow:
            0 8px 30px rgba(139, 92, 246, 0.35),
            0 0 20px rgba(139, 92, 246, 0.15);
          transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
          border: 1px solid rgba(255, 255, 255, 0.2);
          position: relative;
          z-index: 10;
          font-family: 'Space Grotesk', sans-serif;
        }

        .wins-cta-button:hover {
          transform: translateY(-2px) scale(1.02);
          background: #8B5CF6;
          box-shadow:
            0 12px 35px rgba(139, 92, 246, 0.45),
            0 0 30px rgba(139, 92, 246, 0.3);
        }

        .wins-floating-giftbox {
          position: absolute;
          right: -40px;
          top: -24px;
          z-index: 12;
          pointer-events: none;
          animation: wins-float-gift 3s ease-in-out infinite;
          filter: drop-shadow(0 0 15px rgba(139, 92, 246,0.5));
        }

        .wins-cta-subtext {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 13px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 500;
          letter-spacing: 0.02em;
          margin-top: 20px;
        }

        .wins-cta-subtext span {
          color: #8B5CF6;
          font-weight: 700;
        }

        @keyframes wins-float-gift {
          0%, 100% { transform: translateY(0) rotate(10deg); }
          50% { transform: translateY(-12px) rotate(15deg); }
        }

        @media (max-width: 900px) {
          .nav-btn {
            display: none; /* Swipe/dots focus on tablet/mobile */
          }
          .phone-frame.slot-left {
            transform: translateX(-140px) scale(0.78) rotate(-4deg);
            opacity: 0.25;
          }
          .phone-frame.slot-right {
            transform: translateX(140px) scale(0.78) rotate(4deg);
            opacity: 0.25;
          }
          .slider-wrapper {
            max-width: 600px;
            height: 480px;
          }
        }

        @media (max-width: 600px) {
          .real-wins-container {
            padding: 70px 16px;
          }
          .real-wins-headline {
            font-size: 38px;
            margin-bottom: 40px;
          }
          .phone-frame.slot-left, .phone-frame.slot-right {
            display: none; /* Hide left & right on tight mobile screens for ultimate clean UI */
          }
          .phone-frame.slot-center {
            transform: scale(1);
            width: 220px;
          }
          .slider-wrapper {
            height: 430px;
            margin-bottom: 44px;
          }
          .wins-cta-button {
            padding: 16px 36px;
            font-size: 15px;
          }
          .wins-floating-giftbox {
            width: 50px;
            height: 50px;
            right: -24px;
            top: -20px;
          }
        }



        @media (max-width: 1024px) {
          .testimonials-grid { grid-template-columns: 1fr !important; }
        }
        @media (max-width: 640px) {
          section { padding: 96px 16px !important; }
        }



        @media (max-width: 1024px) {
          .results-grid { grid-template-columns: 1fr !important; gap: 48px !important; padding: 0 16px !important; }
          .results-grid > div { order: unset !important; }
        }



        @media (max-width: 1024px) {
          .results-grid { grid-template-columns: 1fr !important; gap: 48px !important; padding: 0 16px !important; }
          .results-grid > div { order: unset !important; }
        }



        @media (max-width: 1024px) {
          .results-grid { grid-template-columns: 1fr !important; gap: 48px !important; padding: 0 16px !important; }
          .results-grid > div { order: unset !important; }
        }



        .why-join-container {
          position: relative;
          padding: 96px 40px;
          background:
            radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.98) 0%, rgba(5, 8, 4, 0.9) 50%, rgba(0, 0, 0, 0.98) 100%),
            url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?q=80&w=1600&auto=format&fit=crop');
          background-size: cover;
          background-position: center;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          border-top: 1px solid rgba(139, 92, 246, 0.15);
          border-bottom: 1px solid rgba(139, 92, 246, 0.15);
        }

        .why-join-content {
          max-width: 680px;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          position: relative;
          z-index: 10;
        }

        .why-join-headline {
          font-family: 'Oswald', sans-serif;
          font-size: 48px;
          line-height: 1.1;
          font-weight: 700;
          color: #ffffff;
          text-transform: uppercase;
          letter-spacing: 0.01em;
          text-align: center;
          margin-bottom: 64px;
          text-shadow: 0 0 15px rgba(139, 92, 246, 0.2);
        }

        .reasons-list {
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 36px;
          margin-bottom: 64px;
          text-align: left;
        }

        .reason-item {
          border-left: 4px solid #8B5CF6;
          padding-left: 20px;
          box-shadow: -10px 0 20px -10px rgba(139, 92, 246, 0.3);
          transition: transform 0.2s, box-shadow 0.2s;
        }

        .reason-item:hover {
          transform: translateX(4px);
          box-shadow: -10px 0 25px -5px rgba(139, 92, 246, 0.5);
        }

        .reason-text {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 18px;
          line-height: 1.6;
          color: rgba(255, 255, 255, 0.85);
          font-weight: 400;
        }

        .reason-text strong {
          color: #ffffff;
          font-weight: 700;
          text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
        }

        /* Bottom CTA */
        .why-join-cta-container {
          position: relative;
          display: inline-flex;
          align-items: center;
          margin-top: 16px;
        }

        .why-join-cta-button {
          background: #8B5CF6;
          color: #000000;
          text-decoration: none;
          padding: 20px 48px;
          border-radius: 9999px;
          font-size: 18px;
          font-weight: 800;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          display: inline-flex;
          align-items: center;
          gap: 12px;
          box-shadow:
            0 8px 30px rgba(139, 92, 246, 0.35),
            0 0 20px rgba(139, 92, 246, 0.15);
          transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
          border: 1px solid rgba(255, 255, 255, 0.2);
          position: relative;
          z-index: 10;
        }

        .why-join-cta-button:hover {
          transform: translateY(-2px) scale(1.02);
          background: #8B5CF6;
          box-shadow:
            0 12px 35px rgba(139, 92, 246, 0.45),
            0 0 30px rgba(139, 92, 246, 0.3);
        }

        .why-join-floating-giftbox {
          position: absolute;
          right: -40px;
          top: -24px;
          z-index: 12;
          pointer-events: none;
          animation: why-join-float-gift 3s ease-in-out infinite;
          filter: drop-shadow(0 0 15px rgba(139, 92, 246,0.5));
        }

        .why-join-cta-subtext {
          font-size: 13px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 500;
          letter-spacing: 0.02em;
          margin-top: 20px;
        }

        .why-join-cta-subtext span {
          color: #8B5CF6;
          font-weight: 700;
        }

        @keyframes why-join-float-gift {
          0%, 100% { transform: translateY(0) rotate(10deg); }
          50% { transform: translateY(-12px) rotate(15deg); }
        }

        @media (max-width: 768px) {
          .why-join-container {
            padding: 80px 16px;
          }
          .why-join-headline {
            font-size: 36px;
            margin-bottom: 48px;
          }
          .reason-text {
            font-size: 15px;
          }
          .why-join-cta-button {
            padding: 16px 36px;
            font-size: 15px;
          }
          .why-join-floating-giftbox {
            width: 50px;
            height: 50px;
            right: -24px;
            top: -20px;
          }
        }



        @media (max-width: 1024px) {
          .features-grid { grid-template-columns: repeat(2, 1fr) !important; }
        }
        @media (max-width: 640px) {
          .features-grid { grid-template-columns: 1fr !important; }
          section { padding: 96px 16px !important; }
        }



        @media (max-width: 1024px) {
          .steps-grid { grid-template-columns: repeat(2, 1fr) !important; }
        }
        @media (max-width: 640px) {
          .steps-grid { grid-template-columns: 1fr !important; }
          section { padding: 96px 16px !important; }
        }



        @media (max-width: 1024px) {
          .pricing-grid { grid-template-columns: 1fr !important; }
          .pricing-grid > div { transform: scale(1) !important; }
          section { padding: 96px 16px !important; }
        }



        @media (max-width: 640px) {
          section { padding: 96px 16px !important; }
        }



        .contact-container {
          position: relative;
          padding: 96px 40px;
          background:
            radial-gradient(circle at 10% 20%, rgba(139, 92, 246, 0.05) 0%, transparent 40%),
            radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.05) 0%, transparent 40%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.98) 0%, rgba(6, 10, 5, 0.95) 50%, rgba(0, 0, 0, 0.98) 100%);
          overflow: hidden;
          border-top: 1px solid rgba(139, 92, 246, 0.15);
          border-bottom: 1px solid rgba(139, 92, 246, 0.15);
          display: flex;
          justify-content: center;
        }

        .contact-content {
          max-width: 1200px;
          width: 100%;
          display: grid;
          grid-template-columns: 1fr 1.2fr;
          gap: 80px;
          position: relative;
          z-index: 10;
        }

        /* Left Column Info */
        .contact-info-col {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }

        .contact-pretitle {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 14px;
          font-weight: 700;
          color: #8B5CF6;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          margin-bottom: 16px;
        }

        .contact-headline {
          font-family: 'Oswald', sans-serif;
          font-size: 48px;
          line-height: 1.1;
          font-weight: 700;
          color: #ffffff;
          text-transform: uppercase;
          margin-bottom: 24px;
          text-shadow: 0 0 15px rgba(139, 92, 246, 0.2);
        }

        .contact-description {
          font-family: 'Hanken Grotesk', sans-serif;
          font-size: 16px;
          line-height: 1.6;
          color: rgba(255, 255, 255, 0.7);
          margin-bottom: 40px;
        }

        .contact-methods {
          display: flex;
          flex-direction: column;
          gap: 24px;
          margin-bottom: 40px;
        }

        .method-card {
          display: flex;
          align-items: flex-start;
          gap: 20px;
          padding: 20px;
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(255, 255, 255, 0.05);
          border-radius: 12px;
          transition: border-color 0.3s, box-shadow 0.3s;
        }

        .method-card:hover {
          border-color: rgba(139, 92, 246, 0.3);
          box-shadow: 0 0 15px rgba(139, 92, 246, 0.08);
        }

        .method-icon-box {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 48px;
          height: 48px;
          border-radius: 10px;
          background: rgba(139, 92, 246, 0.1);
          color: #8B5CF6;
        }

        .method-details h4 {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 16px;
          font-weight: 700;
          color: #ffffff;
          margin: 0 0 4px 0;
        }

        .method-details p {
          font-family: 'Hanken Grotesk', sans-serif;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.6);
          margin: 0;
        }

        .method-details a {
          color: #8B5CF6;
          text-decoration: none;
          font-weight: 600;
          transition: text-decoration 0.2s;
        }

        .method-details a:hover {
          text-decoration: underline;
        }

        .concierge-badge {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 8px 16px;
          border-radius: 20px;
          background: rgba(139, 92, 246, 0.08);
          border: 1px solid rgba(139, 92, 246, 0.2);
          width: fit-content;
        }

        .concierge-badge-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #8B5CF6;
          box-shadow: 0 0 8px #8B5CF6;
          animation: badge-pulse 1.8s infinite;
        }

        .concierge-badge-text {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 12px;
          font-weight: 600;
          color: #8B5CF6;
          letter-spacing: 0.05em;
          text-transform: uppercase;
        }

        /* Right Column Form (Glassmorphism) */
        .contact-form-col {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .glass-form-card {
          width: 100%;
          background: rgba(255, 255, 255, 0.02);
          backdrop-filter: blur(12px);
          border: 1px solid rgba(255, 255, 255, 0.05);
          border-radius: 24px;
          padding: 48px;
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
          position: relative;
        }

        .glass-form-card::after {
          content: '';
          position: absolute;
          inset: 0;
          border-radius: 24px;
          padding: 1px;
          background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(139, 92, 246,0.1) 50%, rgba(0,0,0,0) 100%);
          -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          -webkit-mask-composite: xor;
          mask-composite: exclude;
          pointer-events: none;
        }

        .form-group {
          margin-bottom: 24px;
          position: relative;
        }

        .form-label {
          display: block;
          font-family: 'Space Grotesk', sans-serif;
          font-size: 13px;
          font-weight: 600;
          color: rgba(255, 255, 255, 0.8);
          margin-bottom: 8px;
          letter-spacing: 0.03em;
        }

        .form-label span {
          color: #8B5CF6;
          margin-left: 2px;
        }

        .form-input {
          width: 100%;
          background: rgba(0, 0, 0, 0.4);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 12px;
          padding: 14px 18px;
          color: #ffffff;
          font-family: 'Hanken Grotesk', sans-serif;
          font-size: 15px;
          transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s;
          outline: none;
        }

        .form-input:focus {
          border-color: #8B5CF6;
          background: rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 12px rgba(139, 92, 246, 0.15);
        }

        .form-input::placeholder {
          color: rgba(255, 255, 255, 0.3);
        }

        .form-textarea {
          resize: vertical;
          min-height: 120px;
        }

        .error-message {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 13px;
          color: #ffb4ab;
          margin-bottom: 20px;
          display: flex;
          align-items: center;
          gap: 6px;
        }

        .submit-btn {
          width: 100%;
          background: #8B5CF6;
          color: #000000;
          font-family: 'Space Grotesk', sans-serif;
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          padding: 16px;
          border: none;
          border-radius: 12px;
          cursor: pointer;
          transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          box-shadow: 0 4px 20px rgba(139, 92, 246, 0.25);
        }

        .submit-btn:hover:not(:disabled) {
          transform: translateY(-2px);
          background: #8B5CF6;
          box-shadow: 0 6px 25px rgba(139, 92, 246, 0.4);
        }

        .submit-btn:active:not(:disabled) {
          transform: translateY(0);
        }

        .submit-btn:disabled {
          opacity: 0.6;
          cursor: not-allowed;
        }

        /* Success State */
        .success-state {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 40px 0;
        }

        .success-circle {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          background: rgba(139, 92, 246, 0.1);
          border: 2px solid #8B5CF6;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #8B5CF6;
          margin-bottom: 24px;
          box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
          animation: scale-up 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .success-title {
          font-family: 'Oswald', sans-serif;
          font-size: 28px;
          color: #ffffff;
          margin-bottom: 12px;
        }

        .success-text {
          font-family: 'Hanken Grotesk', sans-serif;
          font-size: 15px;
          color: rgba(255, 255, 255, 0.6);
          max-width: 320px;
          line-height: 1.5;
        }

        @keyframes badge-pulse {
          0%, 100% { opacity: 0.6; transform: scale(1); }
          50% { opacity: 1; transform: scale(1.15); }
        }

        @keyframes scale-up {
          from { transform: scale(0.6); opacity: 0; }
          to { transform: scale(1); opacity: 1; }
        }

        @media (max-width: 968px) {
          .contact-content {
            grid-template-columns: 1fr;
            gap: 56px;
          }
          .contact-info-col {
            align-items: center;
            text-align: center;
          }
          .method-card {
            text-align: left;
            width: 100%;
            max-width: 500px;
          }
          .glass-form-card {
            padding: 32px;
          }
        }

        @media (max-width: 480px) {
          .contact-container {
            padding: 64px 16px;
          }
          .contact-headline {
            font-size: 36px;
          }
          .glass-form-card {
            padding: 24px 16px;
          }
        }



        @keyframes spin {
          from { transform: rotate(0deg); }
          to { transform: rotate(360deg); }
        }



        .disclaimer-section {
          position: relative;
          background: #000000;
          overflow: hidden;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-bottom: 80px;
          border-top: 1px solid rgba(139, 92, 246, 0.12);
        }

        /* Spotlight Glow at the Top */
        .disclaimer-top-glow {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 380px;
          height: 120px;
          background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
          filter: blur(40px);
          pointer-events: none;
          z-index: 5;
        }

        /* Cyber Stadium / Digital Track Background */
        .stadium-bg {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          pointer-events: none;
          z-index: 1;
          opacity: 0.15;
          display: flex;
          justify-content: space-between;
          padding: 0 4%;
        }

        .stadium-arch-left, .stadium-arch-right {
          width: 280px;
          height: 100%;
          border-left: 2px solid #8B5CF6;
          border-right: 2px solid rgba(139, 92, 246, 0.2);
          position: relative;
        }

        .stadium-arch-left {
          transform: skewX(12deg);
          border-radius: 0 40px 0 0;
          background: linear-gradient(90deg, rgba(139, 92, 246, 0.03) 0%, transparent 100%);
        }

        .stadium-arch-right {
          transform: skewX(-12deg);
          border-radius: 40px 0 0 0;
          background: linear-gradient(-90deg, rgba(139, 92, 246, 0.03) 0%, transparent 100%);
        }

        /* Center Content */
        .disclaimer-content {
          position: relative;
          z-index: 10;
          max-width: 820px;
          width: 100%;
          padding: 60px 24px 20px 24px;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        .disclaimer-logo-text {
          font-family: 'Oswald', sans-serif;
          font-size: 42px;
          font-weight: 700;
          color: #8B5CF6;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          text-shadow: 0 0 20px rgba(139, 92, 246, 0.35);
          margin-bottom: 12px;
          transition: transform 0.3s ease;
          cursor: default;
        }

        .disclaimer-logo-text:hover {
          transform: scale(1.03);
        }

        .disclaimer-copyright {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 14px;
          font-weight: 500;
          color: rgba(255, 255, 255, 0.6);
          margin-bottom: 40px;
          letter-spacing: 0.02em;
        }

        .disclaimer-title {
          font-family: 'Oswald', sans-serif;
          font-size: 26px;
          font-weight: 700;
          text-transform: uppercase;
          color: #ffffff;
          margin-bottom: 20px;
          letter-spacing: 0.05em;
        }

        .disclaimer-text {
          font-family: 'Space Grotesk', sans-serif;
          font-size: 13px;
          line-height: 1.75;
          color: rgba(255, 255, 255, 0.45);
          font-weight: 400;
          max-width: 780px;
          margin-bottom: 60px;
        }

        /* Bottom CTA Button & Gift */
        .disclaimer-cta-wrapper {
          position: relative;
          display: inline-flex;
          align-items: center;
          margin-top: 10px;
        }

        .disclaimer-cta-btn {
          background: #8B5CF6;
          color: #000000;
          text-decoration: none;
          padding: 20px 54px;
          border-radius: 9999px;
          font-size: 18px;
          font-weight: 800;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          display: inline-flex;
          align-items: center;
          gap: 12px;
          box-shadow:
            0 8px 30px rgba(139, 92, 246, 0.35),
            0 0 20px rgba(139, 92, 246, 0.15);
          transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
          border: 1px solid rgba(255, 255, 255, 0.2);
          position: relative;
          z-index: 10;
          font-family: 'Space Grotesk', sans-serif;
        }

        .disclaimer-cta-btn:hover {
          transform: translateY(-2px) scale(1.02);
          background: #8B5CF6;
          box-shadow:
            0 12px 35px rgba(139, 92, 246, 0.45),
            0 0 30px rgba(139, 92, 246, 0.3);
        }

        .disclaimer-floating-gift {
          position: absolute;
          right: -35px;
          top: -24px;
          z-index: 12;
          pointer-events: none;
          animation: disclaimer-gift-bounce 3s ease-in-out infinite;
          filter: drop-shadow(0 0 15px rgba(139, 92, 246, 0.45));
        }

        @keyframes disclaimer-gift-bounce {
          0%, 100% { transform: translateY(0) rotate(8deg); }
          50% { transform: translateY(-10px) rotate(14deg); }
        }

        @media (max-width: 768px) {
          .disclaimer-logo-text {
            font-size: 34px;
          }
          .disclaimer-title {
            font-size: 22px;
          }
          .disclaimer-text {
            font-size: 12px;
            line-height: 1.65;
            margin-bottom: 40px;
          }
          .disclaimer-cta-btn {
            padding: 16px 36px;
            font-size: 15px;
          }
          .disclaimer-floating-gift {
            width: 48px;
            height: 48px;
            right: -20px;
            top: -18px;
          }
          .stadium-bg {
            display: none;
          }
        }



        a:hover .fab-tooltip { opacity: 1 !important; }