.feature-card {
    perspective: 1000px;
}

.card-ui {
    background: linear-gradient(180deg, #0f172a, #020617);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 28px;
    transform: rotateX(8deg) rotateY(-6deg);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.6),
        0 0 20px rgba(45, 212, 191, 0.12);
    transition: transform .4s ease, box-shadow .4s ease;
}

.feature-item:hover .card-ui {
    transform: rotateX(0deg) rotateY(0deg) scale(1.04);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.7),
        0 0 40px rgba(45, 212, 191, 0.25);
}