/* Additional responsive + animation styles */
.hero-bio-section .container {
    position: relative;
    z-index: 3;
}

.cosmic-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(236, 72, 153, 0.2), transparent 55%),
                radial-gradient(circle at 80% 30%, rgba(59, 130, 246, 0.18), transparent 60%),
                radial-gradient(circle at 50% 80%, rgba(16, 185, 129, 0.15), transparent 65%);
    opacity: 0.8;
    pointer-events: none;
}

.hero-contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.22);
}

@media (max-width: 576px) {
    .nebula {
        opacity: 0.35;
        filter: blur(3px);
    }

    .hero-particle-canvas {
        opacity: 0.6;
    }

    .hero-contact-grid {
        grid-template-columns: 1fr;
    }
}