/* Card Base */
.mvv-card {
    position: relative;
    padding: 42px 34px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ff 100%);
    overflow: hidden;
    transition: all .45s cubic-bezier(.22, 1, .36, 1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

/* Floating hover */
.mvv-card:hover {
    transform: translateY(-14px) scale(1.015);
    box-shadow: 0 35px 80px rgba(37, 99, 235, .18);
}

/* Animated top accent line */
.mvv-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #2563eb, #60a5fa, #2563eb);
    transition: 0.7s cubic-bezier(.22, 1, .36, 1);
}

.mvv-card:hover::before {
    left: 0;
}

/* Glass shine */
.mvv-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .65), transparent 70%);
    opacity: 0;
    transition: .7s;
}

.mvv-card:hover::after {
    opacity: .5;
}

/* Large background number */
.mvv-bg {
    position: absolute;
    bottom: 0px;
    right: 20px;
    font-size: 110px;
    font-weight: 800;
    color: #2563eb;
    opacity: .06;
    letter-spacing: -4px;
}

/* Title */
.mvv-title {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
}

/* Text */
.mvv-text {
    line-height: 1.75;
    font-size: 16px;
    max-width: 420px;
}