/* TisForex Academy Styles */

/* Base styles */
html { 
    scroll-behavior: smooth; 
}

/* Custom scrollbar */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track { 
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb { 
    background: #b6212b; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #d63447; 
}

/* Glass card effect */
.glass-card {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Hero background */
.hero-bg {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    position: relative;
}

.hero-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(182, 33, 43, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(182, 33, 43, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(182, 33, 43, 0.08) 0%, transparent 50%);
}

/* Testimonial carousel */
.testimonial-carousel { 
    will-change: transform;
}

/* Animation keyframes */
@keyframes float {
    0%, 100% { 
        transform: translateY(0); 
    }
    50% { 
        transform: translateY(-10px); 
    }
}

.animate-float { 
    animation: float 6s ease-in-out infinite; 
}