/* Custom animations and styles */
.spark {
    background-color: #DE4A00;
    font-family: 'Helvetica', sans-serif;
    visibility: hidden;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 30%;
    box-shadow: 0 0 5px #AB000B;
}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes lightFlare {
            0% { opacity: 0; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1.1); }
            100% { opacity: 1; transform: scale(1); }
        }
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        @keyframes dustFloat {
            0% { transform: translateY(0px) translateX(0px); opacity: 0.5; }
            50% { transform: translateY(-20px) translateX(10px); opacity: 1; }
            100% { transform: translateY(0px) translateX(0px); opacity: 0.5; }
        }
        .logo-enter {
            animation: fadeInUp 1.5s ease-out forwards;
        }
        .tagline-reveal {
            animation: lightFlare 2s ease-out 1.5s forwards;
            opacity: 0;
            text-transform: none;
           
        }
        .dust-particle {
            animation: dustFloat 6s ease-in-out infinite;
        }
          .cursor-glow {
            position: fixed;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
            border-radius: 50%;
            pointer-events: none;
            z-index: 10;
            filter: blur(10px);
            transition: opacity 0.3s ease;
        }

        @keyframes backgroundShift {
            0% { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }
            5% { background: linear-gradient(137deg, #1a1a1a 0%, #2d2d2d 100%); }
            10% { background: linear-gradient(140deg, #1b1b1b 0%, #2c2c2c 100%); }
            15% { background: linear-gradient(142deg, #1b1b1b 0%, #2c2c2c 100%); }
            20% { background: linear-gradient(145deg, #1c1c1c 0%, #2b2b2b 100%); }
            25% { background: linear-gradient(147deg, #1c1c1c 0%, #2b2b2b 100%); }
            30% { background: linear-gradient(150deg, #1d1d1d 0%, #2a2a2a 100%); }
            35% { background: linear-gradient(152deg, #1d1d1d 0%, #2a2a2a 100%); }
            40% { background: linear-gradient(155deg, #1e1e1e 0%, #292929 100%); }
            45% { background: linear-gradient(157deg, #1e1e1e 0%, #292929 100%); }
            50% { background: linear-gradient(160deg, #1f1f1f 0%, #282828 100%); }
            55% { background: linear-gradient(162deg, #1f1f1f 0%, #282828 100%); }
            60% { background: linear-gradient(165deg, #202020 0%, #272727 100%); }
            65% { background: linear-gradient(167deg, #202020 0%, #272727 100%); }
            70% { background: linear-gradient(170deg, #212121 0%, #262626 100%); }
            75% { background: linear-gradient(172deg, #212121 0%, #262626 100%); }
            80% { background: linear-gradient(175deg, #222222 0%, #252525 100%); }
            85% { background: linear-gradient(177deg, #222222 0%, #252525 100%); }
            90% { background: linear-gradient(180deg, #232323 0%, #242424 100%); }
            95% { background: linear-gradient(182deg, #232323 0%, #242424 100%); }
            100% { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); }
        }
        body {
            background-color: #13001C;
        }
        html, body {
            height: 100%;
            overflow: hidden;
        }
        .luxury-gold {
            color: #d4af37;
        }
        .primary-color-shade-1 {
            color: #1a3d5a;
        }
        .primary-color-shade-2 {
            color: #2a5a7a;
        }
        .primary-color-shade-3 {
            color: #3b6e8e;
        }
        .primary-color-shade-4 {
            color: #5d96b6;
        }
        .primary-color-shade-5 {
            color: #7fbecf;
        }