/* AI Theme Color Palette */
:root {
    --ai-dark: #060606;
    --ai-dark-soft: #0A0A0A;
    --ai-electric-blue: #0096FF;
    --ai-neon-purple: #6E00FF;
    --ai-cyan: #00E5FF;
    --ai-mint: #00FFAA;
    --ai-gradient-primary: linear-gradient(135deg, var(--ai-electric-blue) 0%, var(--ai-neon-purple) 100%);
    --ai-gradient-secondary: linear-gradient(135deg, var(--ai-cyan) 0%, var(--ai-mint) 100%);
}

/* AI-themed header styles */
.ai-header {
    background-color: var(--ai-dark-soft);
    box-shadow: 0 4px 20px rgba(0, 150, 255, 0.1);
}

.ai-logo {
    text-shadow: 0 0 10px rgba(0, 150, 255, 0.3);
}

.ai-connect-btn {
    box-shadow: 0 0 10px rgba(0, 150, 255, 0.2);
    transition: all 0.3s ease;
}

.ai-connect-btn:hover {
    box-shadow: 0 0 15px rgba(0, 150, 255, 0.5);
    transform: translateY(-2px);
}

.ai-nav-item {
    transition: all 0.3s ease;
}

.ai-nav-item:hover, .ai-nav-item.active {
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.2);
}

.ai-mobile-menu {
    background-color: var(--ai-dark);
}

.ai-mobile-menu-item {
    position: relative;
}

.ai-mobile-menu-item::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: rgba(0, 150, 255, 0.5);
    transition: width 0.3s ease;
}

.ai-mobile-menu-item:hover::after {
    width: 100%;
}

.ai-hamburger span {
    transition: all 0.3s ease;
}

/* Floating navigation styles */
.ai-floating-nav {
    background: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 20px rgba(0, 150, 255, 0.15);
}

/* Glowing effect for important elements */
.ai-glow {
    box-shadow: 0 0 10px rgba(0, 150, 255, 0.4);
    transition: all 0.3s ease;
}

.ai-glow:hover {
    box-shadow: 0 0 15px rgba(0, 150, 255, 0.7);
}

/* Button styles */
.ai-button-primary {
    transition: all 0.3s ease;
}

.ai-button-primary:hover {
    box-shadow: 0 0 15px rgba(0, 150, 255, 0.5);
    transform: translateY(-2px);
}

.ai-button-secondary {
    background: transparent;
    transition: all 0.3s ease;
}

.ai-button-secondary:hover {
    background-color: rgba(0, 150, 255, 0.1);
    box-shadow: 0 0 10px rgba(0, 150, 255, 0.3);
}

/* Section backgrounds */
.ai-section-gradient {
    box-shadow: 0 0 15px rgba(0, 150, 255, 0.1);
}

/* Animated elements */
@keyframes ai-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 150, 255, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 150, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 150, 255, 0);
    }
}

.ai-pulse {
    animation: ai-pulse 2s infinite;
}