{"id":44,"date":"2026-04-25T05:37:17","date_gmt":"2026-04-25T05:37:17","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=44"},"modified":"2026-04-25T05:38:58","modified_gmt":"2026-04-25T05:38:58","slug":"math-lr","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=44","title":{"rendered":"Math & LR"},"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 Math & Logical Reasoning | Gyan Academy - Think Faster, Solve Smarter<\/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 - MATH & LOGIC LIGHT THEME ===== *\/\r\n :root {\r\n \/* Brain Power Theme *\/\r\n --gradient-hero: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 25%, #f3e8ff 55%, #fef3c7 85%, #ffffff 100%);\r\n --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n --gradient-brain: linear-gradient(90deg, #8b5cf6, #a855f7, #ec4899);\r\n --gradient-accent: linear-gradient(90deg, #10b981, #14b8a6, #06b6d4);\r\n --gradient-accent-soft: linear-gradient(90deg, rgba(16,185,129,0.1), rgba(20,184,166,0.1), rgba(6,182,212,0.1));\r\n \r\n \/* Brain Colors *\/\r\n --color-brain-purple: #8b5cf6;\r\n --color-brain-pink: #ec4899;\r\n --color-brain-blue: #3b82f6;\r\n --color-primary: #8b5cf6;\r\n --color-primary-dark: #7c3aed;\r\n --color-secondary: #06b6d4;\r\n --color-success: #22c55e;\r\n --color-warning: #f59e0b;\r\n --color-danger: #ef4444;\r\n \r\n \/* Light Backgrounds *\/\r\n --bg-body: #fafafa;\r\n --bg-surface: #ffffff;\r\n --bg-card: #ffffff;\r\n --bg-muted: #f1f5f9;\r\n --bg-brain: #f5f3ff;\r\n \r\n \/* Text Colors *\/\r\n --text-primary: #0f172a;\r\n --text-secondary: #334155;\r\n --text-muted: #64748b;\r\n --text-inverse: #ffffff;\r\n \r\n \/* Borders *\/\r\n --border-light: #e2e8f0;\r\n --border-medium: #cbd5e1;\r\n --border-brain: #8b5cf6;\r\n \r\n \/* Shadows *\/\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(139, 92, 246, 0.15);\r\n --shadow-brain: 0 0 25px rgba(139, 92, 246, 0.12);\r\n \r\n \/* Transitions *\/\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 \/* Border Radius *\/\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 \/* Spacing *\/\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 \/* Typography *\/\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 \/* ===== BASE STYLES ===== *\/\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-brain);\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(139, 92, 246, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 85% 15%, rgba(236, 72, 153, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 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(139, 92, 246, 0.12);\r\n border: 1px solid rgba(139, 92, 246, 0.25);\r\n color: var(--color-brain-purple);\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-brain-pink); }\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-brain);\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-brain);\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-brain);\r\n color: white;\r\n box-shadow: var(--shadow-brain);\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(139, 92, 246, 0.25);\r\n }\r\n \r\n .btn-secondary {\r\n background: white;\r\n color: var(--color-brain-purple);\r\n border: 2px solid var(--color-brain-purple);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: var(--bg-brain);\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-brain-purple);\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 .age-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(16, 185, 129, 0.12);\r\n color: var(--color-primary-dark);\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 \/* ===== PUZZLE PREVIEW BOX ===== *\/\r\n .puzzle-preview {\r\n background: linear-gradient(135deg, #fef3c7, #fde68a);\r\n border: 3px dashed var(--color-warning);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n text-align: center;\r\n }\r\n \r\n .puzzle-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n }\r\n \r\n .puzzle-box {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n margin: var(--space-md) 0;\r\n box-shadow: var(--shadow-md);\r\n }\r\n \r\n .puzzle-question {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n font-family: var(--font-mono);\r\n }\r\n \r\n .puzzle-hint {\r\n background: var(--bg-muted);\r\n padding: var(--space-sm);\r\n border-radius: var(--radius-md);\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n margin-top: var(--space-sm);\r\n }\r\n \r\n \/* ===== SKILL CARDS ===== *\/\r\n .skills-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: var(--space-md);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .skill-card {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n text-align: center;\r\n border: 2px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n }\r\n \r\n .skill-card:hover {\r\n border-color: var(--color-brain-purple);\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n \r\n .skill-icon {\r\n width: 64px;\r\n height: 64px;\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-sm);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-brain);\r\n color: white;\r\n }\r\n \r\n .skill-name {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n font-size: var(--text-sm);\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-brain-purple);\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 \/* ===== SPEED CHALLENGE SECTION ===== *\/\r\n .speed-challenge {\r\n background: linear-gradient(135deg, #dbeafe, #bfdbfe);\r\n border: 2px solid var(--color-brain-blue);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n text-align: center;\r\n }\r\n \r\n .challenge-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n }\r\n \r\n .challenge-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--space-lg);\r\n margin: var(--space-lg) 0;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .challenge-stat {\r\n background: white;\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 }\r\n \r\n .challenge-value {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--color-brain-blue);\r\n }\r\n \r\n .challenge-label {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n }\r\n \r\n \/* ===== CURRICULUM \/ 4 WEEKS ===== *\/\r\n .curriculum { background: var(--bg-surface); }\r\n \r\n .timeline {\r\n position: relative;\r\n max-width: 900px;\r\n margin: var(--space-xl) auto 0;\r\n padding-left: var(--space-lg);\r\n }\r\n \r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 3px;\r\n top: 10px;\r\n bottom: 10px;\r\n width: 2px;\r\n background: var(--gradient-brain);\r\n border-radius: var(--radius-full);\r\n }\r\n \r\n .week-card {\r\n position: relative;\r\n background: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n margin-bottom: var(--space-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 .week-card:hover {\r\n border-color: var(--color-brain-purple);\r\n box-shadow: var(--shadow-md);\r\n transform: translateX(4px);\r\n }\r\n \r\n .week-card::before {\r\n content: '';\r\n position: absolute;\r\n left: -29px;\r\n top: 24px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: var(--radius-full);\r\n background: var(--color-brain-purple);\r\n border: 3px solid white;\r\n box-shadow: 0 0 0 2px var(--color-brain-purple);\r\n }\r\n \r\n .week-header {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-md);\r\n margin-bottom: var(--space-md);\r\n padding-bottom: var(--space-sm);\r\n border-bottom: 1px dashed var(--border-light);\r\n }\r\n \r\n .week-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n background: var(--gradient-brain);\r\n color: white;\r\n font-weight: var(--font-weight-bold);\r\n font-size: var(--text-lg);\r\n flex-shrink: 0;\r\n }\r\n \r\n .week-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n }\r\n \r\n .week-classes {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n margin-left: var(--space-xs);\r\n }\r\n \r\n .topics-list {\r\n list-style: none;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: var(--space-xs);\r\n }\r\n \r\n .topics-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n padding: var(--space-xs) 0;\r\n }\r\n \r\n .topics-list li::before {\r\n content: '\ud83e\udde9';\r\n font-size: var(--text-xs);\r\n }\r\n \r\n .topic-highlight {\r\n display: inline-block;\r\n background: rgba(139, 92, 246, 0.12);\r\n color: var(--color-brain-purple);\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-sm);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n margin: var(--space-xs) 0;\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-brain-purple);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-brain);\r\n }\r\n \r\n .pricing-card::before {\r\n content: 'BEST VALUE';\r\n position: absolute;\r\n top: var(--space-md);\r\n right: -35px;\r\n background: var(--gradient-brain);\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-brain);\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-brain); }\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 .timeline::before { left: 18px; }\r\n .week-card::before { left: -25px; }\r\n .topics-list { grid-template-columns: 1fr; }\r\n .challenge-stats { flex-direction: column; }\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 .skills-grid { grid-template-columns: repeat(2, 1fr); }\r\n .puzzle-preview { padding: var(--space-lg); }\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-brain);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .brain-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-purple {\r\n width: 350px; height: 350px;\r\n background: linear-gradient(135deg, rgba(139,116,246,0.2), rgba(139,116,246,0.05));\r\n top: -5%; right: -5%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .orb-pink {\r\n width: 280px; height: 280px;\r\n background: linear-gradient(135deg, rgba(236,72,153,0.18), rgba(236,72,153,0.05));\r\n bottom: 10%; left: -3%;\r\n animation-delay: -8s;\r\n }\r\n \r\n .orb-blue {\r\n width: 220px; height: 220px;\r\n background: linear-gradient(135deg, rgba(59,130,246,0.15), rgba(59,130,246,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 \/* ===== BRAIN ICONS DECORATION ===== *\/\r\n .brain-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 Brain Icons -->\r\n <div class=\"brain-icon-bg\" style=\"top: 10%; left: 5%;\">\ud83e\udde0<\/div>\r\n <div class=\"brain-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83e\uddee<\/div>\r\n <div class=\"brain-icon-bg\" style=\"bottom: 15%; left: 15%;\">\ud83c\udfaf<\/div>\r\n <div class=\"brain-icon-bg\" style=\"bottom: 25%; right: 20%;\">\ud83d\udca1<\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"brain-orb orb-purple\"><\/div>\r\n <div class=\"brain-orb orb-pink\"><\/div>\r\n <div class=\"brain-orb orb-blue\"><\/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-brain\"><\/i>\r\n <span> Live Online \u2022 Mental Math + Logic Puzzles<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Master <span>Math & Logical Reasoning<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Boost mental math with Vedic tricks, solve Olympiad-style puzzles, and develop sharp analytical skills that last a lifetime.\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\">Live Classes<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">60min<\/div>\r\n <div class=\"stat-label\">Daily Sessions<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">5x<\/div>\r\n <div class=\"stat-label\">Faster Calculation<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">100+<\/div>\r\n <div class=\"stat-label\">Brain Teasers<\/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 - $240\r\n <\/a>\r\n <a href=\"#curriculum\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-list\"><\/i>\r\n View Syllabus\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"price-highlight\">\r\n <span class=\"price-original\">$499<\/span>\r\n <span class=\"price-current\">$240 USD<\/span>\r\n <span class=\"price-note\">\u2022 One-time payment <\/span>\r\n <\/div>\r\n \r\n <div class=\"age-badge\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <strong>Perfect for:<\/strong> Math Olympiad \u2022 Competitive Exams \u2022 School Excellence \u2022 Brain Development\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== SKILLS COVERED ===== -->\r\n <section class=\"section overview\" id=\"skills\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Skills You'll Master<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive training in mental math, logical reasoning, and problem-solving techniques.\r\n <\/p>\r\n \r\n <div class=\"skills-grid\">\r\n <div class=\"skill-card fade-in-up\">\r\n <div class=\"skill-icon\">\u26a1<\/div>\r\n <div class=\"skill-name\">Speed Math<\/div>\r\n <\/div>\r\n <div class=\"skill-card fade-in-up delay-1\">\r\n <div class=\"skill-icon\">\ud83e\udde9<\/div>\r\n <div class=\"skill-name\">Logic Puzzles<\/div>\r\n <\/div>\r\n <div class=\"skill-card fade-in-up delay-2\">\r\n <div class=\"skill-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"skill-name\">Pattern Recognition<\/div>\r\n <\/div>\r\n <div class=\"skill-card fade-in-up delay-3\">\r\n <div class=\"skill-icon\">\ud83d\udd22<\/div>\r\n <div class=\"skill-name\">Number Sense<\/div>\r\n <\/div>\r\n <div class=\"skill-card fade-in-up delay-4\">\r\n <div class=\"skill-icon\">\ud83e\udde0<\/div>\r\n <div class=\"skill-name\">Critical Thinking<\/div>\r\n <\/div>\r\n <div class=\"skill-card fade-in-up delay-5\">\r\n <div class=\"skill-icon\">\ud83d\udcca<\/div>\r\n <div class=\"skill-name\">Data Analysis<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Puzzle Preview -->\r\n <div class=\"puzzle-preview fade-in-up\">\r\n <div class=\"puzzle-title\"><i class=\"fas fa-lightbulb\"><\/i> Try This Brain Teaser!<\/div>\r\n <div class=\"puzzle-box\">\r\n <div class=\"puzzle-question\">If 3 + 4 = 19 and 5 + 6 = 41, what is 7 + 8 = ?<\/div>\r\n <p style=\"color: var(--text-secondary); font-size: var(--text-sm); margin-bottom: var(--space-sm);\">\r\n <strong>Hint:<\/strong> Look for the pattern, not just addition!\r\n <\/p>\r\n <div class=\"puzzle-hint\">\r\n <i class=\"fas fa-info-circle\"><\/i> \r\n <strong>Solution:<\/strong> (3 \u00d7 4) + (3 + 4) = 12 + 7 = 19 | So (7 \u00d7 8) + (7 + 8) = 56 + 15 = <strong>71<\/strong>\r\n <\/div>\r\n <\/div>\r\n <p style=\"color: var(--text-secondary); font-size: var(--text-sm); margin-top: var(--space-md);\">\r\n <i class=\"fas fa-graduation-cap\"><\/i> This is the type of logical reasoning your child will master in Week 2!\r\n <\/p>\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 Math & Logical Reasoning?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Build a powerful foundation for academic success, competitive exams, and real-world problem-solving.\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-bolt\"><\/i><\/div>\r\n <h3 class=\"card-title\">Calculate 5x Faster<\/h3>\r\n <p class=\"card-desc\">Master Vedic math tricks and mental calculation techniques to solve problems in seconds without a calculator.<\/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-brain\"><\/i><\/div>\r\n <h3 class=\"card-title\">Sharpen Analytical Thinking<\/h3>\r\n <p class=\"card-desc\">Develop logical reasoning skills through puzzles, patterns, and strategic problem-solving frameworks.<\/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-trophy\"><\/i><\/div>\r\n <h3 class=\"card-title\">Excel in Competitions<\/h3>\r\n <p class=\"card-desc\">Prepare for Math Olympiads, NTSE, IMO, and competitive exams with advanced problem-solving strategies.<\/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\">Boost Academic Performance<\/h3>\r\n <p class=\"card-desc\">Improve grades across all subjects with enhanced numerical ability, reasoning, and critical thinking skills.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Speed Challenge Preview -->\r\n <div class=\"speed-challenge fade-in-up delay-4\">\r\n <div class=\"challenge-title\"><i class=\"fas fa-stopwatch\"><\/i> Speed Math Challenge<\/div>\r\n <p style=\"color: var(--text-secondary); margin-bottom: var(--space-md);\">See how fast your child can calculate after our course:<\/p>\r\n <div class=\"challenge-stats\">\r\n <div class=\"challenge-stat\">\r\n <div class=\"challenge-value\">97 \u00d7 93<\/div>\r\n <div class=\"challenge-label\">Solve in 5 seconds<\/div>\r\n <\/div>\r\n <div class=\"challenge-stat\">\r\n <div class=\"challenge-value\">\u221a1849<\/div>\r\n <div class=\"challenge-label\">Find in 10 seconds<\/div>\r\n <\/div>\r\n <div class=\"challenge-stat\">\r\n <div class=\"challenge-value\">1\/7 + 2\/13<\/div>\r\n <div class=\"challenge-label\">Calculate in 15 seconds<\/div>\r\n <\/div>\r\n <\/div>\r\n <p style=\"color: var(--text-muted); font-size: var(--text-sm);\">\r\n <i class=\"fas fa-magic\"><\/i> These become easy with Vedic math techniques taught in Week 1!\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== CURRICULUM \/ 4 WEEKS ===== -->\r\n <section class=\"section curriculum\" id=\"curriculum\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">24-Class Curriculum Breakdown<\/h2>\r\n <p class=\"section-subtitle\">\r\n 4 weeks \u2022 6 live classes\/week \u2022 60 minutes each \u2022 Practice sheets + puzzle challenges\r\n <\/p>\r\n \r\n <div class=\"timeline\">\r\n <!-- Week 1: Mental Math Foundation -->\r\n <div class=\"week-card fade-in-up\">\r\n <div class=\"week-header\">\r\n <div class=\"week-number\">1<\/div>\r\n <div>\r\n <h3 class=\"week-title\">Mental Math Foundation<\/h3>\r\n <span class=\"week-classes\">Classes 1-6<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"topics-list\">\r\n <li>Vedic Math: Nikhilam & Urdhva Tiryak<\/li>\r\n <li>Speed Addition & Subtraction Tricks<\/li>\r\n <li>Multiplication Shortcuts (2-digit \u00d7 2-digit)<\/li>\r\n <li>Division Magic: Quick Quotient Methods<\/li>\r\n <li>Square & Square Root Shortcuts<\/li>\r\n <li>Percentage Calculations in Seconds<\/li>\r\n <li>Daily Speed Drills & Challenges<\/li>\r\n <\/ul>\r\n <div style=\"margin-top: var(--space-md); padding: var(--space-sm); background: var(--bg-muted); border-radius: var(--radius-md);\">\r\n <strong style=\"color: var(--text-primary);\">\ud83c\udfaf Week 1 Challenge:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Solve 50 multiplication problems in 5 minutes using Vedic techniques<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 2: Logical Reasoning -->\r\n <div class=\"week-card fade-in-up delay-1\">\r\n <div class=\"week-header\">\r\n <div class=\"week-number\">2<\/div>\r\n <div>\r\n <h3 class=\"week-title\">Logical Reasoning Mastery<\/h3>\r\n <span class=\"week-classes\">Classes 7-12<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"topics-list\">\r\n <li>Number Series & Pattern Recognition<\/li>\r\n <li>Coding-Decoding Techniques<\/li>\r\n <li>Blood Relations & Direction Sense<\/li>\r\n <li>Syllogisms & Logical Deductions<\/li>\r\n <li>Seating Arrangement Puzzles<\/li>\r\n <li>Critical Thinking Frameworks<\/li>\r\n <li>Brain Teasers & Riddles<\/li>\r\n <\/ul>\r\n <div style=\"margin-top: var(--space-md); padding: var(--space-sm); background: var(--bg-muted); border-radius: var(--radius-md);\">\r\n <strong style=\"color: var(--text-primary);\">\ud83c\udfaf Week 2 Challenge:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Solve 20 Olympiad-level reasoning puzzles with 90% accuracy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 3: Advanced Problem Solving -->\r\n <div class=\"week-card fade-in-up delay-2\">\r\n <div class=\"week-header\">\r\n <div class=\"week-number\">3<\/div>\r\n <div>\r\n <h3 class=\"week-title\">Advanced Problem Solving<\/h3>\r\n <span class=\"week-classes\">Classes 13-18<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"topics-list\">\r\n <li>Time, Speed & Distance Shortcuts<\/li>\r\n <li>Work & Time Optimization<\/li>\r\n <li>Profit, Loss & Discount Tricks<\/li>\r\n <li>Ratio & Proportion Mastery<\/li>\r\n <li>Algebra Shortcuts & Equation Solving<\/li>\r\n <li>Geometry Visualization Techniques<\/li>\r\n <li>Data Interpretation & Analysis<\/li>\r\n <\/ul>\r\n <div style=\"margin-top: var(--space-md); padding: var(--space-sm); background: var(--bg-muted); border-radius: var(--radius-md);\">\r\n <strong style=\"color: var(--text-primary);\">\ud83c\udfaf Week 3 Challenge:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Complete a mixed aptitude test with 95% accuracy in 30 minutes<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 4: Olympiad Prep + Certification -->\r\n <div class=\"week-card fade-in-up delay-3\">\r\n <div class=\"week-header\">\r\n <div class=\"week-number\">4<\/div>\r\n <div>\r\n <h3 class=\"week-title\">Olympiad Prep & Mastery<\/h3>\r\n <span class=\"week-classes\">Classes 19-24<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"topics-list\">\r\n <li>IMO\/NTSE Pattern Analysis<\/li>\r\n <li>Advanced Puzzle Strategies<\/li>\r\n <li>Time Management in Exams<\/li>\r\n <li>Mock Tests & Performance Analysis<\/li>\r\n <li>Error Analysis & Improvement<\/li>\r\n <li>Final Brain Championship<\/li>\r\n <li>Certification & Achievement Ceremony<\/li>\r\n <\/ul>\r\n <div style=\"text-align: center; margin-top: var(--space-md);\">\r\n <span class=\"topic-highlight\" style=\"background: rgba(34, 197, 94, 0.12); color: var(--color-success); font-weight: var(--font-weight-semibold);\">\r\n \ud83c\udfc6 Capstone: Compete in the Gyan Academy Math Championship with live puzzles & speed rounds!\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== LMS FEATURES ===== -->\r\n <section class=\"section lms-features\" id=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Powered by Gyan Academy LMS<\/h2>\r\n <p class=\"section-subtitle\">\r\n Interactive platform designed to make math fun, engaging, and measurable with AI-powered personalization.\r\n <\/p>\r\n \r\n <div class=\"features-grid\">\r\n <div class=\"feature-item fade-in-up\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-gamepad\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Gamified Challenges<\/h3>\r\n <p class=\"feature-desc\">Earn points, badges, and climb leaderboards with daily math puzzles and speed challenges<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-1\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n <h3 class=\"feature-title\">AI Puzzle Generator<\/h3>\r\n <p class=\"feature-desc\">Personalized logic puzzles adapt to your child's skill level for optimal learning<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-2\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-stopwatch\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Speed Timer Challenges<\/h3>\r\n <p class=\"feature-desc\">Track calculation speed improvement with real-time feedback and benchmarks<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-3\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Progress Analytics<\/h3>\r\n <p class=\"feature-desc\">Visual dashboard showing mental math speed, accuracy, and reasoning skills growth<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-4\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Peer Competitions<\/h3>\r\n <p class=\"feature-desc\">Friendly math battles and puzzle-solving challenges with classmates worldwide<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-5\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Achievement Badges<\/h3>\r\n <p class=\"feature-desc\">Earn digital credentials for mastering skills + shareable certificate of completion<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== PRICING ===== -->\r\n <section class=\"section pricing\" id=\"pricing\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Simple, Affordable Pricing<\/h2>\r\n <p class=\"section-subtitle\">\r\n . Empower your child's mathematical genius today.\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\">Math & Logic Mastery - Full Access<\/h3>\r\n <div class=\"pricing-price\">$240<\/div>\r\n <div class=\"pricing-duration\">USD \u2022 One-time payment<\/div>\r\n <\/div>\r\n \r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-check\"><\/i> 24 live interactive classes (60 mins each)<\/li>\r\n \r\n <li><i class=\"fas fa-check\"><\/i> Gyan Academy LMS platform access<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> 500+ puzzle library & brain teasers<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Personalized feedback from expert instructors<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Digital certificate of completion<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Parent progress reports & consultation<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Access to alumni community & advanced resources<\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/math-logical-reasoning\" class=\"btn btn-primary pricing-cta\" id=\"enrollBtn\">\r\n <i class=\"fas fa-lock\"><\/i>\r\n Secure Enrollment - $240 USD\r\n <\/a>\r\n \r\n <p class=\"pricing-guarantee\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n 7-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 parents and students need to know before enrolling.\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 What age is this course suitable for?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Our Math & Logical Reasoning course is designed for students aged 8-16 (Grades 3-10). We group students by skill level to ensure personalized attention. Basic arithmetic knowledge is helpful but not mandatory\u2014we build from fundamentals to advanced 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 this help with Math Olympiad preparation?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! Week 4 is specifically dedicated to Olympiad preparation with IMO\/NTSE pattern analysis, advanced puzzle strategies, and mock tests. Many of our students have gone on to excel in national and international math competitions.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What if my child struggles with math currently?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Perfect! This course is designed to transform math anxiety into math confidence. We start with fun puzzles and mental math tricks that make math enjoyable. Our gamified approach and personalized support ensure every child progresses at their own pace.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How is this different from regular math tutoring?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Unlike traditional tutoring that focuses on curriculum, we teach mental math shortcuts, logical reasoning frameworks, and problem-solving strategies. Students learn to think critically, solve puzzles, and calculate faster\u2014skills that enhance performance across all subjects and real-life situations.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do you offer a trial class?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! We offer a free 30-minute demo class where your child can experience mental math tricks and solve fun puzzles. Contact admissions@gyanacademy.com to schedule. Plus, our 7-day money-back guarantee ensures zero risk if the full course isn't the right fit.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What materials are included?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Enrollment includes: , 500+ puzzle library, practice worksheets with solutions, speed challenge games, progress tracking dashboard, Vedic math cheat sheets, and a digital certificate. No additional purchases required.<\/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-clock\"><\/i>\r\n <span>New Batch Starting Soon \u2022 Limited Seats<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Unlock Your Child's Mathematical Genius<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of students who've transformed their relationship with math. Build skills that last a lifetime.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/math-logical-reasoning\" 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 - Secure Your Spot\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-lock\"><\/i> Secure checkout \u2022 Instant access \u2022 7-day guarantee\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 Redirecting to secure enrollment...\\n\\nProduction link:\\nhttps:\/\/gyanacademy.com\/product\/math-logical-reasoning');\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>Math & Logical Reasoning | Gyan Academy – Think Faster, Solve Smarter \ud83e\udde0 \ud83e\uddee \ud83c\udfaf \ud83d\udca1 Live Online \u2022 Mental […]<\/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-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/44","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=44"}],"version-history":[{"count":4,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}