/* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: #0A0A0A;
    }

    ::-webkit-scrollbar-thumb {
      background: #333;
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #FF7A00;
    }

    .text-outline {
      -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
      color: transparent;
    }

    /* Animations */
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-out;
    }

    .reveal.active {
      opacity: 1;
      transform: translateY(0);
    }

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

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

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

    @keyframes float-ai {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-10px);
      }
    }

    @keyframes float-id {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(15px);
      }
    }

    .animate-float-ai {
      animation: float-ai 4s ease-in-out infinite;
    }

    .animate-float-id {
      animation: float-id 5s ease-in-out infinite;
    }

    /* .fade-divider {
      position: absolute;
      bottom: 93px;
      left: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(to bottom,
          rgba(255, 184, 77, 0),
          #ffb84d);
      box-shadow: 0 -6px 16px rgba(255, 184, 77, 0.3);
      z-index: 20;
    } */




       /* Advanced Geometric Background - Matching the reference "Shape" */
 

      /* Specific Hex/Poly Shape behind the text often seen in these designs */
      .header-shape::before {
        content: '';
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 200px;
        background: radial-gradient(ellipse at center, rgba(255, 140, 0, 0.15) 0%, transparent 70%);
        z-index: -1;
        pointer-events: none;
      }

      /* Trapezoid Tab Shape */
      .tab-shape {
        clip-path: polygon(15% 0, 85% 0, 100% 100%, 0% 100%);
      }

      /* Thin Brackets/Border Effect - The "Sci-Fi HUD" look */
      .card-border {
        position: relative;
        background: rgba(10, 10, 10, 0.6);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-top: none; 
        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
      }
      
      /* Corner Accents */
      .card-border::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 80%;
        background: linear-gradient(to bottom, rgba(255,140,0,0.6), transparent);
      }
      .card-border::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 80%;
        background: linear-gradient(to bottom, rgba(255,140,0,0.6), transparent);
      }
      
      /* Bottom corners */
      .corner-bl {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 10px;
         height: 10px;
         border-bottom: 2px solid rgba(255,140,0,0.4);
         border-left: 2px solid rgba(255,140,0,0.4);
      }
      .corner-br {
         position: absolute;
         bottom: 0;
         right: 0;
         width: 10px;
         height: 10px;
         border-bottom: 2px solid rgba(255,140,0,0.4);
         border-right: 2px solid rgba(255,140,0,0.4);
      }

      .no-scrollbar::-webkit-scrollbar {
        display: none;
      }
      .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }