.text-gradient {
    background: linear-gradient(to right, #818cf8, #c084fc, #e879f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Central Hero aura (Glow effect) */
.aura-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    /* Radial gradient from blue/purple to transparent */
    background: radial-gradient(circle, rgba(99, 102, 241, 0.4) 0%, rgba(168, 85, 247, 0.1) 40%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-slow 8s infinite alternate;
}

/* Section aura (smaller and less intense) */
.section-glow {
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(80px);
    z-index: -1;
}

/* Animation for slow pulsing effect */
@keyframes pulse-slow {
    0% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.9); }
    100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
}

/* Hero image mask (fade toward bottom) */
.hero-image-container {
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* Utility for cards (lift effect on hover) */
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 40px -10px rgba(168, 85, 247, 0.2);
}