/* 3D Tilt Effect and Blue Accents */

/* Enhanced Glows */
.glow-effect {
    position: relative;
    z-index: 1;
}

.glow-effect::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, var(--accent-blue), transparent, var(--accent-blue));
    z-index: -1;
    filter: blur(10px);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 4px;
}

.glow-effect:hover::before {
    opacity: 0.25;
    /* Thinned out glow */
}

/* Feature Icons in Blue */
/* Feature Icons in White (cleaner) */
.feature-icon {
    color: var(--text-primary);
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}

/* 3D Tilt Container */
.company-card {
    transform-style: preserve-3d;
    perspective: 1000px;
    will-change: transform;
}

.card-content {
    transform: translateZ(20px);
    /* Brings content forward */
}

/* Blue Borders on Hover */
.company-card:hover {
    border-color: var(--accent-blue);
    box-shadow: 0 10px 40px var(--accent-glow);
}

/* Scroll Animations - 3D Reveal */
.reveal-3d {
    opacity: 0;
    transform: perspective(1000px) rotateX(20deg) translateY(50px);
    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.reveal-3d.visible {
    opacity: 1;
    transform: perspective(1000px) rotateX(0) translateY(0);
}

/* Hero Particles - Tint Blue */
/* Hero Particles - Subtle Grey */
.particles {
    opacity: 0.2;
    background-image:
        radial-gradient(var(--particle-color) 1px, transparent 1px),
        radial-gradient(var(--particle-color) 1px, transparent 1px);
}