body { font-family: "Space Grotesk", sans-serif; }

    .gradient-bg {
      background: linear-gradient(135deg,#111 0%,#1b1b1b 25%,#111 50%,#2c2c2c 75%,#111 100%);
      background-size: 400% 400%;
      animation: gradientShift 15s ease infinite;
    }
    @keyframes gradientShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .gradient-text {
      background: linear-gradient(135deg,#fff 0%,#bfbfbf 50%,#fff 100%);
      background-size: 200% 200%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: textShimmer 3s ease-in-out infinite;
    }
    @keyframes textShimmer {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .glass-effect {
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
    }
    .hover-scale { transition: .3s; }
    .hover-scale:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(255,255,255,.2);
    }

    
    .burger-bar {
      transition: transform 0.4s cubic-bezier(.68,-0.55,.27,1.55), opacity 0.3s cubic-bezier(.68,-0.55,.27,1.55);
      will-change: transform, opacity;
    }
    .burger-open #burger-1 {
      transform: rotate(45deg) translateY(0.375rem);
    }
    .burger-open #burger-2 {
      opacity: 0;
      transform: scaleX(0.5);
    }
    .burger-open #burger-3 {
      transform: rotate(-45deg) translateY(-0.375rem);
    }

    
    #burger-btn .burger-bar {
      transform-origin: center;
    }

    
    #mobile-menu {
      opacity: 0;
      transform: translateY(-10px) scale(0.98);
      transition: opacity 0.25s cubic-bezier(.4,0,.2,1), transform 0.25s cubic-bezier(.4,0,.2,1);
      pointer-events: none;
    }
    #mobile-menu.menu-active {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }