/* 3D tilt card effects */
.tilt-card {
    position: relative;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    transform-style: preserve-3d;
    will-change: transform;
}

.tilt-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.35s ease;
    background: radial-gradient(circle at top, rgba(164, 255, 0, 0.25), transparent 60%);
}

.tilt-card[data-tilt-active="true"]::after {
    opacity: 1;
}

.tilt-card[data-tilt-active="true"] {
    box-shadow: 0 30px 55px rgba(15, 30, 64, 0.22);
}

.tilt-reset {
    transform: rotateX(0) rotateY(0) scale3d(1, 1, 1);
}

@media (prefers-reduced-motion: reduce) {
    .tilt-card {
        transition: none !important;
        transform: none !important;
    }
}