{"id":205,"date":"2026-04-26T12:59:00","date_gmt":"2026-04-26T12:59:00","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=205"},"modified":"2026-04-26T13:07:00","modified_gmt":"2026-04-26T13:07:00","slug":"emotional-intelligence","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=205","title":{"rendered":"Emotional Intelligence"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Personality Development | Gyan Academy - Unlock Your Potential<\/title>\r\n \r\n <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== CSS VARIABLES - PERSONALITY DEVELOPMENT THEME ===== *\/\r\n :root {\r\n --gradient-hero: linear-gradient(135deg, #eff6ff 0%, #dbeafe 25%, #e0e7ff 55%, #f3e8ff 85%, #ffffff 100%);\r\n --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n --gradient-leadership: linear-gradient(90deg, #3b82f6, #8b5cf6, #f59e0b);\r\n --gradient-confidence: linear-gradient(90deg, #3b82f6, #06b6d4);\r\n --gradient-communication: linear-gradient(90deg, #8b5cf6, #a78bfa);\r\n --gradient-emotional: linear-gradient(90deg, #f59e0b, #fbbf24);\r\n --gradient-goals: linear-gradient(90deg, #10b981, #34d399);\r\n --gradient-social: linear-gradient(90deg, #ec4899, #f472b6);\r\n --gradient-accent: linear-gradient(90deg, #3b82f6, #8b5cf6, #f59e0b);\r\n --gradient-accent-soft: linear-gradient(90deg, rgba(59,130,246,0.1), rgba(139,92,246,0.1), rgba(245,158,11,0.1));\r\n \r\n --color-leadership: #3b82f6;\r\n --color-confidence: #06b6d4;\r\n --color-communication: #8b5cf6;\r\n --color-emotional: #f59e0b;\r\n --color-goals: #10b981;\r\n --color-social: #ec4899;\r\n --color-primary: #3b82f6;\r\n --color-primary-dark: #2563eb;\r\n --color-secondary: #8b5cf6;\r\n --color-success: #22c55e;\r\n --color-warning: #f59e0b;\r\n --color-danger: #ef4444;\r\n \r\n --bg-body: #fafafa;\r\n --bg-surface: #ffffff;\r\n --bg-card: #ffffff;\r\n --bg-muted: #f1f5f9;\r\n --bg-leadership: #eff6ff;\r\n \r\n --text-primary: #0f172a;\r\n --text-secondary: #334155;\r\n --text-muted: #64748b;\r\n --text-inverse: #ffffff;\r\n \r\n --border-light: #e2e8f0;\r\n --border-medium: #cbd5e1;\r\n --border-leadership: #3b82f6;\r\n \r\n --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\r\n --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\r\n --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);\r\n --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.15);\r\n --shadow-leadership: 0 0 25px rgba(59, 130, 246, 0.12);\r\n \r\n --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n \r\n --radius-sm: 0.375rem;\r\n --radius-md: 0.75rem;\r\n --radius-lg: 1rem;\r\n --radius-xl: 1.5rem;\r\n --radius-full: 9999px;\r\n \r\n --space-xs: 0.5rem;\r\n --space-sm: 1rem;\r\n --space-md: 1.5rem;\r\n --space-lg: 2rem;\r\n --space-xl: 3rem;\r\n --space-2xl: 4rem;\r\n \r\n --font-body: 'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n --font-mono: 'Consolas', 'Courier New', monospace;\r\n --text-xs: 0.75rem;\r\n --text-sm: 0.875rem;\r\n --text-base: 1rem;\r\n --text-lg: 1.125rem;\r\n --text-xl: 1.25rem;\r\n --text-2xl: 1.5rem;\r\n --text-3xl: 1.875rem;\r\n --text-4xl: 2.25rem;\r\n --text-5xl: 3rem;\r\n --font-weight-normal: 400;\r\n --font-weight-medium: 500;\r\n --font-weight-semibold: 600;\r\n --font-weight-bold: 700;\r\n }\r\n \r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n \r\n body {\r\n font-family: var(--font-body);\r\n background: var(--bg-body);\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 var(--space-md);\r\n }\r\n \r\n .section { padding: var(--space-2xl) 0; }\r\n \r\n .section-title {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n text-align: center;\r\n margin-bottom: var(--space-lg);\r\n background: var(--gradient-leadership);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .section-subtitle {\r\n text-align: center;\r\n color: var(--text-secondary);\r\n font-size: var(--text-lg);\r\n max-width: 700px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n background: var(--gradient-hero);\r\n padding: var(--space-2xl) 0;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n \r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: \r\n radial-gradient(circle at 15% 85%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 85% 15%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n opacity: 0.6;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(59, 130, 246, 0.12);\r\n border: 1px solid rgba(59, 130, 246, 0.25);\r\n color: var(--color-primary);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n backdrop-filter: blur(10px);\r\n animation: fadeInUp 0.6s ease-out;\r\n }\r\n \r\n .hero-badge i { color: var(--color-success); }\r\n \r\n .hero-title {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: 1.1;\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n animation: fadeInUp 0.6s ease-out 0.1s both;\r\n }\r\n \r\n .hero-title span {\r\n background: var(--gradient-leadership);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n margin-bottom: var(--space-xl);\r\n animation: fadeInUp 0.6s ease-out 0.2s both;\r\n }\r\n \r\n .hero-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--space-lg);\r\n margin-bottom: var(--space-xl);\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.3s both;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n background: var(--bg-surface);\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-md);\r\n border: 1px solid var(--border-light);\r\n min-width: 140px;\r\n }\r\n \r\n .stat-value {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-leadership);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .stat-label {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n .hero-cta {\r\n display: flex;\r\n gap: var(--space-sm);\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.4s both;\r\n }\r\n \r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--space-xs);\r\n padding: var(--space-sm) var(--space-lg);\r\n font-size: var(--text-base);\r\n font-weight: var(--font-weight-semibold);\r\n border-radius: var(--radius-full);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: var(--transition-normal);\r\n border: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .btn-primary {\r\n background: var(--gradient-leadership);\r\n color: white;\r\n box-shadow: var(--shadow-leadership);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 0 35px rgba(59, 130, 246, 0.25);\r\n }\r\n \r\n .btn-secondary {\r\n background: white;\r\n color: var(--color-primary);\r\n border: 2px solid var(--color-primary);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: var(--bg-leadership);\r\n border-color: var(--color-primary-dark);\r\n }\r\n \r\n .btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: -100%;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.5s;\r\n }\r\n .btn:hover::after { left: 100%; }\r\n \r\n .price-highlight {\r\n background: white;\r\n padding: var(--space-sm) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin-top: var(--space-md);\r\n animation: fadeInUp 0.6s ease-out 0.5s both;\r\n box-shadow: var(--shadow-md);\r\n border: 2px solid var(--color-primary);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n \r\n .price-original {\r\n text-decoration: line-through;\r\n color: var(--text-muted);\r\n font-size: var(--text-lg);\r\n }\r\n \r\n .price-current {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--color-success);\r\n }\r\n \r\n .price-note {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .exam-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-top: var(--space-md);\r\n }\r\n \r\n \/* ===== LECTURE CATEGORY CARDS ===== *\/\r\n .category-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: var(--space-lg);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .category-card {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-xl);\r\n text-align: center;\r\n border: 2px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .category-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .category-card.emotional { border-top: 4px solid var(--color-emotional); }\r\n .category-card.communication { border-top: 4px solid var(--color-communication); }\r\n .category-card.leadership { border-top: 4px solid var(--color-leadership); }\r\n .category-card.confidence { border-top: 4px solid var(--color-confidence); }\r\n .category-card.goals { border-top: 4px solid var(--color-goals); }\r\n .category-card.social { border-top: 4px solid var(--color-social); }\r\n \r\n .category-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-3xl);\r\n color: white;\r\n }\r\n \r\n .emotional .category-icon { background: var(--gradient-emotional); }\r\n .communication .category-icon { background: var(--gradient-communication); }\r\n .leadership .category-icon { background: var(--gradient-leadership); }\r\n .confidence .category-icon { background: var(--gradient-confidence); }\r\n .goals .category-icon { background: var(--gradient-goals); }\r\n .social .category-icon { background: var(--gradient-social); }\r\n \r\n .category-name {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n }\r\n \r\n .category-count {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n margin-bottom: var(--space-sm);\r\n }\r\n \r\n .category-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== COURSE OVERVIEW ===== *\/\r\n .overview { background: var(--bg-surface); }\r\n \r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .overview-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 3px solid var(--color-primary);\r\n }\r\n \r\n .overview-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .card-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n border: 2px solid var(--color-primary);\r\n }\r\n \r\n .card-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .card-desc {\r\n color: var(--text-secondary);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== LECTURE LIST ===== *\/\r\n .curriculum { background: var(--bg-surface); }\r\n \r\n .lectures-container {\r\n max-width: 1000px;\r\n margin: var(--space-xl) auto 0;\r\n }\r\n \r\n .lecture-category-header {\r\n background: var(--gradient-leadership);\r\n color: white;\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin: var(--space-xl) 0 var(--space-lg);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-md);\r\n }\r\n \r\n .category-number {\r\n background: white;\r\n color: var(--color-primary);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: var(--font-weight-bold);\r\n flex-shrink: 0;\r\n }\r\n \r\n .category-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .lecture-item {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-md);\r\n padding: var(--space-md) var(--space-lg);\r\n margin-bottom: var(--space-sm);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--space-md);\r\n }\r\n \r\n .lecture-item:hover {\r\n border-color: var(--color-primary);\r\n box-shadow: var(--shadow-md);\r\n transform: translateX(4px);\r\n }\r\n \r\n .lecture-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n font-size: var(--text-lg);\r\n flex-shrink: 0;\r\n }\r\n \r\n .lecture-content {\r\n flex: 1;\r\n }\r\n \r\n .lecture-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n font-size: var(--text-base);\r\n }\r\n \r\n .lecture-meta {\r\n font-size: var(--text-xs);\r\n color: var(--text-muted);\r\n display: flex;\r\n gap: var(--space-md);\r\n flex-wrap: wrap;\r\n align-items: center;\r\n }\r\n \r\n .lecture-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n \/* ===== LMS FEATURES ===== *\/\r\n .lms-features { background: var(--bg-muted); }\r\n \r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .feature-item {\r\n text-align: center;\r\n padding: var(--space-lg);\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n }\r\n \r\n .feature-item:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .feature-icon {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n border: 2px solid var(--color-primary);\r\n color: var(--color-primary);\r\n }\r\n \r\n .feature-title {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .feature-desc {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== PRICING ===== *\/\r\n .pricing { background: var(--bg-surface); }\r\n \r\n .pricing-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-2xl);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n border: 3px solid var(--color-primary);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-leadership);\r\n }\r\n \r\n .pricing-card::before {\r\n content: 'CERTIFIED COURSE';\r\n position: absolute;\r\n top: var(--space-md);\r\n right: -35px;\r\n background: var(--gradient-leadership);\r\n color: white;\r\n padding: var(--space-xs) var(--space-2xl);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-bold);\r\n transform: rotate(45deg);\r\n letter-spacing: 1px;\r\n }\r\n \r\n .pricing-header {\r\n text-align: center;\r\n margin-bottom: var(--space-xl);\r\n }\r\n \r\n .pricing-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .pricing-price {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-leadership);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .pricing-duration {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-features {\r\n list-style: none;\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .pricing-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n padding: var(--space-xs) 0;\r\n color: var(--text-secondary);\r\n }\r\n \r\n .pricing-features i {\r\n color: var(--color-success);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-guarantee {\r\n text-align: center;\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n margin-top: var(--space-lg);\r\n padding-top: var(--space-lg);\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .pricing-cta {\r\n display: block;\r\n width: 100%;\r\n padding: var(--space-md);\r\n font-size: var(--text-lg);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n \/* ===== FAQ ===== *\/\r\n .faq { background: var(--bg-muted); }\r\n .faq-container { max-width: 800px; margin: 0 auto; }\r\n \r\n .faq-item {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-md);\r\n margin-bottom: var(--space-sm);\r\n overflow: hidden;\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .faq-question {\r\n width: 100%;\r\n padding: var(--space-md) var(--space-lg);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n color: var(--text-primary);\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-medium);\r\n cursor: pointer;\r\n text-align: left;\r\n transition: var(--transition-fast);\r\n }\r\n \r\n .faq-question:hover { background: var(--bg-leadership); }\r\n \r\n .faq-question.active {\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary-dark);\r\n font-weight: var(--font-weight-semibold);\r\n }\r\n \r\n .faq-icon {\r\n transition: transform var(--transition-fast);\r\n color: var(--text-muted);\r\n }\r\n \r\n .faq-question.active .faq-icon {\r\n transform: rotate(45deg);\r\n color: var(--color-primary);\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 var(--space-lg);\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height var(--transition-normal), padding var(--transition-normal);\r\n color: var(--text-secondary);\r\n background: var(--bg-muted);\r\n }\r\n \r\n .faq-answer.show {\r\n padding: var(--space-sm) var(--space-lg) var(--space-lg);\r\n max-height: 500px;\r\n }\r\n \r\n \/* ===== FINAL CTA ===== *\/\r\n .final-cta {\r\n background: var(--gradient-hero);\r\n text-align: center;\r\n padding: var(--space-2xl) 0;\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .cta-title {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n }\r\n \r\n .cta-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n max-width: 600px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n .urgency-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n }\r\n \r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .fade-in-up {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n .delay-1 { animation-delay: 0.1s; }\r\n .delay-2 { animation-delay: 0.2s; }\r\n .delay-3 { animation-delay: 0.3s; }\r\n .delay-4 { animation-delay: 0.4s; }\r\n .delay-5 { animation-delay: 0.5s; }\r\n \r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: var(--text-4xl); }\r\n .hero-subtitle { font-size: var(--text-lg); }\r\n .hero-stats { gap: var(--space-md); }\r\n .stat-value { font-size: var(--text-2xl); }\r\n .section-title { font-size: var(--text-2xl); }\r\n .pricing-card { padding: var(--space-xl); }\r\n .pricing-price { font-size: var(--text-4xl); }\r\n .cta-title { font-size: var(--text-3xl); }\r\n .btn { width: 100%; justify-content: center; }\r\n .hero-cta { flex-direction: column; align-items: center; }\r\n .price-highlight { flex-direction: column; text-align: center; }\r\n .category-grid { grid-template-columns: 1fr; }\r\n .lecture-header { flex-direction: column; align-items: flex-start; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .hero-title { font-size: var(--text-3xl); }\r\n .section { padding: var(--space-xl) 0; }\r\n .container { padding: 0 var(--space-sm); }\r\n }\r\n \r\n \/* ===== SCROLL PROGRESS ===== *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0; left: 0;\r\n height: 3px;\r\n background: var(--gradient-leadership);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .leadership-orb {\r\n position: absolute;\r\n border-radius: var(--radius-full);\r\n filter: blur(50px);\r\n opacity: 0.35;\r\n animation: float 25s infinite ease-in-out;\r\n pointer-events: none;\r\n }\r\n \r\n .orb-blue {\r\n width: 350px; height: 350px;\r\n background: linear-gradient(135deg, rgba(59,130,246,0.2), rgba(59,130,246,0.05));\r\n top: -5%; right: -5%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .orb-purple {\r\n width: 280px; height: 280px;\r\n background: linear-gradient(135deg, rgba(139,92,246,0.18), rgba(139,92,246,0.05));\r\n bottom: 10%; left: -3%;\r\n animation-delay: -8s;\r\n }\r\n \r\n .orb-amber {\r\n width: 220px; height: 220px;\r\n background: linear-gradient(135deg, rgba(245,158,11,0.15), rgba(245,158,11,0.05));\r\n top: 55%; right: 8%;\r\n animation-delay: -15s;\r\n }\r\n \r\n @keyframes float {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(25px, -25px) scale(1.05); }\r\n 50% { transform: translate(0, 25px) scale(0.95); }\r\n 75% { transform: translate(-25px, -12px) scale(1.02); }\r\n }\r\n \r\n \/* ===== PERSONALITY ICONS DECORATION ===== *\/\r\n .personality-icon-bg {\r\n position: absolute;\r\n font-size: 3rem;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n user-select: none;\r\n animation: drift 30s linear infinite;\r\n }\r\n \r\n @keyframes drift {\r\n 0% { transform: translate(0, 0) rotate(0deg); }\r\n 100% { transform: translate(100px, 100px) rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Scroll Progress -->\r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n \r\n <!-- Decorative Personality Icons -->\r\n <div class=\"personality-icon-bg\" style=\"top: 10%; left: 5%;\">\ud83c\udfaf<\/div>\r\n <div class=\"personality-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83d\udcbc<\/div>\r\n <div class=\"personality-icon-bg\" style=\"bottom: 15%; left: 15%;\">\ud83c\udf1f<\/div>\r\n <div class=\"personality-icon-bg\" style=\"bottom: 25%; right: 20%;\">\ud83d\ude80<\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"leadership-orb orb-blue\"><\/div>\r\n <div class=\"leadership-orb orb-purple\"><\/div>\r\n <div class=\"leadership-orb orb-amber\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>Personality \u2022 Leadership \u2022 Communication \u2022 Growth<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Personality Development & <span>Leadership<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Master emotional intelligence, conflict resolution, goal-setting, and teamwork skills for personal and social success. Transform your character, transform your future.\r\n <\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">24<\/div>\r\n <div class=\"stat-label\">Lectures<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">24<\/div>\r\n <div class=\"stat-label\">Hours<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">6<\/div>\r\n <div class=\"stat-label\">Core Modules<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">LMS<\/div>\r\n <div class=\"stat-label\">Access<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-cta\">\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - $200\r\n <\/a>\r\n <a href=\"#curriculum\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-list\"><\/i>\r\n View Curriculum\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"price-highlight\">\r\n <span class=\"price-original\">$480<\/span>\r\n <span class=\"price-current\">$200 USD<\/span>\r\n <span class=\"price-note\">\u2022 LMS access \u2022 Certificate \u2022 Practice tools<\/span>\r\n <\/div>\r\n \r\n <div class=\"exam-badge\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <strong>Perfect for:<\/strong> Professionals \u2022 Students \u2022 Leaders \u2022 Entrepreneurs\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== LECTURE CATEGORIES ===== -->\r\n <section class=\"section overview\" id=\"categories\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Complete Course Curriculum<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive 24-lecture program covering emotional intelligence, communication, leadership, confidence, goal-setting, and social skills.\r\n <\/p>\r\n \r\n <div class=\"category-grid\">\r\n <div class=\"category-card emotional fade-in-up\">\r\n <div class=\"category-icon\">\ud83e\udde0<\/div>\r\n <div class=\"category-name\">Emotional Intelligence<\/div>\r\n <p class=\"category-desc\">Self-awareness, empathy, emotional regulation, conflict resolution, stress management<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card communication fade-in-up delay-1\">\r\n <div class=\"category-icon\">\ud83c\udfa4<\/div>\r\n <div class=\"category-name\">Communication Skills<\/div>\r\n <p class=\"category-desc\">Public speaking, active listening, persuasive communication, body language mastery<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card leadership fade-in-up delay-2\">\r\n <div class=\"category-icon\">\ud83d\udc51<\/div>\r\n <div class=\"category-name\">Leadership & Teamwork<\/div>\r\n <p class=\"category-desc\">Team building, decision-making, delegation, motivation, leading by example<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card confidence fade-in-up delay-3\">\r\n <div class=\"category-icon\">\ud83d\udcaa<\/div>\r\n <div class=\"category-name\">Confidence Building<\/div>\r\n <p class=\"category-desc\">Self-esteem, overcoming fear, positive mindset, assertiveness, personal presence<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card goals fade-in-up\">\r\n <div class=\"category-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"category-name\">Goal Setting & Productivity<\/div>\r\n <p class=\"category-desc\">Time management, habit formation, prioritization, achievement strategies<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card social fade-in-up delay-1\">\r\n <div class=\"category-icon\">\ud83e\udd1d<\/div>\r\n <div class=\"category-name\">Social Skills & Relationships<\/div>\r\n <p class=\"category-desc\">Networking, relationship building, family dynamics, social etiquette, influence<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== COURSE OVERVIEW ===== -->\r\n <section class=\"section overview\" id=\"overview\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Why Choose This Course?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Develop the essential soft skills that drive personal and professional success in every area of life.\r\n <\/p>\r\n \r\n <div class=\"overview-grid\">\r\n <div class=\"overview-card fade-in-up\">\r\n <div class=\"card-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\r\n <h3 class=\"card-title\">Emotional Mastery<\/h3>\r\n <p class=\"card-desc\">Develop deep self-awareness and emotional intelligence to navigate relationships, manage stress, and make better decisions in personal and professional settings.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-1\">\r\n <div class=\"card-icon\"><i class=\"fas fa-microphone-alt\"><\/i><\/div>\r\n <h3 class=\"card-title\">Powerful Communication<\/h3>\r\n <p class=\"card-desc\">Master public speaking, persuasive communication, and active listening to influence others, build rapport, and express yourself with clarity and confidence.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-2\">\r\n <div class=\"card-icon\"><i class=\"fas fa-crown\"><\/i><\/div>\r\n <h3 class=\"card-title\">Leadership Excellence<\/h3>\r\n <p class=\"card-desc\">Learn proven leadership strategies, team management techniques, and decision-making frameworks to inspire others and drive results in any environment.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-3\">\r\n <div class=\"card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <h3 class=\"card-title\">Personal Growth<\/h3>\r\n <p class=\"card-desc\">Build unshakeable confidence, set and achieve meaningful goals, develop positive habits, and create the life you envision for yourself.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <!-- ===== PRICING ===== -->\r\n <section class=\"section pricing\" id=\"pricing\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Investment in Your Future<\/h2>\r\n <p class=\"section-subtitle\">\r\n Transform your personality and unlock your leadership potential with this comprehensive development program.\r\n <\/p>\r\n \r\n <div class=\"pricing-card fade-in-up\">\r\n <div class=\"pricing-header\">\r\n <h3 class=\"pricing-title\">Personality Development & Leadership - Complete Course<\/h3>\r\n <div class=\"pricing-price\">$200<\/div>\r\n <div class=\"pricing-duration\">USD \u2022 One-time payment \u2022 LMS Access<\/div>\r\n <\/div>\r\n \r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-check\"><\/i> 24 comprehensive video lectures (60 mins each)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> 24 hours of premium content<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Emotional intelligence mastery & self-awareness<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Public speaking & communication excellence<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Leadership & teamwork strategies<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Confidence building & body language<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Goal setting & productivity systems<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Social skills & relationship building<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Physical & mental exercise routines<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Meditation & stress management techniques<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Downloadable workbooks & assessment tools<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Practice exercises & action plans<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> LMS access to all materials<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Verified completion certificate<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Community support & Q&A access<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <strong>Mobile & desktop access included<\/strong><\/li>\r\n <\/ul>\r\n \r\n <a href=\"#\" class=\"btn btn-primary pricing-cta\" id=\"enrollBtn\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - $200 USD\r\n <\/a>\r\n \r\n <p class=\"pricing-guarantee\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n 30-Day Money-Back Guarantee \u2022 No questions asked\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FAQ ===== -->\r\n <section class=\"section faq\" id=\"faq\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">\r\n Everything you need to know about the Personality Development & Leadership course.\r\n <\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Is this course suitable for beginners with no leadership experience?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! This course is designed for all levels - from complete beginners to experienced professionals. We start with foundational concepts and progressively build advanced skills. Each lecture includes practical exercises suitable for your current level.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How will this course help me in my career?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Personality development and leadership skills are critical for career advancement. You'll learn communication, emotional intelligence, teamwork, and leadership strategies that employers value. Graduates report improved confidence, better relationships, promotions, and enhanced professional presence.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What kind of exercises and practices are included?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>The course includes diverse practices: meditation sessions, physical exercises for confidence, public speaking drills, role-playing scenarios, self-assessment tools, goal-setting worksheets, habit trackers, and real-world application assignments. You'll practice both mental and physical techniques.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Will I learn how to improve my family and home relationships?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! Module 6 specifically covers family dynamics and home relationships. You'll learn conflict resolution, effective communication with family members, setting healthy boundaries, emotional regulation at home, and building stronger personal relationships alongside professional skills.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How much time should I dedicate daily to see results?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>We recommend 45-60 minutes daily: 30 minutes for lecture content and 15-30 minutes for practice exercises. Consistency is key! Even 20 minutes of daily practice can create significant transformation over the 24-lecture program. The course is self-paced to fit your schedule.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What makes this course different from other personality development programs?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Our holistic approach combines emotional intelligence, communication, leadership, confidence, goal-setting, AND social skills in one comprehensive program. We integrate mental exercises, physical practices, meditation, and real-world application. Plus, you get lifetime LMS access, practical tools, and ongoing community support.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FINAL CTA ===== -->\r\n <section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"urgency-badge\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <span>Transform Your Personality \u2022 Limited Enrollment<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Become the Best Version of Yourself<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of professionals, students, and leaders who have transformed their confidence, communication, and leadership abilities. Your journey to personal excellence starts today!\r\n <\/p>\r\n \r\n <a href=\"#\" class=\"btn btn-primary\" style=\"padding: var(--space-md) var(--space-2xl); font-size: var(--text-lg);\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - Start Your Transformation\r\n <\/a>\r\n \r\n <p style=\"margin-top: var(--space-lg); color: var(--text-muted); font-size: var(--text-sm);\">\r\n <i class=\"fas fa-shield-alt\"><\/i> 30-day guarantee \u2022 Secure checkout \u2022 Instant access \u2022 Lifetime learning\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== JAVASCRIPT ===== -->\r\n <script>\r\n \/\/ ===== Scroll Progress =====\r\n const scrollProgress = document.getElementById('scrollProgress');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = document.documentElement.scrollTop;\r\n const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (scrollTop \/ scrollHeight) * 100;\r\n scrollProgress.style.width = scrolled + '%';\r\n });\r\n \r\n \/\/ ===== FAQ Accordion =====\r\n document.querySelectorAll('.faq-question').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const answer = button.nextElementSibling;\r\n const icon = button.querySelector('.faq-icon');\r\n button.classList.toggle('active');\r\n answer.classList.toggle('show');\r\n document.querySelectorAll('.faq-question').forEach(otherBtn => {\r\n if (otherBtn !== button) {\r\n otherBtn.classList.remove('active');\r\n otherBtn.nextElementSibling.classList.remove('show');\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ ===== Intersection Observer for Animations =====\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n \r\n document.querySelectorAll('.fade-in-up').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\r\n observer.observe(el);\r\n });\r\n \r\n \/\/ ===== Button Shine Effect =====\r\n document.querySelectorAll('.btn').forEach(btn => {\r\n btn.addEventListener('mouseenter', function(e) {\r\n const rect = this.getBoundingClientRect();\r\n this.style.setProperty('--x', `${e.clientX - rect.left}px`);\r\n this.style.setProperty('--y', `${e.clientY - rect.top}px`);\r\n });\r\n });\r\n \r\n \/\/ ===== Smooth Scroll =====\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n \r\n \/\/ ===== Enrollment Handler =====\r\n document.getElementById('enrollBtn').addEventListener('click', function(e) {\r\n e.preventDefault();\r\n alert('\ud83d\ude80 Welcome to Personality Development & Leadership!\\n\\nYou will be redirected to secure enrollment.\\n\\nInvestment: $200 USD\\nDuration: 24 Hours (24 Lectures)\\nAccess: Lifetime');\r\n });\r\n \r\n \/\/ ===== Initialize Hero Animations =====\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('.hero .fade-in-up').forEach((el, i) => {\r\n setTimeout(() => {\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }, 100 * i);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Personality Development | Gyan Academy – Unlock Your Potential \ud83c\udfaf \ud83d\udcbc \ud83c\udf1f \ud83d\ude80 Personality \u2022 Leadership \u2022 Communication \u2022 Growth […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=205"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/205\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}