/* =====================================================================
   SHARED STYLES — Loaded on all pages
   Nav, Footer, Chat, Grid Background, Neon Text
   ===================================================================== */

/* Navigation */
.nav-blur { backdrop-filter: blur(20px); background: rgba(6,6,26,0.8); }

/* Dropdown menus */
.nav-dropdown { position: relative; }
.nav-dropdown-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; color: rgba(255,255,255,0.6); transition: color 0.2s; cursor: pointer; background: none; border: none; padding: 0; font-family: inherit; }
.nav-dropdown-btn:hover, .nav-dropdown:hover .nav-dropdown-btn { color: #fff; }
.nav-dropdown-btn svg { width: 12px; height: 12px; transition: transform 0.2s; }
.nav-dropdown:hover .nav-dropdown-btn svg { transform: rotate(180deg); }
.nav-dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); min-width: 220px; padding: 8px 0; border-radius: 12px; background: rgba(10,12,30,0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.08); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s, transform 0.2s; pointer-events: none; z-index: 60; }
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.nav-dropdown-menu a { display: block; padding: 8px 20px; font-size: 13px; color: rgba(255,255,255,0.5); transition: all 0.15s; white-space: nowrap; }
.nav-dropdown-menu a:hover { color: #fff; background: rgba(99,102,241,0.08); }

/* Common card style */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 50%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.gradient-text-cta {
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 60%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.card {
    background: linear-gradient(180deg, rgba(15,18,40,0.9) 0%, rgba(10,12,30,0.95) 100%);
    border: 1px solid rgba(255,255,255,0.06);
}
.card:hover { border-color: rgba(99,102,241,0.3); }

/* Neon glow animation — text shimmer sweep */
@keyframes neon-sweep {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}
.neon-text {
    background: linear-gradient(90deg, #6366f1 0%, #6366f1 35%, #22d3ee 50%, #6366f1 65%, #6366f1 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: neon-sweep 4s linear infinite;
    text-shadow: none;
}

/* Chat widget styles */
.chat-card {
    background: linear-gradient(135deg, #0f1228 0%, #161a3a 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
}
@keyframes chat-attention {
    0%, 100% { box-shadow: 0 0 0 0 rgba(99,102,241,0), 0 0 0 0 rgba(99,102,241,0); }
    50% { box-shadow: 0 0 24px 4px rgba(99,102,241,0.35), 0 0 60px 12px rgba(34,211,238,0.12); }
}
.chat-glow-attention {
    animation: chat-attention 0.8s ease-in-out 3;
}
#chatMessages::-webkit-scrollbar,
#floatingChatMessages::-webkit-scrollbar { width: 4px; }
#chatMessages::-webkit-scrollbar-thumb,
#floatingChatMessages::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.08); border-radius: 4px;
}
#chatMessages::-webkit-scrollbar-track,
#floatingChatMessages::-webkit-scrollbar-track { background: transparent; }
@keyframes typing-dot {
    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
    30% { opacity: 1; transform: translateY(-4px); }
}
.typing-dot { width:6px;height:6px;border-radius:50%;background:rgba(99,102,241,0.6);display:inline-block;animation:typing-dot 1.4s ease-in-out infinite; }
.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }
.chat-bubble-pulse {
    animation: pulse-ring 2s ease-out infinite;
}
@keyframes pulse-ring {
    0% { box-shadow: 0 0 0 0 rgba(99,102,241,0.4); }
    70% { box-shadow: 0 0 0 12px rgba(99,102,241,0); }
    100% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
}
.suggestion-chip { transition: all 0.2s; }
.suggestion-chip:hover { border-color: rgba(99,102,241,0.5); color: #818cf8; background: rgba(99,102,241,0.05); }