/* Gradient text animation */
.gradient-text {
    background: linear-gradient(45deg, rgba(var(--main-accent), 1), rgba(var(--main-accent), 0.6), rgba(var(--main-accent), 1));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-shift 3s ease infinite;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Glow effect */
.glow-card {
    position: relative;
    background: linear-gradient(135deg, rgba(var(--main-accent), 0.1), rgba(var(--main-accent), 0.05));
    transition: all 0.3s ease;
}

    .glow-card::before {
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: inherit;
        opacity: 0;
        transition: opacity 0.3s ease;
        filter: blur(15px);
        z-index: -1;
    }

    .glow-card:hover::before {
        opacity: 1;
    }

    .glow-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 40px rgba(var(--main-accent), 0.3);
    }

/* Plan button animations */
.plan-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .plan-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: radial-gradient(circle, rgba(var(--main-accent), 0.3), transparent);
        transform: translate(-50%, -50%);
        transition: width 0.6s ease, height 0.6s ease;
    }

    .plan-button:hover::before {
        width: 300%;
        height: 300%;
    }

    .plan-button.selected {
        background: linear-gradient(135deg, rgba(var(--main-accent), 0.3), rgba(var(--main-accent), 0.1));
        animation: pulse 2s infinite;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--main-accent), 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(var(--main-accent), 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(var(--main-accent), 0);
    }
}

/* Premium button glow */
.premium-button {
    position: relative;
    background: linear-gradient(135deg, rgba(var(--main-accent), 1), rgba(var(--main-accent), 0.8));
    transition: all 0.3s ease;
    overflow: hidden;
}

    .premium-button::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: left 0.6s ease;
    }

    .premium-button:hover::after {
        left: 100%;
    }

    .premium-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 25px rgba(var(--main-accent), 0.6);
        background: linear-gradient(135deg, rgba(var(--main-accent), 1), rgba(var(--main-accent), 0.9));
    }

/* Feature list animations */
.feature-item {
    transition: all 0.3s ease;
}

    .feature-item:hover {
        transform: translateX(5px);
        color: rgba(var(--main-accent), 1);
    }

/* Benefit card hover */
.benefit-card {
    background: linear-gradient(135deg, rgba(var(--block), 0.5), rgba(var(--block), 0.3));
    transition: all 0.3s ease;
}

    .benefit-card:hover {
        background: linear-gradient(135deg, rgba(var(--block), 0.5), rgba(var(--main-accent), 0.2));
        transform: translateY(-5px) scale(1.02);
        box-shadow: 0 10px 30px rgba(var(--main-accent), 0.2);
    }

        .benefit-card:hover .benefit-icon {
            animation: bounce 0.6s ease;
        }

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

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

/* Popular badge animation */
.popular-badge {
    background: linear-gradient(135deg, rgba(var(--main-accent), 1), rgba(var(--danger), 1));
    animation: badge-glow 2s ease infinite;
}

@keyframes badge-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(var(--main-accent), 0.5);
    }

    50% {
        box-shadow: 0 0 20px rgba(var(--main-accent), 0.8), 0 0 30px rgba(var(--main-accent), 0.6);
    }
}

/* Icon animations */
.icon-rotate {
    transition: transform 0.3s ease;
}

    .icon-rotate:hover {
        transform: rotate(360deg);
    }


.plan-selector-button {
    background: linear-gradient(135deg, rgba(var(--block), 0.5), rgba(var(--block), 0.3));
    border-color: rgba(var(--inactive-dark), 0.3);
}

.plan-selector-button:hover {
    background: linear-gradient(135deg, rgba(var(--block), 0.6), rgba(var(--main-accent), 0.1));
    border-color: rgba(var(--main-accent), 0.5);
    transform: translateY(-2px);
}

.plan-selector-button.selected {
    background: linear-gradient(135deg, rgba(var(--main-accent), 0.2), rgba(var(--main-accent), 0.1));
    border-color: rgba(var(--main-accent), 1);
    box-shadow: 0 0 15px rgba(var(--main-accent), 0.3);
}