/* Motion premium — boutons magnétiques, halo curseur, parallax continu */

.magnetic-btn {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: transform;
}

.spotlight-card {
    position: relative;
    isolation: isolate;
}
.spotlight-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(420px circle at var(--sx, 50%) var(--sy, 50%), rgba(255, 255, 255, 0.14), transparent 62%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
}
.spotlight-card:hover::before { opacity: 1; }

.spotlight-card.spotlight-dark::before {
    background: radial-gradient(420px circle at var(--sx, 50%) var(--sy, 50%), rgba(37, 99, 235, 0.18), transparent 62%);
}

.bg-orb {
    transition: transform 0.05s linear;
}

@media (prefers-reduced-motion: reduce) {
    .magnetic-btn { transition: none; }
    .spotlight-card::before { display: none; }
    .bg-orb { transform: none !important; }
}