/* Premium Animations & Glassmorphism */
    .hero-gradient {
        background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
        position: relative;
        overflow: hidden;
    }
    .hero-shape {
        position: absolute;
        border-radius: 50%;
        filter: blur(60px);
        z-index: 0;
        animation: float 6s ease-in-out infinite;
    }
    .shape-1 { background: rgba(99, 102, 241, 0.3); width: 400px; height: 400px; top: -100px; left: -100px; }
    .shape-2 { background: rgba(139, 92, 246, 0.3); width: 300px; height: 300px; bottom: -50px; right: -50px; animation-delay: -3s; }
    
    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
    }
    
    .hero-content {
        position: relative;
        z-index: 1;
    }

    .text-gradient-primary {
        background: linear-gradient(90deg, #4f46e5, #9333ea);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .glass-card {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 24px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glass-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
        background: rgba(255, 255, 255, 0.95);
    }

    .icon-box {
        width: 70px; height: 70px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.5rem;
        font-size: 1.8rem;
        transition: transform 0.3s ease;
    }
    .glass-card:hover .icon-box {
        transform: scale(1.1) rotate(5deg);
    }

    .bg-dark-premium {
        background: #0f172a;
        color: #f8fafc;
        position: relative;
    }

    .bg-dark-premium::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; height: 1px;
        background: linear-gradient(90deg, transparent, rgba(99,102,241,0.5), transparent);
    }

    .blog-card {
        border-radius: 20px;
        overflow: hidden;
        border: none;
        box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .blog-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    }
    
    .btn-glow {
        box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
        transition: all 0.3s ease;
    }
    .btn-glow:hover {
        box-shadow: 0 0 30px rgba(99, 102, 241, 0.6);
        transform: translateY(-2px);
    }