{"id":36,"date":"2026-04-25T04:12:19","date_gmt":"2026-04-25T04:12:19","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=36"},"modified":"2026-04-25T04:20:55","modified_gmt":"2026-04-25T04:20:55","slug":"ms-office","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=36","title":{"rendered":"MS Office"},"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 MS Office Mastery | Gyan Academy - Professional Productivity Skills<\/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 - MS OFFICE LIGHT THEME ===== *\/\r\n :root {\r\n \/* Microsoft Brand Colors + Light Theme *\/\r\n --gradient-hero: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 25%, #ede9fe 55%, #fef3c7 85%, #ffffff 100%);\r\n --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n --gradient-ms: linear-gradient(90deg, #0078d4, #50e6ff, #0078d4);\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 \/* Microsoft Brand Colors *\/\r\n --color-ms-blue: #0078d4;\r\n --color-ms-orange: #ea4335;\r\n --color-ms-green: #10b981;\r\n --color-ms-yellow: #f59e0b;\r\n --color-primary: #0078d4;\r\n --color-primary-dark: #005a9e;\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-ms: #f0f9ff;\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-ms: #0078d4;\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(0, 120, 212, 0.15);\r\n --shadow-ms: 0 0 25px rgba(0, 120, 212, 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-ms);\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(0, 120, 212, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 85% 15%, rgba(234, 67, 53, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 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(0, 120, 212, 0.12);\r\n border: 1px solid rgba(0, 120, 212, 0.25);\r\n color: var(--color-ms-blue);\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-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-ms);\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-ms);\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-ms);\r\n color: white;\r\n box-shadow: var(--shadow-ms);\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(0, 120, 212, 0.25);\r\n }\r\n \r\n .btn-secondary {\r\n background: white;\r\n color: var(--color-ms-blue);\r\n border: 2px solid var(--color-ms-blue);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: var(--bg-ms);\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-ms-blue);\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 .skill-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 \/* ===== APP ICON CARDS ===== *\/\r\n .app-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n gap: var(--space-md);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .app-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: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n }\r\n \r\n .app-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--color-ms-blue);\r\n }\r\n \r\n .app-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: var(--radius-md);\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 color: white;\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .app-word { background: linear-gradient(135deg, #2b579a, #0078d4); }\r\n .app-excel { background: linear-gradient(135deg, #107c41, #21a366); }\r\n .app-powerpoint { background: linear-gradient(135deg, #d24726, #ea4335); }\r\n .app-outlook { background: linear-gradient(135deg, #0078d4, #50e6ff); }\r\n .app-onenote { background: linear-gradient(135deg, #7719aa, #a63dff); }\r\n .app-onedrive { background: linear-gradient(135deg, #0078d4, #00bcf2); }\r\n \r\n .app-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-ms-blue);\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 \/* ===== SKILL TAGS ===== *\/\r\n .skills-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: var(--space-xs);\r\n justify-content: center;\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .skill-tag {\r\n background: var(--bg-muted);\r\n color: var(--text-secondary);\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n border: 1px solid var(--border-light);\r\n transition: var(--transition-fast);\r\n }\r\n \r\n .skill-tag:hover {\r\n background: var(--color-ms-blue);\r\n color: white;\r\n border-color: var(--color-primary-dark);\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-ms);\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-ms-blue);\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-ms-blue);\r\n border: 3px solid white;\r\n box-shadow: 0 0 0 2px var(--color-ms-blue);\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-ms);\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: '\u2713';\r\n color: var(--color-success);\r\n font-weight: bold;\r\n font-size: var(--text-xs);\r\n }\r\n \r\n .command-highlight {\r\n display: inline-block;\r\n background: rgba(0, 120, 212, 0.12);\r\n color: var(--color-ms-blue);\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 font-family: var(--font-mono);\r\n margin: var(--space-xs) 0;\r\n }\r\n \r\n \/* ===== QUICK REFERENCE SECTION ===== *\/\r\n .quick-ref {\r\n background: linear-gradient(135deg, #f0f9ff, #dbeafe);\r\n border: 2px solid var(--color-ms-blue);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .ref-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-top: var(--space-lg);\r\n }\r\n \r\n .ref-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border-left: 4px solid var(--color-ms-blue);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .ref-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-sm);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .ref-list {\r\n list-style: none;\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n .ref-list li {\r\n padding: var(--space-xs) 0;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .ref-list li::before {\r\n content: '\u25b9';\r\n color: var(--color-ms-blue);\r\n font-weight: bold;\r\n }\r\n \r\n .shortcut {\r\n font-family: var(--font-mono);\r\n background: var(--bg-muted);\r\n padding: 2px 6px;\r\n border-radius: var(--radius-sm);\r\n font-size: var(--text-xs);\r\n color: var(--color-primary-dark);\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-ms-blue);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-ms);\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-ms);\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-ms);\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-ms); }\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 .app-grid { grid-template-columns: repeat(3, 1fr); }\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 .app-grid { grid-template-columns: repeat(2, 1fr); }\r\n .quick-ref { 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-ms);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .ms-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(0,120,212,0.2), rgba(0,120,212,0.05));\r\n top: -5%; right: -5%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .orb-orange {\r\n width: 280px; height: 280px;\r\n background: linear-gradient(135deg, rgba(234,67,53,0.18), rgba(234,67,53,0.05));\r\n bottom: 10%; left: -3%;\r\n animation-delay: -8s;\r\n }\r\n \r\n .orb-green {\r\n width: 220px; height: 220px;\r\n background: linear-gradient(135deg, rgba(16,185,129,0.15), rgba(16,185,129,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 \/* ===== OFFICE RIBBON DECORATION ===== *\/\r\n .ribbon-bg {\r\n position: absolute;\r\n height: 2px;\r\n background: var(--gradient-ms);\r\n opacity: 0.1;\r\n pointer-events: none;\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 Ribbon Lines -->\r\n <div class=\"ribbon-bg\" style=\"top: 15%; width: 60%; left: 20%;\"><\/div>\r\n <div class=\"ribbon-bg\" style=\"bottom: 20%; width: 40%; right: 10%;\"><\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"ms-orb orb-blue\"><\/div>\r\n <div class=\"ms-orb orb-orange\"><\/div>\r\n <div class=\"ms-orb orb-green\"><\/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-laptop\"><\/i>\r\n <span>Beginner to Pro \u2022 Live Online \u2022 Hands-On Projects<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Master <span>MS Office Essentials<\/span> in 24 Days\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Word \u2022 Excel \u2022 PowerPoint \u2022 Outlook \u2022 OneNote. Learn essential tools, commands & shortcuts to boost productivity and advance your career.\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\">5<\/div>\r\n <div class=\"stat-label\">Core Apps<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">100+<\/div>\r\n <div class=\"stat-label\">Commands<\/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=\"skill-badge\">\r\n <i class=\"fas fa-certificate\"><\/i>\r\n <strong>Perfect for:<\/strong> Students \u2022 Professionals \u2022 Job Seekers \u2022 Entrepreneurs\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== APPS COVERED ===== -->\r\n <section class=\"section overview\" id=\"apps\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Master All Essential MS Office Apps<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive coverage of the tools you use every day\u2014with pro tips and time-saving shortcuts.\r\n <\/p>\r\n \r\n <div class=\"app-grid\">\r\n <div class=\"app-card fade-in-up\">\r\n <div class=\"app-icon app-word\">W<\/div>\r\n <div class=\"app-name\">Microsoft Word<\/div>\r\n <\/div>\r\n <div class=\"app-card fade-in-up delay-1\">\r\n <div class=\"app-icon app-excel\">X<\/div>\r\n <div class=\"app-name\">Microsoft Excel<\/div>\r\n <\/div>\r\n <div class=\"app-card fade-in-up delay-2\">\r\n <div class=\"app-icon app-powerpoint\">P<\/div>\r\n <div class=\"app-name\">PowerPoint<\/div>\r\n <\/div>\r\n <div class=\"app-card fade-in-up delay-3\">\r\n <div class=\"app-icon app-outlook\">O<\/div>\r\n <div class=\"app-name\">Outlook<\/div>\r\n <\/div>\r\n <div class=\"app-card fade-in-up delay-4\">\r\n <div class=\"app-icon app-onenote\">N<\/div>\r\n <div class=\"app-name\">OneNote<\/div>\r\n <\/div>\r\n <div class=\"app-card fade-in-up delay-5\">\r\n <div class=\"app-icon app-onedrive\">\u2601<\/div>\r\n <div class=\"app-name\">OneDrive<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Skills Tags -->\r\n <div class=\"skills-container\">\r\n <span class=\"skill-tag\">Mail Merge<\/span>\r\n <span class=\"skill-tag\">Pivot Tables<\/span>\r\n <span class=\"skill-tag\">VLOOKUP<\/span>\r\n <span class=\"skill-tag\">Slide Masters<\/span>\r\n <span class=\"skill-tag\">Email Rules<\/span>\r\n <span class=\"skill-tag\">Cloud Sync<\/span>\r\n <span class=\"skill-tag\">Keyboard Shortcuts<\/span>\r\n <span class=\"skill-tag\">Data Validation<\/span>\r\n <span class=\"skill-tag\">Conditional Formatting<\/span>\r\n <span class=\"skill-tag\">Presentation Design<\/span>\r\n <span class=\"skill-tag\">Calendar Management<\/span>\r\n <span class=\"skill-tag\">Collaboration Tools<\/span>\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 Learn MS Office With Us?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Go beyond basics. Learn the commands, shortcuts, and workflows that professionals use daily.\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\">Work 10x Faster<\/h3>\r\n <p class=\"card-desc\">Master keyboard shortcuts, Quick Access Toolbar customization, and automation techniques to save hours every week.<\/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-chart-line\"><\/i><\/div>\r\n <h3 class=\"card-title\">Data Analysis Ready<\/h3>\r\n <p class=\"card-desc\">From basic formulas to PivotTables and charts\u2014turn raw data into actionable insights with Excel mastery.<\/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-presentation\"><\/i><\/div>\r\n <h3 class=\"card-title\">Present with Impact<\/h3>\r\n <p class=\"card-desc\">Create stunning, professional presentations with slide masters, animations, and design principles that engage audiences.<\/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-sync-alt\"><\/i><\/div>\r\n <h3 class=\"card-title\">Seamless Integration<\/h3>\r\n <p class=\"card-desc\">Learn how Word, Excel, PowerPoint & Outlook work together\u2014embed charts, link data, and share files via OneDrive.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Quick Reference Preview -->\r\n <div class=\"quick-ref fade-in-up delay-4\">\r\n <h3 style=\"text-align: center; margin-bottom: var(--space-md); color: var(--text-primary);\">\r\n <i class=\"fas fa-keyboard\"><\/i> Sneak Peek: Essential Shortcuts You'll Master\r\n <\/h3>\r\n <div class=\"ref-grid\">\r\n <div class=\"ref-card\">\r\n <div class=\"ref-title\"><i class=\"fas fa-file-word\"><\/i> Word Essentials<\/div>\r\n <ul class=\"ref-list\">\r\n <li><span class=\"shortcut\">Ctrl+B\/I\/U<\/span> Bold\/Italic\/Underline<\/li>\r\n <li><span class=\"shortcut\">Ctrl+Shift+C\/V<\/span> Format Painter<\/li>\r\n <li><span class=\"shortcut\">Alt+Shift+D<\/span> Insert Date<\/li>\r\n <li><span class=\"shortcut\">F7<\/span> Spell Check<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"ref-card\">\r\n <div class=\"ref-title\"><i class=\"fas fa-file-excel\"><\/i> Excel Power<\/div>\r\n <ul class=\"ref-list\">\r\n <li><span class=\"shortcut\">Ctrl+Arrow<\/span> Jump to Edge<\/li>\r\n <li><span class=\"shortcut\">Alt+=<\/span> AutoSum<\/li>\r\n <li><span class=\"shortcut\">Ctrl+Shift+L<\/span> Toggle Filters<\/li>\r\n <li><span class=\"shortcut\">F4<\/span> Repeat Last Action<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"ref-card\">\r\n <div class=\"ref-title\"><i class=\"fas fa-file-powerpoint\"><\/i> PowerPoint Pro<\/div>\r\n <ul class=\"ref-list\">\r\n <li><span class=\"shortcut\">F5<\/span> Start Slide Show<\/li>\r\n <li><span class=\"shortcut\">Ctrl+M<\/span> New Slide<\/li>\r\n <li><span class=\"shortcut\">Ctrl+D<\/span> Duplicate Object<\/li>\r\n <li><span class=\"shortcut\">B\/W<\/span> Black\/White Screen<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\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 Hands-on practice + project files\r\n <\/p>\r\n \r\n <div class=\"timeline\">\r\n <!-- Week 1: Word Mastery -->\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\">Microsoft Word Mastery<\/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>Interface & Ribbon Customization<\/li>\r\n <li>Styles, Themes & Templates<\/li>\r\n <li>Tables, Columns & Page Layout<\/li>\r\n <li>Headers, Footers & Page Numbers<\/li>\r\n <li><span class=\"command-highlight\">Mail Merge<\/span> for Letters\/Labels<\/li>\r\n <li>Track Changes, Comments & Review<\/li>\r\n <li>Export to PDF & Document Protection<\/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 Project:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Create a professional business report with TOC, headers, and mail merge cover letter<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 2: Excel Essentials to Advanced -->\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\">Excel: From Basics to Pro<\/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>Workbook Navigation & Cell Formatting<\/li>\r\n <li>Essential Formulas: SUM, AVERAGE, IF<\/li>\r\n <li><span class=\"command-highlight\">VLOOKUP\/XLOOKUP<\/span> & Data Validation<\/li>\r\n <li>Conditional Formatting & Data Bars<\/li>\r\n <li><span class=\"command-highlight\">PivotTables<\/span> & PivotCharts<\/li>\r\n <li>Charts: Bar, Line, Pie & Combo Types<\/li>\r\n <li>Print Setup & Sharing Workbooks<\/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 Project:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Build an interactive sales dashboard with PivotTables and dynamic charts<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 3: PowerPoint + Outlook -->\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\">PowerPoint Pro + Outlook Efficiency<\/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>Slide Masters & Layout Design<\/li>\r\n <li>SmartArt, Icons & Media Integration<\/li>\r\n <li>Animations, Transitions & Timing<\/li>\r\n <li>Presenter View & Rehearsal Tools<\/li>\r\n <li>Outlook: Email Rules & Quick Steps<\/li>\r\n <li>Calendar Management & Meeting Scheduling<\/li>\r\n <li>Contacts, Tasks & Integration with Office Apps<\/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 Project:<\/strong> \r\n <span style=\"color: var(--text-secondary); font-size: var(--text-sm);\">Design a branded presentation + set up automated email workflows in Outlook<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Week 4: Integration + Automation + 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\">Integration, Automation & 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>Embedding Excel Charts in Word\/PPT<\/li>\r\n <li>OneNote for Meeting Notes & Research<\/li>\r\n <li>OneDrive: Cloud Sync & Real-Time Collaboration<\/li>\r\n <li>Office Add-ins & Power Automate Basics<\/li>\r\n <li>Accessibility Features & Document Standards<\/li>\r\n <li>Capstone Project: End-to-End Business Workflow<\/li>\r\n <li>Final Assessment & Certification Ceremony<\/li>\r\n <\/ul>\r\n <div style=\"text-align: center; margin-top: var(--space-md);\">\r\n <span class=\"command-highlight\" style=\"background: rgba(34, 197, 94, 0.12); color: var(--color-success); font-weight: var(--font-weight-semibold);\">\r\n \ud83c\udf93 Capstone: Create a complete business proposal with Word report, Excel budget, PowerPoint pitch & Outlook follow-up\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 Practice in a simulated Office environment with instant feedback and personalized guidance.\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-desktop\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Virtual Office Lab<\/h3>\r\n <p class=\"feature-desc\">Practice commands in a browser-based Office simulator\u2014no software installation required<\/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 Command Coach<\/h3>\r\n <p class=\"feature-desc\">Get instant hints when you're stuck + personalized shortcut recommendations based on your workflow<\/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-tasks\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Project-Based Challenges<\/h3>\r\n <p class=\"feature-desc\">Real-world tasks: format a resume, analyze sales data, design a presentation\u2014with automated grading<\/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\">Skill Progress Tracker<\/h3>\r\n <p class=\"feature-desc\">Visual dashboard showing mastery of Word, Excel, PPT skills + time saved with shortcuts<\/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 Review Community<\/h3>\r\n <p class=\"feature-desc\">Share projects, get feedback, and learn pro tips from classmates and instructors<\/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\">Industry-Recognized Certificate<\/h3>\r\n <p class=\"feature-desc\">Shareable digital credential + LinkedIn badge + downloadable completion report<\/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 One-time investment. Boost your productivity and career prospects 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\">MS Office 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> Downloadable cheat sheets & shortcut guides<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Personalized feedback from certified 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\/employer progress reports<\/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\/ms-office-mastery\" 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 you need to know before enrolling in the MS Office Mastery 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 Do I need to have MS Office installed?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>For the best experience, having MS Office 2016 or later (or Microsoft 365) is recommended. However, our LMS includes a virtual Office simulator for practice, so you can start learning even without installed software. We'll also guide you through free alternatives like Office Online.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Is this course suitable for beginners?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! We start with interface basics and fundamental commands, then progressively build to advanced techniques. Whether you're opening Word for the first time or looking to master PivotTables, the course adapts to your pace with optional challenge exercises.<\/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 I miss a live class?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>All sessions are recorded and uploaded to your dashboard within 24 hours. You can watch at your own pace, revisit lessons, and submit practice assignments anytime. We also provide session notes, sample files, and step-by-step guides for offline learning.<\/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 me get a job or promotion?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! MS Office proficiency is required in 80%+ of office jobs. Our course focuses on the exact skills employers seek: data analysis in Excel, professional documents in Word, impactful presentations in PowerPoint, and efficient communication in Outlook. The certificate adds credibility to your resume.<\/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 corporate\/group discounts?\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 special pricing for teams of 5+ and customized corporate training packages. Contact admissions@gyanacademy.com to discuss bulk enrollment, dedicated instructors, or tailored curriculum for your organization's needs.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What support is available after the course?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n \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 Productivity Potential<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of professionals who've transformed their work with MS Office mastery. Start your journey today.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/ms-office-mastery\" 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\/ms-office-mastery');\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>MS Office Mastery | Gyan Academy – Professional Productivity Skills Beginner to Pro \u2022 Live Online \u2022 Hands-On Projects Master […]<\/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-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/36","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=36"}],"version-history":[{"count":5,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}