.pricing-hero { 
    background: #0a0e27; 
    position: relative; 
    overflow: hidden; 
}

.pricing-card { 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.pricing-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); 
}

.popular-badge { 
    animation: pulse 2s infinite; 
}

@keyframes pulse { 
    0%, 100% { transform: scale(1); } 
    50% { transform: scale(1.05); } 
}

.duration-btn { 
    transition: all 0.3s ease; 
}

.duration-btn.active { 
    background: #667eea !important; 
    color: white !important; 
}

.comparison-table th { 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; 
    color: white !important; 
}