:root {
         --glow-color-1: #FF9900;
         --glow-color-2: #B45BFF;
         --glow-color-3: #5B7BFF;
         --bg-dark: #0A0A14;
         --bg-card: #121222;
      }

      body {
         font-family: 'Inter', sans-serif;
         background-color: var(--bg-dark);
         background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23121222' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5h-9v5h-1v-5H0v-1h5v-9H0v-1h5v-9H0v-1h5v-9H0v-1h5v-9H0v-1h5v-9H0v-1h5v-9H0v-1h5v-9H0v-1h5V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm-90-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         color: #F1F5F9;
         overflow-x: hidden;
      }

      .gradient-text {
         background: linear-gradient(135deg, var(--glow-color-1), var(--glow-color-2), var(--glow-color-3));
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
      }

      .header {
         background-color: rgba(10, 10, 20, 0.8);
      }

      .glass-card {
         background: rgba(18, 18, 34, 0.6);
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
         border: 1px solid rgba(255, 255, 255, 0.1);
         border-radius: 1rem;
         transition: background 0.3s, border-color 0.3s;
      }

      .glass-card:hover {
         background: rgba(25, 25, 45, 0.7);
         border-color: rgba(180, 91, 255, 0.5);
      }

      .gradient-btn {
         background-image: linear-gradient(to right, #FF9900 0%, #B45BFF 51%, #5B7BFF 100%);
         background-size: 200% auto;
         transition: all 0.5s;
         color: white;
         box-shadow: 0 4px 15px 0 rgba(180, 91, 255, 0.3);
      }

      .gradient-btn:hover {
         background-position: right center;
         box-shadow: 0 4px 20px 0 rgba(255, 153, 0, 0.4);
      }

      .leader-card {
         background-color: var(--bg-card);
         border: 1px solid transparent;
         border-radius: 1rem;
         position: relative;
         overflow: hidden;
         transition: transform 0.3s, border-color 0.3s;
      }

      .leader-card:before {
         content: '';
         position: absolute;
         top: -50%;
         left: -50%;
         width: 200%;
         height: 200%;
         background: conic-gradient(from 180deg at 50% 50%, var(--glow-color-2), var(--glow-color-3), var(--glow-color-1), var(--glow-color-2));
         transition: transform 1s;
         opacity: 0;
         z-index: 1;
      }

      .leader-card:hover:before {
         transform: rotate(360deg);
         opacity: 1;
      }

      .leader-card:hover {
         border-color: rgba(180, 91, 255, 0.5);
         transform: translateY(-5px);
      }

      .leader-card .content {
         position: relative;
         z-index: 2;
         background-color: var(--bg-card);
         margin: 2px;
         border-radius: calc(1rem - 2px);
         padding: 1.5rem;
      }

      .event-card .date-box {
         background: linear-gradient(135deg, var(--glow-color-2), var(--glow-color-3));
      }

      /* Timeline */
      .timeline {
         position: relative;
         max-width: 1200px;
         margin: 0 auto;
      }

      .timeline::after {
         content: '';
         position: absolute;
         width: 6px;
         background-color: #27273a;
         top: 0;
         bottom: 0;
         left: 50%;
         margin-left: -3px;
         border-radius: 3px;
      }

      .timeline-container {
         padding: 10px 40px;
         position: relative;
         background-color: inherit;
         width: 50%;
      }

      .timeline-container.left {
         left: 0;
      }

      .timeline-container.right {
         left: 50%;
      }

      /* Responsive timeline */
      @media screen and (max-width: 768px) {
         .timeline::after {
            left: 31px;
         }

         .timeline-container {
            width: 100%;
            padding-left: 70px;
            padding-right: 25px;
         }

         .timeline-container.right {
            left: 0%;
         }

         .timeline-container.left::after,
         .timeline-container.right::after {
            left: 18px;
         }
      }

      .timeline-container::after {
         content: '';
         position: absolute;
         width: 25px;
         height: 25px;
         right: -12px;
         background-color: var(--bg-dark);
         border: 4px solid var(--glow-color-2);
         top: 15px;
         border-radius: 50%;
         z-index: 1;
      }

      .timeline-container.right::after {
         left: -13px;
      }

      .timeline-content {
         padding: 20px 30px;
         position: relative;
         border-radius: 6px;
      }

      /* Animation on scroll */
      .animate-on-scroll {
         opacity: 0;
         transform: translateY(30px);
         transition: opacity 0.6s ease-out, transform 0.6s ease-out;
      }

      .animate-on-scroll.is-visible {
         opacity: 1;
         transform: translateY(0);
      }

      .delay-100 {
         transition-delay: 100ms;
      }

      .delay-200 {
         transition-delay: 200ms;
      }

      .delay-300 {
         transition-delay: 300ms;
      }

      .delay-400 {
         transition-delay: 400ms;
      }

      .delay-500 {
         transition-delay: 500ms;
      }
      .hero {
         padding-bottom: 85px;
      }