html {
            scroll-behavior: smooth;
        }
        .typewriter-text {
            overflow: hidden;
            white-space: nowrap;
            margin: 0 auto;
            width: 100%;
            max-width: 900px;
        }
        .scrolling-text {
            display: inline-block;
            animation: scrollLeft 15s linear infinite;
            padding-right: 50px;
        }
        @keyframes scrollLeft {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        .shimmer-button {
            background: linear-gradient(90deg, #1a237e, #534bae, #1a237e);
            background-size: 500px 100px;
            animation: shimmer 2.5s linear infinite;
        }
        .morph-shape {
            border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
            animation: morph 8s ease-in-out infinite;
        }
        @keyframes morph {
            0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
            50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
            100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
        }
        .particle {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 215, 0, 0.6);
            animation: float 15s infinite linear;
        }
        .glow {
            box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);
        }
        .text-glow {
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
        }
        .stagger-animation > * {
            opacity: 0;
            transform: translateY(20px);
        }
        .gradient-text {
            background: linear-gradient(90deg, #FFD700, #FFFFFF, #FFD700);
            background-size: 200% auto;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shimmer 3s linear infinite;
        }
        .interactive-card {
            transform-style: preserve-3d;
            transition: transform 0.5s;
        }
        .interactive-card:hover {
            transform: rotateY(10deg) rotateX(5deg);
        }
        .image-mask {
            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0));
            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0));
        }

    /* Fade-in animation */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
      animation: fadeInUp 0.8s ease forwards;
    }
    /* Smooth fade for gallery */
    .animate-fade-in {
      animation: fadeInUp 1s ease forwards;
    }
    /* Lightbox overlay */
    #lightbox {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.9);
      justify-content: center;
      align-items: center;
      z-index: 50;
    }
    #lightbox img {
      max-width: 90%;
      max-height: 80%;
      border-radius: 10px;
      box-shadow: 0 10px 40px rgba(255, 255, 255, 0.2);
      transition: all 0.3s ease;
    }

  /* Make sure images can’t be easily copied */
  img {
    user-select: none;
    -webkit-user-drag: none;
  }