{"id":3553,"date":"2025-09-10T19:31:55","date_gmt":"2025-09-10T19:31:55","guid":{"rendered":"https:\/\/theknowledgeplatform.com\/?post_type=sc_product&p=3553"},"modified":"2026-01-24T23:14:29","modified_gmt":"2026-01-24T23:14:29","slug":"the-pursuit-of-idealism","status":"publish","type":"sc_product","link":"https:\/\/theknowledgeplatform.com\/?sc_product=the-pursuit-of-idealism","title":{"rendered":"The Pathfinder’s Course: Navigating Your Journey with Confidence"},"content":{"rendered":"\n

<\/p>\n\n\n\n

\n\n \/* — Core Definitions & Animations — *\/\n :root {\n –path-gold: #CBA35C;\n –path-leather: #8B5A2B;\n –path-forest: #2C4C3B;\n –path-cream: #F5F1E8;\n –path-dark: #1A2F25;\n –glass-border: rgba(255, 255, 255, 0.2);\n }\n\n @keyframes gradientFlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n @keyframes heavySlideUp {\n 0% {\n opacity: 0;\n transform: translateY(50px) scale(0.95);\n filter: blur(4px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0);\n }\n }\n \n @keyframes compassPulse {\n 0% { box-shadow: 0 0 0 0 rgba(203, 163, 92, 0.4); }\n 70% { box-shadow: 0 0 0 20px rgba(203, 163, 92, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(203, 163, 92, 0); }\n }\n\n \/* — Main Container — *\/\n .pathfinder-container {\n background: linear-gradient(-45deg, var(–path-dark), var(–path-forest), var(–path-leather), var(–path-dark));\n background-size: 400% 400%;\n animation: gradientFlow 30s ease infinite;\n padding: 80px 30px;\n font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;\n color: var(–path-cream);\n line-height: 1.8;\n border-radius: 12px;\n box-shadow: inset 0 0 100px rgba(0,0,0,0.5);\n }\n\n .pathfinder-wrapper {\n max-width: 900px;\n margin: 0 auto;\n }\n\n \/* — Typography — *\/\n .path-ayah {\n text-align: center;\n font-size: 1.4rem;\n font-style: italic;\n color: var(–path-gold);\n margin-bottom: 40px;\n opacity: 0;\n animation: heavySlideUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.3s;\n }\n\n .path-title {\n text-align: center;\n color: white;\n font-size: 3rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n text-shadow: 0 4px 8px rgba(0,0,0,0.4);\n opacity: 0;\n animation: heavySlideUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;\n }\n\n .path-intro {\n font-size: 1.2rem;\n margin-bottom: 50px;\n text-align: center;\n opacity: 0;\n animation: heavySlideUp 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.5s;\n }\n \n .highlight-gold { color: var(–path-gold); font-weight: bold; }\n\n \/* — Feature Box — *\/\n .path-kit-box {\n background: rgba(44, 76, 59, 0.7); \/* Forest green glass *\/\n backdrop-filter: blur(10px);\n border: 2px solid var(–path-leather);\n border-radius: 20px;\n padding: 40px;\n margin: 40px 0;\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n opacity: 0;\n animation: heavySlideUp 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 0.8s;\n }\n\n .path-kit-title {\n font-size: 1.8rem;\n color: var(–path-gold);\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n }\n \n .path-kit-title::before {\n content: ‘\ud83e\udded’; \/* Compass emoji as placeholder icon *\/\n font-size: 2rem;\n margin-right: 15px;\n animation: compassPulse 2s infinite;\n border-radius: 50%;\n }\n\n .path-list {\n list-style: none;\n padding: 0;\n }\n\n .path-list li {\n margin-bottom: 20px;\n padding-left: 30px;\n position: relative;\n font-size: 1.1rem;\n }\n\n .path-list li::before {\n content: ‘\u2713’;\n position: absolute;\n left: 0;\n color: var(–path-gold);\n font-weight: bold;\n }\n\n \/* — CTA Section — *\/\n .path-cta {\n text-align: center;\n margin-top: 60px;\n opacity: 0;\n animation: heavySlideUp 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards 1.2s;\n }\n\n .path-button {\n display: inline-block;\n padding: 20px 50px;\n background: linear-gradient(to right, var(–path-leather), var(–path-gold));\n color: var(–path-cream);\n text-decoration: none;\n font-size: 1.3rem;\n font-weight: bold;\n border-radius: 5px;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 0 10px 30px rgba(139, 90, 43, 0.4);\n transition: all 0.4s ease;\n border: 2px solid var(–path-gold);\n }\n\n .path-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(203, 163, 92, 0.6);\n background: linear-gradient(to right, var(–path-gold), var(–path-leather));\n color: white;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .path-title { font-size: 2.2rem; }\n .pathfinder-container { padding: 40px 20px; }\n .path-kit-box { padding: 25px; }\n }\n\n\n
\n
\n \n
“Guide us to the straight path.” (Surah Al-Fatihah: 6)<\/div>\n\n

The Pathfinder’s Course<\/h1>\n \n
\n

You have maps for the dunya\u2014for your career, your finances, and your travels. But do you have a map for your soul?<\/strong><\/p>\n

In a world that constantly demands you to be someone else, finding your true direction can feel impossible. We get distracted, disheartened, and lost in the noise. This course is your invitation to stop wandering and start walking with purpose.<\/p>\n <\/div>\n\n

\n

Your Spiritual Survival Kit<\/h2>\n

Just like the satchel in the image holds essential tools, this course equips you with the internal resources needed for the journey of life. We move beyond abstract concepts to practical application.<\/p>\n