.feature-box {
    position: relative;
    padding: 22px;
    border-radius: 22px;

    background: linear-gradient(
        135deg,
        rgba(205, 220, 255, 0.22) 0%,
        rgba(175, 195, 255, 0.26) 50%,
        rgba(150, 170, 240, 0.20) 100%
    );

    backdrop-filter: blur(38px) saturate(180%);
    -webkit-backdrop-filter: blur(38px) saturate(180%);

    border: 1px solid rgba(255, 255, 255, 0.22);

    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.07),
        0 3px 10px rgba(0, 0, 0, 0.04);

    transition: all 0.35s ease;
}

.feature-box:hover {
    background: linear-gradient(
        135deg,
        rgba(210, 225, 255, 0.30) 0%,
        rgba(185, 205, 255, 0.35) 50%,
        rgba(160, 180, 250, 0.27) 100%
    );

    backdrop-filter: blur(45px) saturate(190%);
    -webkit-backdrop-filter: blur(45px) saturate(190%);

    border-color: rgba(255, 255, 255, 0.32);

    box-shadow:
        0 16px 42px rgba(0, 0, 0, 0.12),
        0 4px 14px rgba(0, 0, 0, 0.06);

    transform: translateY(-4px);
    cursor: pointer;
}
/* Block that should keep glass effect but not move on hover */
.feature-box.no-jump:hover {
    transform: none !important;
}