/* Custom Styles for Slanted Effects */
.skew-section {
    transform: skewY(-3deg);
}
.unskew-content {
    transform: skewY(3deg);
}
.clip-hero {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.clip-card {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

/* Animation */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.hover-lift:hover {
    transform: translateY(-10px) scale(1.02);
}

/* Text Stroke for Outline Text */
.text-outline {
    -webkit-text-stroke: 1px #E5E7EB; /* Gray-200 */
    color: transparent;
}