#premium-animation-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20vh;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

.premium-element {
    position: absolute;
    opacity: 0;
}

/* Trail effect for all elements */
.premium-element::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200%;
    top: -100%;
    left: 0;
    background: linear-gradient(to bottom, transparent, currentColor, transparent);
    opacity: 0.3;
    filter: blur(8px);
    pointer-events: none;
}

/* DESIGN 1: Elegant Rising Lines */
.design1 .elegant-line {
    width: 4px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 2px;
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, inset 0 0 10px rgba(255,255,255,0.5);
}

.design1 .elegant-line.animate {
    animation: elegant-rise 3s ease-out forwards;
}

@keyframes elegant-rise {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        filter: blur(4px);
    }
    15% {
        height: 60px;
        bottom: 12vh;
        opacity: 1;
        filter: blur(0);
    }
    35% {
        height: 80px;
        bottom: 10vh;
        opacity: 1;
    }
    70% {
        height: 100px;
        bottom: 5vh;
        opacity: 0.9;
    }
    100% {
        height: 140px;
        bottom: -140px;
        opacity: 0;
        filter: blur(3px);
    }
}

/* DESIGN 2: Floating Diamonds Cascade */
.design2 .diamond {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transform: rotate(45deg);
    border: 2px solid;
    box-shadow: 0 0 15px currentColor, 0 0 30px currentColor, inset 0 0 15px rgba(255,255,255,0.4);
}

.design2 .diamond.animate {
    animation: diamond-float 3.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes diamond-float {
    0% {
        bottom: 0;
        opacity: 0;
        transform: rotate(45deg) scale(0.3);
        filter: blur(5px);
    }
    20% {
        bottom: 14vh;
        opacity: 1;
        transform: rotate(225deg) scale(1);
        filter: blur(0);
    }
    50% {
        bottom: 10vh;
        opacity: 1;
        transform: rotate(405deg) scale(1);
    }
    100% {
        bottom: -50px;
        opacity: 0;
        transform: rotate(585deg) scale(0.8);
        filter: blur(4px);
    }
}

/* DESIGN 3: Luminous Wave Flow */
.design3 .wave-bar {
    width: 6px;
    height: 70px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 3px;
    box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, inset 0 0 12px rgba(255,255,255,0.6);
}

.design3 .wave-bar.animate {
    animation: wave-flow 3.2s ease-in-out forwards;
}

@keyframes wave-flow {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(0) rotate(-10deg) scaleY(0.5);
    }
    25% {
        bottom: 13vh;
        opacity: 1;
        transform: translateX(15px) rotate(-10deg) scaleY(1);
    }
    50% {
        bottom: 10vh;
        opacity: 1;
        transform: translateX(-15px) rotate(-10deg) scaleY(1);
    }
    75% {
        bottom: 6vh;
        opacity: 0.9;
        transform: translateX(10px) rotate(-10deg) scaleY(1);
    }
    100% {
        bottom: -80px;
        opacity: 0;
        transform: translateX(0) rotate(-10deg) scaleY(1.2);
    }
}

/* DESIGN 4: Crystal Prism Descent */
.design4 .prism {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 32px solid;
    position: absolute;
    bottom: 0;
    opacity: 0;
    filter: drop-shadow(0 0 15px currentColor) drop-shadow(0 0 30px currentColor);
}

.design4 .prism::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 26px solid rgba(255,255,255,0.3);
    left: -15px;
    top: 3px;
}

.design4 .prism.animate {
    animation: prism-fall 3.3s ease-out forwards;
}

@keyframes prism-fall {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(-50%) rotate(0deg) scale(0.5);
    }
    20% {
        bottom: 14vh;
        opacity: 1;
        transform: translateX(-50%) rotate(180deg) scale(1);
    }
    60% {
        bottom: 8vh;
        opacity: 1;
        transform: translateX(-50%) rotate(360deg) scale(1);
    }
    100% {
        bottom: -50px;
        opacity: 0;
        transform: translateX(-50%) rotate(540deg) scale(0.9);
    }
}

/* DESIGN 5: Silk Ribbon Dance */
.design5 .ribbon {
    width: 8px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 4px;
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, inset 0 0 10px rgba(255,255,255,0.5);
}

.design5 .ribbon.animate {
    animation: ribbon-dance 3.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) forwards;
}

@keyframes ribbon-dance {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        transform: translateX(0) rotateZ(0deg);
        width: 8px;
    }
    15% {
        height: 50px;
        bottom: 13vh;
        opacity: 1;
        transform: translateX(20px) rotateZ(15deg);
        width: 12px;
    }
    35% {
        height: 65px;
        bottom: 11vh;
        opacity: 1;
        transform: translateX(-15px) rotateZ(-10deg);
        width: 8px;
    }
    55% {
        height: 75px;
        bottom: 8vh;
        opacity: 1;
        transform: translateX(10px) rotateZ(8deg);
        width: 10px;
    }
    75% {
        height: 85px;
        bottom: 4vh;
        opacity: 0.9;
        transform: translateX(-5px) rotateZ(-5deg);
        width: 8px;
    }
    100% {
        height: 110px;
        bottom: -110px;
        opacity: 0;
        transform: translateX(0) rotateZ(0deg);
        width: 8px;
    }
}

/* DESIGN 6: Neon Blade Rush */
.design6 .blade {
    width: 5px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 2.5px;
    box-shadow: 0 0 30px currentColor, 0 0 60px currentColor, 0 0 90px currentColor, inset 0 0 15px rgba(255,255,255,0.7);
}

.design6 .blade.animate {
    animation: blade-rush 2.8s ease-in forwards;
}

@keyframes blade-rush {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        filter: blur(6px) brightness(1.5);
    }
    10% {
        height: 40px;
        bottom: 15vh;
        opacity: 1;
        filter: blur(0) brightness(1.3);
    }
    30% {
        height: 70px;
        bottom: 12vh;
        opacity: 1;
        filter: blur(0) brightness(1.2);
    }
    60% {
        height: 90px;
        bottom: 7vh;
        opacity: 1;
        filter: blur(0) brightness(1.1);
    }
    100% {
        height: 130px;
        bottom: -130px;
        opacity: 0;
        filter: blur(5px) brightness(1);
    }
}

/* DESIGN 7: Geometric Harmony Fall */
.design7 .geo-shape {
    width: 28px;
    height: 28px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border: 3px solid;
    border-radius: 4px;
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, inset 0 0 12px rgba(255,255,255,0.5);
}

.design7 .geo-shape.animate {
    animation: geo-harmony 3.4s ease-out forwards;
}

@keyframes geo-harmony {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(-50%) rotate(0deg) scale(0.4);
        border-radius: 4px;
    }
    25% {
        bottom: 13vh;
        opacity: 1;
        transform: translateX(-50%) rotate(90deg) scale(1);
        border-radius: 50%;
    }
    50% {
        bottom: 10vh;
        opacity: 1;
        transform: translateX(-50%) rotate(180deg) scale(1);
        border-radius: 4px;
    }
    75% {
        bottom: 6vh;
        opacity: 0.9;
        transform: translateX(-50%) rotate(270deg) scale(1);
        border-radius: 50%;
    }
    100% {
        bottom: -45px;
        opacity: 0;
        transform: translateX(-50%) rotate(360deg) scale(0.8);
        border-radius: 4px;
    }
}

/* DESIGN 8: Aurora Stream */
.design8 .aurora {
    width: 6px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 3px;
    box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, 0 0 75px currentColor, inset 0 0 12px rgba(255,255,255,0.6);
}

.design8 .aurora.animate {
    animation: aurora-stream 3.6s ease-in-out forwards;
}

@keyframes aurora-stream {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        filter: blur(8px) hue-rotate(0deg) brightness(1.4);
    }
    20% {
        height: 60px;
        bottom: 13vh;
        opacity: 1;
        filter: blur(2px) hue-rotate(10deg) brightness(1.3);
    }
    40% {
        height: 75px;
        bottom: 11vh;
        opacity: 1;
        filter: blur(0) hue-rotate(-10deg) brightness(1.2);
    }
    60% {
        height: 85px;
        bottom: 8vh;
        opacity: 1;
        filter: blur(1px) hue-rotate(10deg) brightness(1.15);
    }
    100% {
        height: 120px;
        bottom: -120px;
        opacity: 0;
        filter: blur(6px) hue-rotate(0deg) brightness(1);
    }
}

/* DESIGN 9: Liquid Mercury Drop */
.design9 .mercury {
    width: 10px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 50% 50% 0 0;
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, inset 0 0 15px rgba(255,255,255,0.7);
}

.design9 .mercury.animate {
    animation: mercury-drop 3.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes mercury-drop {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        width: 10px;
        border-radius: 50%;
        filter: blur(4px);
    }
    15% {
        height: 35px;
        bottom: 14vh;
        opacity: 1;
        width: 15px;
        border-radius: 50% 50% 40% 40%;
        filter: blur(0);
    }
    30% {
        height: 50px;
        bottom: 12vh;
        opacity: 1;
        width: 12px;
        border-radius: 50% 50% 30% 30%;
    }
    50% {
        height: 65px;
        bottom: 9vh;
        opacity: 1;
        width: 14px;
        border-radius: 50% 50% 35% 35%;
    }
    70% {
        height: 80px;
        bottom: 5vh;
        opacity: 0.9;
        width: 11px;
        border-radius: 50% 50% 25% 25%;
    }
    100% {
        height: 100px;
        bottom: -100px;
        opacity: 0;
        width: 10px;
        border-radius: 50% 50% 0 0;
        filter: blur(3px);
    }
}

/* DESIGN 10: Prismatic Ray Burst */
.design10 .ray {
    width: 3px;
    height: 0;
    position: absolute;
    bottom: 18vh;
    opacity: 0;
    border-radius: 1.5px;
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, 0 0 60px currentColor, inset 0 0 10px rgba(255,255,255,0.8);
}

.design10 .ray.animate {
    animation: ray-burst 2.5s ease-out forwards;
}

@keyframes ray-burst {
    0% {
        height: 0;
        bottom: 18vh;
        opacity: 0;
        filter: blur(5px) brightness(2);
    }
    20% {
        height: 50px;
        bottom: 16vh;
        opacity: 1;
        filter: blur(0) brightness(1.5);
    }
    50% {
        height: 80px;
        bottom: 12vh;
        opacity: 1;
        filter: blur(0) brightness(1.3);
    }
    100% {
        height: 120px;
        bottom: -120px;
        opacity: 0;
        filter: blur(4px) brightness(1);
    }
}

/* DESIGN 11: Stellar Trail Cascade */
.design11 .stellar {
    width: 5px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 2.5px;
    box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, 0 0 75px currentColor, inset 0 0 12px rgba(255,255,255,0.7);
}

.design11 .stellar.animate {
    animation: stellar-cascade 3.5s linear forwards;
}

@keyframes stellar-cascade {
    0% {
        height: 0;
        bottom: 19vh;
        opacity: 0;
        filter: blur(6px) brightness(1.8);
    }
    10% {
        height: 40px;
        bottom: 18vh;
        opacity: 1;
        filter: blur(1px) brightness(1.5);
    }
    30% {
        height: 70px;
        bottom: 14vh;
        opacity: 1;
        filter: blur(0) brightness(1.3);
    }
    60% {
        height: 100px;
        bottom: 8vh;
        opacity: 1;
        filter: blur(0) brightness(1.2);
    }
    100% {
        height: 140px;
        bottom: -140px;
        opacity: 0;
        filter: blur(5px) brightness(1);
    }
}

/* DESIGN 12: Floating Gems */
.design12 .gem {
    width: 24px;
    height: 28px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    clip-path: polygon(50% 0%, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
    border: 2px solid rgba(255,255,255,0.4);
    box-shadow: 0 0 20px currentColor, 0 0 40px currentColor, inset 0 0 15px rgba(255,255,255,0.5);
}

.design12 .gem.animate {
    animation: gem-float 3.6s ease-out forwards;
}

@keyframes gem-float {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(-50%) rotate(0deg) scale(0.5);
        filter: blur(5px);
    }
    20% {
        bottom: 14vh;
        opacity: 1;
        transform: translateX(-50%) rotate(120deg) scale(1);
        filter: blur(0);
    }
    50% {
        bottom: 11vh;
        opacity: 1;
        transform: translateX(-50%) rotate(240deg) scale(1);
    }
    80% {
        bottom: 5vh;
        opacity: 0.9;
        transform: translateX(-50%) rotate(360deg) scale(1);
    }
    100% {
        bottom: -45px;
        opacity: 0;
        transform: translateX(-50%) rotate(480deg) scale(0.8);
        filter: blur(4px);
    }
}

/* DESIGN 13: Holographic Drift */
.design13 .holo {
    width: 7px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 3.5px;
    box-shadow: 0 0 30px currentColor, 0 0 60px currentColor, inset 0 0 15px rgba(255,255,255,0.6);
}

.design13 .holo.animate {
    animation: holo-drift 3.4s ease-in-out forwards;
}

@keyframes holo-drift {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        transform: translateX(0) rotateZ(0deg);
        filter: blur(6px) hue-rotate(0deg) saturate(1.5);
    }
    20% {
        height: 55px;
        bottom: 13vh;
        opacity: 1;
        transform: translateX(25px) rotateZ(20deg);
        filter: blur(0) hue-rotate(30deg) saturate(1.4);
    }
    40% {
        height: 70px;
        bottom: 10vh;
        opacity: 1;
        transform: translateX(-20px) rotateZ(-15deg);
        filter: blur(0) hue-rotate(-30deg) saturate(1.3);
    }
    60% {
        height: 80px;
        bottom: 7vh;
        opacity: 1;
        transform: translateX(15px) rotateZ(10deg);
        filter: blur(0) hue-rotate(20deg) saturate(1.2);
    }
    100% {
        height: 105px;
        bottom: -105px;
        opacity: 0;
        transform: translateX(0) rotateZ(0deg);
        filter: blur(5px) hue-rotate(0deg) saturate(1);
    }
}

/* DESIGN 14: Diamond Rain */
.design14 .rain-diamond {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 19vh;
    opacity: 0;
    transform: rotate(45deg);
    border: 2px solid;
    box-shadow: 0 0 15px currentColor, 0 0 30px currentColor, inset 0 0 10px rgba(255,255,255,0.5);
}

.design14 .rain-diamond.animate {
    animation: diamond-rain 2.2s ease-in forwards;
}

@keyframes diamond-rain {
    0% {
        bottom: 19vh;
        opacity: 0;
        transform: rotate(45deg) scale(0.5);
        filter: blur(4px);
    }
    20% {
        bottom: 17vh;
        opacity: 1;
        transform: rotate(135deg) scale(1);
        filter: blur(0);
    }
    100% {
        bottom: -35px;
        opacity: 0;
        transform: rotate(315deg) scale(1.1);
        filter: blur(3px);
    }
}

/* DESIGN 15: Gradient Helix */
.design15 .helix {
    width: 6px;
    height: 60px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 3px;
    box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, inset 0 0 12px rgba(255,255,255,0.6);
}

.design15 .helix.animate {
    animation: helix-twist 3.5s ease-in-out forwards;
}

@keyframes helix-twist {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(0) rotateZ(0deg) scale(0.8);
        filter: blur(5px);
    }
    20% {
        bottom: 13vh;
        opacity: 1;
        transform: translateX(30px) rotateZ(180deg) scale(1);
        filter: blur(0);
    }
    40% {
        bottom: 10vh;
        opacity: 1;
        transform: translateX(-30px) rotateZ(360deg) scale(1);
        filter: blur(0);
    }
    60% {
        bottom: 7vh;
        opacity: 1;
        transform: translateX(25px) rotateZ(540deg) scale(1);
        filter: blur(0);
    }
    100% {
        bottom: -70px;
        opacity: 0;
        transform: translateX(0) rotateZ(720deg) scale(0.9);
        filter: blur(4px);
    }
}

/* DESIGN 16: Luminous Pillars */
.design16 .pillar {
    width: 8px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 4px;
    box-shadow: 0 0 30px currentColor, 0 0 60px currentColor, 0 0 90px currentColor, inset 0 0 15px rgba(255,255,255,0.7);
}

.design16 .pillar.animate {
    animation: pillar-rise 3.2s ease-out forwards;
}

@keyframes pillar-rise {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        filter: blur(8px) brightness(1.8);
        width: 8px;
    }
    20% {
        height: 70px;
        bottom: 12vh;
        opacity: 1;
        filter: blur(0) brightness(1.4);
        width: 10px;
    }
    40% {
        height: 85px;
        bottom: 10vh;
        opacity: 1;
        filter: blur(0) brightness(1.3);
        width: 8px;
    }
    70% {
        height: 100px;
        bottom: 6vh;
        opacity: 0.9;
        filter: blur(0) brightness(1.2);
        width: 9px;
    }
    100% {
        height: 130px;
        bottom: -130px;
        opacity: 0;
        filter: blur(6px) brightness(1);
        width: 8px;
    }
}

/* DESIGN 17: Crystal Shards */
.design17 .shard {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 45px solid;
    position: absolute;
    bottom: 0;
    opacity: 0;
    filter: drop-shadow(0 0 20px currentColor) drop-shadow(0 0 40px currentColor);
}

.design17 .shard::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 38px solid rgba(255,255,255,0.4);
    left: -10px;
    top: 3px;
}

.design17 .shard.animate {
    animation: shard-fall 3.3s ease-out forwards;
}

@keyframes shard-fall {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateX(-50%) rotate(0deg) scale(0.6);
    }
    25% {
        bottom: 14vh;
        opacity: 1;
        transform: translateX(-50%) rotate(90deg) scale(1);
    }
    60% {
        bottom: 9vh;
        opacity: 1;
        transform: translateX(-50%) rotate(180deg) scale(1);
    }
    100% {
        bottom: -60px;
        opacity: 0;
        transform: translateX(-50%) rotate(270deg) scale(0.9);
    }
}

/* DESIGN 18: Ethereal Streams */
.design18 .ethereal {
    width: 5px;
    height: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 2.5px;
    box-shadow: 0 0 25px currentColor, 0 0 50px currentColor, 0 0 75px currentColor, inset 0 0 15px rgba(255,255,255,0.7);
}

.design18 .ethereal.animate {
    animation: ethereal-flow 3.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes ethereal-flow {
    0% {
        height: 0;
        bottom: 0;
        opacity: 0;
        filter: blur(10px) brightness(2);
    }
    15% {
        height: 50px;
        bottom: 14vh;
        opacity: 0.8;
        filter: blur(3px) brightness(1.6);
    }
    35% {
        height: 70px;
        bottom: 11vh;
        opacity: 1;
        filter: blur(0) brightness(1.4);
    }
    65% {
        height: 90px;
        bottom: 7vh;
        opacity: 1;
        filter: blur(0) brightness(1.2);
    }
    100% {
        height: 120px;
        bottom: -120px;
        opacity: 0;
        filter: blur(8px) brightness(1);
    }
}

/* DESIGN 19: Radiant Waves */
.design19 .radiant {
    width: 7px;
    height: 65px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    border-radius: 3.5px;
    box-shadow: 0 0 30px currentColor, 0 0 60px currentColor, inset 0 0 15px rgba(255,255,255,0.6);
}

.design19 .radiant.animate {
    animation: radiant-wave 3.3s ease-in-out forwards;
}

@keyframes radiant-wave {
    0% {
        bottom: 0;
        opacity: 0;
        transform: translateY(0) scale(0.7);
        filter: blur(7px);
    }
    20% {
        bottom: 13vh;
        opacity: 1;
        transform: translateY(-15px) scale(1);
        filter: blur(0);
    }
    40% {
        bottom: 11vh;
        opacity: 1;
        transform: translateY(15px) scale(1);
        filter: blur(0);
    }
    60% {
        bottom: 8vh;
        opacity: 1;
        transform: translateY(-10px) scale(1);
        filter: blur(0);
    }
    80% {
        bottom: 4vh;
        opacity: 0.9;
        transform: translateY(5px) scale(1);
    }
    100% {
        bottom: -75px;
        opacity: 0;
        transform: translateY(0) scale(0.9);
        filter: blur(5px);
    }
}

/* DESIGN 20: Celestial Descent */
.design20 .celestial {
    width: 6px;
    height: 0;
    position: absolute;
    bottom: 18vh;
    opacity: 0;
    border-radius: 3px;
    box-shadow: 0 0 35px currentColor, 0 0 70px currentColor, 0 0 105px currentColor, inset 0 0 18px rgba(255,255,255,0.8);
}

.design20 .celestial.animate {
    animation: celestial-fall 2.8s linear forwards;
}

@keyframes celestial-fall {
    0% {
        height: 0;
        bottom: 18vh;
        opacity: 0;
        filter: blur(8px) brightness(2.5);
    }
    15% {
        height: 45px;
        bottom: 16vh;
        opacity: 1;
        filter: blur(2px) brightness(2);
    }
    35% {
        height: 75px;
        bottom: 13vh;
        opacity: 1;
        filter: blur(0) brightness(1.6);
    }
    65% {
        height: 100px;
        bottom: 8vh;
        opacity: 1;
        filter: blur(0) brightness(1.3);
    }
    100% {
        height: 140px;
        bottom: -140px;
        opacity: 0;
        filter: blur(6px) brightness(1);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #premium-animation-container {
        height: 18vh;
    }
    
    .design2 .diamond,
    .design7 .geo-shape,
    .design12 .gem,
    .design14 .rain-diamond {
        width: 22px;
        height: 22px;
    }
}