.content-box {
    background-color: #ffffff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    border-radius: 28px;
    padding: 30px;
    transition: all 0.3s ease-out; /* Smoother timing function */
    position: relative;
}

/* Simplified Hover State */
.content-box:hover {
    box-shadow: 0 12px 40px rgba(98, 143, 228, 0.2); /* Reduced opacity */
    transform: translateY(-6px) scale(1.02); /* Half the previous lift */
    
    &::before {
        opacity: 0.5; /* Less intense overlay */
    }
    
    &::after {
        box-shadow: 0 0 40px rgba(98, 143, 228, 0.15); /* Smaller glow */
    }
}