/* ====================================
   SADAF KURS — Animations (Dark Youth)
   ==================================== */

@keyframes loadingProgress {
    0% { width: 0%; }
    50% { width: 70%; }
    100% { width: 100%; }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.6); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.7; }
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% { transform: translateY(0); }
    40%, 43% { transform: translateY(-10px); }
    70% { transform: translateY(-5px); }
}
@keyframes confetti {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(-200px) rotate(720deg); opacity: 0; }
}
@keyframes pointsUp {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-50px); opacity: 0; }
}
@keyframes drawCircle {
    0% { stroke-dashoffset: 220; }
    100% { stroke-dashoffset: 0; }
}
@keyframes drawCheck {
    0% { stroke-dashoffset: 30; }
    100% { stroke-dashoffset: 0; }
}
@keyframes glow {
    0%, 100% { box-shadow: 0 0 5px rgba(124,58,237,0.3); }
    50% { box-shadow: 0 0 20px rgba(124,58,237,0.6); }
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* SVG Logo animation */
.logo-circle {
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    animation: drawCircle 1.2s ease forwards;
}
.logo-check {
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    animation: drawCheck 0.6s ease 1s forwards;
}
.pulse-circle { animation: pulse 2s ease infinite; }
.float-anim { animation: float 3s ease infinite; }
.nav-item.active .nav-icon { animation: bounce 0.5s ease; }