/* Background decorations */
.bg-gradient-radial {
    background: radial-gradient(ellipse at top, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.1) 0%, transparent 50%);
}

/* Floating shapes */
.shape {
    position: absolute;
    opacity: 0.6;
    animation: float 6s ease-in-out infinite;
}
.shape-1 { top: 10%; left: 5%; animation-delay: 0s; }
.shape-2 { top: 20%; right: 10%; animation-delay: 1s; }
.shape-3 { bottom: 30%; left: 15%; animation-delay: 2s; }
.shape-4 { bottom: 20%; right: 5%; animation-delay: 3s; }
.shape-5 { top: 40%; left: 50%; animation-delay: 1.5s; }

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

/* Gradient text */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Button glow effect */
.btn-glow {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
    transition: all 0.3s ease;
}
.btn-glow:hover {
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.6);
    transform: translateY(-2px);
}

/* Card hover effect */
.card-hover {
    transition: all 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Scrolling animation */
.scroll-container {
    overflow: hidden;
}
.scroll-content {
    display: flex;
    animation: scroll 30s linear infinite;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Particle effect */
.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(99, 102, 241, 0.6);
    border-radius: 50%;
    animation: particle-float 8s ease-in-out infinite;
}
@keyframes particle-float {
    0%, 100% { transform: translateY(0) translateX(0); opacity: 0.6; }
    25% { transform: translateY(-30px) translateX(10px); opacity: 1; }
    50% { transform: translateY(-50px) translateX(-10px); opacity: 0.8; }
    75% { transform: translateY(-30px) translateX(5px); opacity: 1; }
}

/* Dropdown menu */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}
.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile menu */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}
.mobile-menu.active {
    transform: translateX(0);
}

/* Language selector */
.lang-select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 24px;
}
.lang-select:hover {
    border-color: #6366f1;
}
.lang-select option {
    background: #1e293b;
    color: #e2e8f0;
}

/* Flash prevention */
html.lang-loading body {
    opacity: 0;
}