/* Features Page Specific CSS */

/* Accent decoration for feature cards */
.feature-glow-border {
    position: relative;
    transition: all 0.3s ease;
}

.feature-glow-border:hover::after {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(135deg, rgb(var(--c-turquoise) / 0.3), rgb(var(--c-dark-blue) / 0.3));
    border-radius: inherit;
    z-index: -1;
}

/* Visual Stagger Fade In */
@keyframes revealRight {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes revealLeft {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-reveal-right {
    animation: revealRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-reveal-left {
    animation: revealLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}