/* Custom styles & utilities */
.bg-grid-pattern {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(14, 165, 233, 0.05) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(14, 165, 233, 0.05) 1px, transparent 1px);
}
.dark .bg-grid-pattern {
    background-image: linear-gradient(to right, rgba(56, 189, 248, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(56, 189, 248, 0.03) 1px, transparent 1px);
}
.spotlight-card {
    position: relative;
    overflow: hidden;
}
.spotlight-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(14, 165, 233, 0.08), transparent 40%);
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}
.spotlight-card:hover .spotlight-overlay {
    opacity: 1;
}