/* * Glow Card Component
 * A subtle spotlight effect that tracks the mouse position.
 */

.glow-card {
    position: relative;
    background: #141414;
    border: 1px solid var(--border, #2a2a2a); 
    border-radius: 20px;
    padding: 2rem;
    overflow: hidden; 
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
    z-index: 1; 
}

/* The interactive spotlight effect */
.glow-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        rgba(99, 102, 241, 0.15),
        transparent 40%
    );
    opacity: 0;
    transition: opacity 0.4s ease; 
    z-index: -1; 
    pointer-events: none;
}

.glow-card:hover {
    transform: translateY(-5px);
    border-color: rgba(99, 102, 241, 0.5);
}

.glow-card:hover::before {
    opacity: 1;
}