/* =========================================
   LookaGenius Academy - Custom Animations
   ========================================= */

/* Hero Animations */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

.animate-pulse-glow {
    animation: pulseGlow 2s infinite alternate;
}

@keyframes pulseGlow {
    0% { filter: drop-shadow(0 0 10px rgba(0, 243, 255, 0.3)); }
    100% { filter: drop-shadow(0 0 25px rgba(188, 19, 254, 0.8)); }
}

/* Typewriter Cursor */
.typewriter-text::after {
    content: '|';
    animation: blink 1s step-end infinite;
    color: var(--neon-blue);
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Page Transition */
.page-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dashboard Sidebar Item Hover */
.sidebar-link {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.sidebar-link::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: var(--gradient-primary);
    transform: scaleY(0);
    transition: transform 0.3s ease;
    transform-origin: center;
}

.sidebar-link:hover::before, .sidebar-link.active::before {
    transform: scaleY(1);
}

.sidebar-link:hover, .sidebar-link.active {
    background: linear-gradient(90deg, transparent, rgba(0, 243, 255, 0.1));
    color: var(--neon-blue);
}

/* Card Reveal Stagger (Handled by AOS, but fallback here) */
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }
