function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [subscriptionStatus, setSubscriptionStatus] = useState(null); const [dream, setDream] = useState(""); const [analysis, setAnalysis] = useState(""); const [streamingResponse, setStreamingResponse] = useState(""); const [loading, setLoading] = useState(false); const [followUpQuestions, setFollowUpQuestions] = useState([]); const [selectedQuestion, setSelectedQuestion] = useState(""); const [dreamHistory, setDreamHistory] = useState([]); const [showHistory, setShowHistory] = useState(false); const [dreamImages, setDreamImages] = useState([]); const [dreamPatterns, setDreamPatterns] = useState([]); const [suggestions, setSuggestions] = useState([]); const [emotionalInsights, setEmotionalInsights] = useState(null); const [aiThoughts, setAiThoughts] = useState(""); const [astrologicalInsights, setAstrologicalInsights] = useState(null); const [moonPhase, setMoonPhase] = useState(""); const [celestialEvents, setCelestialEvents] = useState([]); const [dreamDate, setDreamDate] = useState(new Date()); const [birthDate, setBirthDate] = useState(""); const [numerologyInsights, setNumerologyInsights] = useState(null); const [chineseZodiac, setChineseZodiac] = useState(null); const [chakraAlignment, setChakraAlignment] = useState(null); const [spiritualGuides, setSpiritualGuides] = useState([]); const [karmaticPath, setKarmaticPath] = useState(null); const [notification, setNotification] = useState({ show: false, message: "", type: "" }); useEffect(()=>{ if (user) { checkSubscriptionStatus(); } }, [ user ]); const checkSubscriptionStatus = async ()=>{ const response = await fetch("/api/check-access", { method: "POST" }); const data = await response.json(); setSubscriptionStatus(data); }; const showNotification = (message, type)=>{ setNotification({ show: true, message, type }); setTimeout(()=>setNotification({ show: false, message: "", type: "" }), 3000); }; const analyzeDream = async ()=>{ if (!user) { window.location.href = "/account/signin?callbackUrl=/"; return; } if (!subscriptionStatus?.active) { const subscriptionSection = document.querySelector(".subscription-section"); if (subscriptionSection) { subscriptionSection.scrollIntoView({ behavior: "smooth" }); } return; } setLoading(true); setAnalysis(""); setFollowUpQuestions([]); setEmotionalInsights(null); setSuggestions([]); setAstrologicalInsights(null); const systemPrompt = `You are an advanced AI dream analyst with expertise in Jungian psychology, symbolism, astrology, and subconscious pattern recognition. Act as a proactive guide with agency to provide a comprehensive analysis that includes: 1. Initial Impression & Emotional Resonance: - Immediate emotional impact - First symbolic insights - Gut feelings and intuitive messages 2. Deep Symbolic Analysis: - Archetypal patterns and their personal relevance - Cultural and universal symbol meanings - Hidden messages and metaphors 3. Astrological & Cosmic Context: - Moon phase influence - Planetary alignments - Celestial timing significance - Energy patterns and cosmic rhythms 4. Personal Growth & Integration: - Life lessons and messages - Areas for development - Shadow work opportunities - Healing potential 5. Practical Application: - Daily life integration - Meditation focus points - Ritual suggestions - Action steps 6. Future Guidance: - Predictive insights - Potential outcomes - Warning signs - Opportunities ahead 7. Pattern Recognition: - Recurring themes - Life cycle connections - Relationship dynamics - Personal mythology 8. Spiritual & Mystical Dimensions: - Higher self messages - Spirit guide communications - Past life connections - Sacred geometry patterns Be direct yet nuanced, practical yet mystical. Offer unique perspectives while maintaining emotional intelligence. Consider timing, cycles, and synchronicities in all interpretations. Act as both guide and mirror, helping to illuminate the deeper meaning while empowering personal insight.`; try { const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: systemPrompt }, { role: "user", content: `Analyze this dream with your full capabilities, considering it occurred on ${dreamDate.toISOString()}: ${dream}${selectedQuestion ? `\nAdditional context from follow-up question: ${selectedQuestion}` : ""}${dreamPatterns.length > 0 ? `\nPrevious dream patterns: ${JSON.stringify(dreamPatterns)}` : ""}${astrologicalInsights ? `\nAstrological context: ${JSON.stringify(astrologicalInsights)}` : ""}` } ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error analyzing dream:", error); showNotification("Failed to analyze dream", "error"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0f172a] via-[#1e293b] to-[#0f172a] text-white p-4 md:p-8", __source: { fileName: "", lineNumber: 169, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 170, columnNumber: 7 }, __self: this }, notification.show && /*#__PURE__*/ React.createElement("div", { className: `fixed top-4 right-4 p-4 rounded-xl ${notification.type === "error" ? "bg-red-500" : "bg-green-500"} text-white z-50 animate-fade-in`, __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, notification.message), user && /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 179, columnNumber: 11 }, __self: this }, subscriptionStatus?.active ? /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-4 py-2 rounded-full bg-[#6366f1]/20 text-[#6366f1]", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-2", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }), "Premium Member") : /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-4 py-2 rounded-full bg-[#2a2a4a] text-[#b8b8d4]", __source: { fileName: "", lineNumber: 186, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }), "Subscribe to Begin")), /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 w-full h-1 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#6366f1] animate-gradient-x z-50", __source: { fileName: "", lineNumber: 193, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e293b]/80 backdrop-blur-lg rounded-2xl p-6 mb-8 text-center relative overflow-hidden border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[url('/sacred-geometry.svg')] opacity-5", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center mb-6", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-24 h-24 mb-4", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 animate-spin-slow", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 100 100", className: "w-full h-full", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("defs", { __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("linearGradient", { id: "logoGradient", x1: "0%", y1: "0%", x2: "100%", y2: "100%", __source: { fileName: "", lineNumber: 202, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("stop", { offset: "0%", stopColor: "#6366f1", __source: { fileName: "", lineNumber: 209, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("stop", { offset: "100%", stopColor: "#8b5cf6", __source: { fileName: "", lineNumber: 210, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("path", { d: "M50 10 L90 90 L10 90 Z", fill: "none", stroke: "url(#logoGradient)", strokeWidth: "2", className: "animate-draw", __source: { fileName: "", lineNumber: 213, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("circle", { cx: "50", cy: "50", r: "30", fill: "none", stroke: "url(#logoGradient)", strokeWidth: "2", className: "animate-draw-circle", __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("path", { d: "M50 20 L50 80 M20 50 L80 50", stroke: "url(#logoGradient)", strokeWidth: "2", className: "animate-draw-cross", __source: { fileName: "", lineNumber: 229, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-[#6366f1] text-3xl animate-pulse", __source: { fileName: "", lineNumber: 238, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-7xl font-crimson-text mb-6 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#6366f1] text-transparent bg-clip-text animate-gradient-x", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, "Morpheus AI")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-6 mb-4 animate-float", __source: { fileName: "", lineNumber: 245, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-[#6366f1] text-4xl transform rotate-12", __source: { fileName: "", lineNumber: 246, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-microchip text-[#8b5cf6] text-4xl", __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-[#6366f1] text-4xl transform -rotate-12", __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#e2e8f0] font-crimson-text", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, "Advanced AI-Powered Dream Analysis ✨"))), /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center mb-8 bg-[#1e293b]/80 backdrop-blur-lg p-4 rounded-2xl border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 255, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 256, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 257, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 258, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1e293b] p-4 rounded-xl hover:bg-[#334155] transition-all transform hover:scale-105 border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 273, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-7xl font-crimson-text mb-6 bg-gradient-to-r from-[#6366f1] via-[#8b5cf6] to-[#6366f1] text-transparent bg-clip-text animate-gradient-x", __source: { fileName: "", lineNumber: 274, columnNumber: 11 }, __self: this }, "Morpheus AI"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-[#e2e8f0] font-crimson-text", __source: { fileName: "", lineNumber: 277, columnNumber: 11 }, __self: this }, "Understand Your Dreams Through Advanced AI")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e293b]/80 backdrop-blur-lg rounded-2xl p-8 shadow-2xl relative overflow-hidden border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 281, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-[url('/constellation.svg')] opacity-5", __source: { fileName: "", lineNumber: 282, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 283, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-6 mb-8", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", value: dreamDate.toISOString().split("T")[0], onChange: (e)=>setDreamDate(new Date(e.target.value)), className: "w-full md:w-auto bg-[#1e293b] text-white rounded-xl p-4 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] border border-[#6366f1]/20", placeholder: "Dream Date", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: birthDate, onChange: (e)=>setBirthDate(e.target.value), className: "w-full md:w-auto bg-[#1e293b] text-white rounded-xl p-4 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] border border-[#6366f1]/20", placeholder: "Birth Date", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }), moonPhase && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 bg-[#1e293b] p-4 rounded-xl animate-float border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon text-[#6366f1] text-xl", __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#e2e8f0] text-lg", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, moonPhase))), /*#__PURE__*/ React.createElement("textarea", { value: dream, onChange: (e)=>setDream(e.target.value), placeholder: "Share your dream for AI analysis...", className: "w-full h-56 bg-[#1e293b] text-white rounded-xl p-6 mb-8 focus:outline-none focus:ring-2 focus:ring-[#6366f1] transition-all hover:bg-[#334155] font-crimson-text text-xl border border-[#6366f1]/20", name: "dream-description", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: analyzeDream, disabled: loading || !dream || !subscriptionStatus?.active, className: "w-full bg-gradient-to-r from-[#6366f1] to-[#8b5cf6] hover:from-[#818cf8] hover:to-[#a78bfa] py-5 rounded-xl font-semibold transition-all transform hover:scale-[1.02] disabled:opacity-50 disabled:hover:scale-100 text-xl shadow-lg shadow-[#6366f1]/25", __source: { fileName: "", lineNumber: 313, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-3", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain mr-3", __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }), !subscriptionStatus?.active ? "Subscribe to Begin" : "Analyze Dream"))), !subscriptionStatus?.active && /*#__PURE__*/ React.createElement("div", { className: "text-center p-8 bg-[#1e293b]/80 backdrop-blur-lg rounded-2xl border border-[#6366f1]/20 mb-8", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 331, columnNumber: 13 }, __self: this }, "Begin Your Dream Journey"), /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-4", __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }, "Unlock AI dream interpretation with a monthly subscription:"), /*#__PURE__*/ React.createElement("ul", { className: "text-[#b8b8d4] text-left list-inside list-disc space-y-2 mb-6", __source: { fileName: "", lineNumber: 337, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, "Unlimited AI dream analysis"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 339, columnNumber: 15 }, __self: this }, "Advanced pattern recognition"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 340, columnNumber: 15 }, __self: this }, "Premium spiritual insights"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, "Priority support"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 342, columnNumber: 15 }, __self: this }, "Full access to all features")), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://js.stripe.com/v3/buy-button.js", __source: { fileName: "", lineNumber: 344, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("stripe-buy-button", { "buy-button-id": "buy_btn_1QxfGvPGmAIFH3UzsXr8iCIb", "publishable-key": "pk_live_51QlK18PGmAIFH3UzuBvYIKPzOci2PTb8VXAALSipqfLaPiUKcUcvilfEnaPG8tc0VqZAKtU7pq0lN7K75aGjZV3u00l9fGB9xF", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#b8b8d4] mt-4", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, "$4.99/month • Cancel anytime")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 354, columnNumber: 9 }, __self: this }, user?.dreamAnalysisCount < 1 && /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#b8b8d4] text-sm", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this }, "Try 1 free dream analysis to experience our AI's insights")), (streamingResponse || analysis) && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d]/90 backdrop-blur-xl rounded-2xl p-8 shadow-2xl transform transition-all duration-500 ease-in-out hover:shadow-[0_0_50px_rgba(99,102,241,0.1)] border border-[#6366f1]/20", __source: { fileName: "", lineNumber: 362, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "section-title text-3xl font-montserrat mb-6 animate-fade-in", __source: { fileName: "", lineNumber: 363, columnNumber: 13 }, __self: this }, "Sacred Dream Analysis"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleSave, className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-[#6c63ff]", __source: { fileName: "", lineNumber: 371, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 372, columnNumber: 17 }, __self: this }, "Save Sacred Wisdom")), /*#__PURE__*/ React.createElement("button", { onClick: handleShare, className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 374, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share text-[#6c63ff]", __source: { fileName: "", lineNumber: 378, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 379, columnNumber: 17 }, __self: this }, "Share Divine Insight")), /*#__PURE__*/ React.createElement("button", { onClick: handleExport, className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush text-[#6c63ff]", __source: { fileName: "", lineNumber: 385, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }, "Visualize Dream Journey"))), numerologyInsights && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-6 bg-[#2a2a4a] rounded-xl insight-card relative overflow-hidden", __source: { fileName: "", lineNumber: 390, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('/sacred-geometry.svg')] opacity-5", __source: { fileName: "", lineNumber: 391, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 392, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "section-title", __source: { fileName: "", lineNumber: 393, columnNumber: 19 }, __self: this }, "Numerological Wisdom"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 394, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 395, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 396, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 397, columnNumber: 25 }, __self: this }, "Core Numbers"), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-2", __source: { fileName: "", lineNumber: 400, columnNumber: 25 }, __self: this }, "Life Path: ", numerologyInsights.lifePathNumber), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-2", __source: { fileName: "", lineNumber: 403, columnNumber: 25 }, __self: this }, "Destiny: ", numerologyInsights.destinyNumber), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-2", __source: { fileName: "", lineNumber: 406, columnNumber: 25 }, __self: this }, "Soul Urge: ", numerologyInsights.soulUrgeNumber), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-2", __source: { fileName: "", lineNumber: 409, columnNumber: 25 }, __self: this }, "Expression: ", numerologyInsights.expressionNumber), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text", __source: { fileName: "", lineNumber: 412, columnNumber: 25 }, __self: this }, "Personal Year: ", numerologyInsights.personalYearNumber)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 416, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 417, columnNumber: 25 }, __self: this }, "Cycle Position"), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-1", __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this }, numerologyInsights.cyclicPosition.cycle), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text mb-1", __source: { fileName: "", lineNumber: 423, columnNumber: 25 }, __self: this }, "Phase: ", numerologyInsights.cyclicPosition.phase), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text", __source: { fileName: "", lineNumber: 426, columnNumber: 25 }, __self: this }, numerologyInsights.cyclicPosition.meaning))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 432, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 433, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 434, columnNumber: 25 }, __self: this }, "Challenge & Karmic Numbers"), /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 437, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-1 font-semibold", __source: { fileName: "", lineNumber: 438, columnNumber: 27 }, __self: this }, "Challenges:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 441, columnNumber: 27 }, __self: this }, numerologyInsights.challengeNumbers.map((num, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "interpretation-text", __source: { fileName: "", lineNumber: 444, columnNumber: 33 }, __self: this }, num)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 451, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-1 font-semibold", __source: { fileName: "", lineNumber: 452, columnNumber: 27 }, __self: this }, "Karmic Debts:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 455, columnNumber: 27 }, __self: this }, numerologyInsights.karmicDebtNumbers.map((num, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "interpretation-text", __source: { fileName: "", lineNumber: 458, columnNumber: 33 }, __self: this }, num))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 466, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 467, columnNumber: 25 }, __self: this }, "Master Numbers"), numerologyInsights.masterNumbers.map((master, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 472, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] font-semibold", __source: { fileName: "", lineNumber: 473, columnNumber: 31 }, __self: this }, master.number), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text", __source: { fileName: "", lineNumber: 476, columnNumber: 31 }, __self: this }, master.significance))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 485, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 486, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 487, columnNumber: 25 }, __self: this }, "Dream Symbol Numbers"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 490, columnNumber: 25 }, __self: this }, numerologyInsights.dreamSymbolNumbers.map((symbol, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b border-[#6366f1]/20 pb-2", __source: { fileName: "", lineNumber: 493, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] font-semibold", __source: { fileName: "", lineNumber: 497, columnNumber: 33 }, __self: this }, symbol.symbol, " - ", symbol.number), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text", __source: { fileName: "", lineNumber: 500, columnNumber: 33 }, __self: this }, symbol.meaning))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1f1f3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 508, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 509, columnNumber: 25 }, __self: this }, "Birth Date Pattern"), /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] font-semibold", __source: { fileName: "", lineNumber: 512, columnNumber: 25 }, __self: this }, numerologyInsights.birthDatePattern.pattern), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text", __source: { fileName: "", lineNumber: 515, columnNumber: 25 }, __self: this }, numerologyInsights.birthDatePattern.meaning)))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#1f1f3d] rounded-lg", __source: { fileName: "", lineNumber: 522, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-[#6366f1] mb-2 font-semibold", __source: { fileName: "", lineNumber: 523, columnNumber: 21 }, __self: this }, "Numerological Interpretation"), /*#__PURE__*/ React.createElement("p", { className: "interpretation-text leading-relaxed", __source: { fileName: "", lineNumber: 526, columnNumber: 21 }, __self: this }, numerologyInsights.interpretation)))), chineseZodiac && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-[#2a2a4a] rounded-lg", __source: { fileName: "", lineNumber: 534, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 535, columnNumber: 17 }, __self: this }, "Chinese Zodiac Wisdom"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 538, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 539, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-2", __source: { fileName: "", lineNumber: 540, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dragon mr-2 text-[#6c63ff]", __source: { fileName: "", lineNumber: 541, columnNumber: 23 }, __self: this }), "Sign: ", chineseZodiac.sign), /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-2", __source: { fileName: "", lineNumber: 544, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fire mr-2 text-[#6c63ff]", __source: { fileName: "", lineNumber: 545, columnNumber: 23 }, __self: this }), "Element: ", chineseZodiac.element), /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4]", __source: { fileName: "", lineNumber: 548, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-yin-yang mr-2 text-[#6c63ff]", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }), "Polarity: ", chineseZodiac.polarity)), /*#__PURE__*/ React.createElement("div", { className: "text-[#b8b8d4]", __source: { fileName: "", lineNumber: 553, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 554, columnNumber: 21 }, __self: this }, chineseZodiac.significance), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 555, columnNumber: 21 }, __self: this }, "Compatibility: ", chineseZodiac.compatibility)))), chakraAlignment && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-[#2a2a4a] rounded-lg", __source: { fileName: "", lineNumber: 561, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 562, columnNumber: 17 }, __self: this }, "Chakra Alignment"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 565, columnNumber: 17 }, __self: this }, chakraAlignment.map((chakra, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-[#b8b8d4]", __source: { fileName: "", lineNumber: 567, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 568, columnNumber: 23 }, __self: this }, chakra.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 569, columnNumber: 23 }, __self: this }, "Status: ", chakra.status), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 570, columnNumber: 23 }, __self: this }, chakra.influence))))), karmaticPath && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-[#2a2a4a] rounded-lg", __source: { fileName: "", lineNumber: 577, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 578, columnNumber: 17 }, __self: this }, "Karmatic Journey"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4 text-[#b8b8d4]", __source: { fileName: "", lineNumber: 581, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 582, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 583, columnNumber: 21 }, __self: this }, "Past Life Echo:"), " ", karmaticPath.pastLife), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 586, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 587, columnNumber: 21 }, __self: this }, "Current Soul Lesson:"), " ", karmaticPath.currentLesson), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 590, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 591, columnNumber: 21 }, __self: this }, "Future Path:"), " ", karmaticPath.futureDirection))), astrologicalInsights && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-[#2a2a4a] rounded-lg", __source: { fileName: "", lineNumber: 598, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text mb-2", __source: { fileName: "", lineNumber: 599, columnNumber: 17 }, __self: this }, "Celestial Influences"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 602, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 603, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-2", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-moon mr-2 text-[#6c63ff]", __source: { fileName: "", lineNumber: 605, columnNumber: 23 }, __self: this }), "Moon Phase: ", astrologicalInsights.moonPhase), /*#__PURE__*/ React.createElement("div", { className: "text-[#b8b8d4]", __source: { fileName: "", lineNumber: 608, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 609, columnNumber: 23 }, __self: this }, "Celestial Events:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 610, columnNumber: 23 }, __self: this }, astrologicalInsights.celestialEvents.map((event, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 613, columnNumber: 29 }, __self: this }, event))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 619, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#b8b8d4] mb-2", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, astrologicalInsights.significance), /*#__PURE__*/ React.createElement("div", { className: "text-[#b8b8d4]", __source: { fileName: "", lineNumber: 623, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 624, columnNumber: 23 }, __self: this }, "Sacred Practices:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 625, columnNumber: 23 }, __self: this }, astrologicalInsights.recommendations.map((rec, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 628, columnNumber: 29 }, __self: this }, rec))))))), /*#__PURE__*/ React.createElement("div", { className: "interpretation-text mb-8 p-8 bg-[#2a2a4a]/90 backdrop-blur-xl rounded-2xl insight-card border border-[#6366f1]/20 shadow-lg hover:shadow-[0_0_30px_rgba(99,102,241,0.15)] transition-all duration-300", __source: { fileName: "", lineNumber: 637, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "prose prose-invert max-w-none", __source: { fileName: "", lineNumber: 638, columnNumber: 15 }, __self: this }, streamingResponse || analysis)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 642, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 643, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-[#6c63ff]", __source: { fileName: "", lineNumber: 644, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 645, columnNumber: 17 }, __self: this }, "Save Sacred Wisdom")), /*#__PURE__*/ React.createElement("button", { className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share text-[#6c63ff]", __source: { fileName: "", lineNumber: 648, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, "Share Divine Insight")), /*#__PURE__*/ React.createElement("button", { className: "flex items-center gap-2 bg-[#2a2a4a]/90 hover:bg-[#3a3a5a] px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:shadow-lg border border-[#6366f1]/20 backdrop-blur-xl", __source: { fileName: "", lineNumber: 651, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush text-[#6c63ff]", __source: { fileName: "", lineNumber: 652, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 653, columnNumber: 17 }, __self: this }, "Visualize Dream Journey"))), followUpQuestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-6 border-t border-[#6c63ff]", __source: { fileName: "", lineNumber: 657, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "section-title mb-4", __source: { fileName: "", lineNumber: 658, columnNumber: 17 }, __self: this }, "Deepen Your Spiritual Understanding"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 661, columnNumber: 17 }, __self: this }, followUpQuestions.map((question, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleFollowUpQuestion(question), className: "text-left p-4 bg-[#2a2a4a] hover:bg-[#3a3a5a] rounded-xl transition-all duration-300 transform hover:scale-[1.02] interpretation-text", __source: { fileName: "", lineNumber: 663, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle mr-3 text-[#6c63ff]", __source: { fileName: "", lineNumber: 668, columnNumber: 23 }, __self: this }), question))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 677, columnNumber: 9 }, __self: this }, ` @keyframes gradient-x { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-gradient-x { background-size: 200% 200%; animation: gradient-x 15s ease infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 3s ease-in-out infinite; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes draw { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } } .animate-draw { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: draw 3s ease-out forwards; } @keyframes draw-circle { from { stroke-dashoffset: 200; } to { stroke-dashoffset: 0; } } .animate-draw-circle { stroke-dasharray: 200; stroke-dashoffset: 200; animation: draw-circle 2s ease-out forwards 0.5s; } @keyframes draw-cross { from { stroke-dashoffset: 120; } to { stroke-dashoffset: 0; } } .animate-draw-cross { stroke-dasharray: 120; stroke-dashoffset: 120; animation: draw-cross 1.5s ease-out forwards 1s; } .insight-card { backdrop-filter: blur(12px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); animation: fadeInScale 0.6s ease-out; } .insight-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(99, 102, 241, 0.15); } .interpretation-text { font-family: "Inter", sans-serif; font-size: 1.125rem; line-height: 1.85; color: #b8b8d4; transition: color 0.3s ease; } .section-title { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.75rem; margin-bottom: 2rem; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: fadeIn 0.6s ease-out; } .prose { color: #b8b8d4; } .prose p { margin-bottom: 1.5em; } .prose strong { color: #fff; font-weight: 600; } .prose ul { list-style-type: disc; padding-left: 1.5em; } .prose li { margin-bottom: 0.5em; } `))); }