/*
Theme Name: ECLIPSE54 Premium Ecosystem Hub
Theme URI: https://eclipse54.com/
Author: ECLIPSE54 Capital One Team
Author URI: https://eclipse54.com/
Description: A premium, highly interactive landing page for the ECLIPSE54 African Opportunity Ecosystem. Built with Tailwind CSS, Alpine.js, interactive graphs, and local AI Concierge algorithms.
Version: 1.1.0
Text Domain: eclipse54
*/

/* Custom Premium Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    background: #050506;
}
::-webkit-scrollbar-thumb {
    background: rgba(125, 255, 58, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(125, 255, 58, 0.6);
}

/* Glassmorphism Styles matching premium design systems */
.glassmorphism {
    background: rgba(12, 12, 14, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.glassmorphism-card {
    background: linear-gradient(135deg, rgba(15, 15, 18, 0.8) 0%, rgba(8, 8, 10, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.glassmorphism-card:hover {
    border-color: rgba(125, 255, 58, 0.35);
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(125, 255, 58, 0.05);
}

/* Subtle Background Dot Mesh */
.mesh-grid {
    background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Neon gradient text */
.text-neon-gradient {
    background: linear-gradient(135deg, #FFFFFF 30%, #D4AF37 70%, #7DFF3A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Ambient glows */
.bg-glow-green {
    filter: blur(120px);
    background: radial-gradient(circle, rgba(125, 255, 58, 0.12) 0%, transparent 70%);
}
.bg-glow-gold {
    filter: blur(120px);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
}

/* WhatsApp Bubble Styles */
.whatsapp-bubble-bot {
    background-color: rgba(30, 41, 59, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top-left-radius: 0;
}
.whatsapp-bubble-user {
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%);
    border: 1px solid rgba(125, 255, 58, 0.15);
    border-top-right-radius: 0;
}
.whatsapp-chat-bg {
    background-color: #0c0c0e;
    background-image: radial-gradient(rgba(37, 211, 102, 0.03) 1px, transparent 1px);
    background-size: 16px 16px;
}
.dot-bounce {
    animation: dotBounce 1.4s infinite ease-in-out both;
}
.dot-bounce:nth-child(2) { animation-delay: 0.2s; }
.dot-bounce:nth-child(3) { animation-delay: 0.4s; }
@keyframes dotBounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}