/* Elysian Recruitment - Custom CSS (Refined refinements) */

.job-card-featured {
    border-left: 4px solid var(--accent);
    background: var(--surface-light);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.job-card-featured:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.bg-dark .job-card-featured {
    background: var(--surface-dark);
    border-color: var(--accent);
}

/* Scroll Indicators */
.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
    color: var(--accent);
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) translateX(-50%);
    }

    40% {
        transform: translateY(-10px) translateX(-50%);
    }

    60% {
        transform: translateY(-5px) translateX(-50%);
    }
}

/* Glassmorphism for specific UI elements */
.glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}