.bg-grid {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, rgba(226, 232, 240, 0.6) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(226, 232, 240, 0.6) 1px, transparent 1px);
}
.glow-effect {
    position: relative;
}
.glow-effect::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to bottom right, #4F46E5, #7C3AED, transparent, transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: opacity 0.5s ease;
    opacity: 0.3;
}
.glow-effect:hover::after {
    background: linear-gradient(to bottom right, #4F46E5, #0891B2, #7C3AED, #E11D48);
    opacity: 0.8;
}
.glow-blur {
    filter: blur(120px);
}