Filexa \u2014 Wealth, Fitness, Health, Travel & Personal Development<\/title>\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=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #0f172a;\r\n --accent: #f59e0b;\r\n --accent-light: #fbbf24;\r\n --wealth: #10b981;\r\n --fitness: #ef4444;\r\n --health: #06b6d4;\r\n --travel: #8b5cf6;\r\n --development: #f97316;\r\n --light: #f8fafc;\r\n --dark: #020617;\r\n --gray: #64748b;\r\n --gray-light: #e2e8f0;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--light);\r\n color: var(--primary);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== NAVIGATION ===== *\/\r\n .navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n padding: 1.2rem 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .navbar.scrolled {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\r\n padding: 0.8rem 5%;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n }\r\n\r\n .logo-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\r\n }\r\n\r\n .logo-icon::before {\r\n content: '';\r\n position: absolute;\r\n width: 60%;\r\n height: 60%;\r\n background: white;\r\n border-radius: 4px;\r\n opacity: 0.9;\r\n }\r\n\r\n .logo-icon::after {\r\n content: '';\r\n position: absolute;\r\n width: 40%;\r\n height: 3px;\r\n background: var(--accent);\r\n border-radius: 2px;\r\n top: 35%;\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.6rem;\r\n color: var(--primary);\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logo-text span {\r\n color: var(--accent);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 2.5rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n text-decoration: none;\r\n color: var(--primary);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--accent);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-links a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n padding: 0.7rem 1.8rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0.5rem;\r\n }\r\n\r\n .mobile-menu-btn span {\r\n display: block;\r\n width: 25px;\r\n height: 2px;\r\n background: var(--primary);\r\n margin: 6px 0;\r\n transition: 0.3s;\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n padding: 8rem 5% 4rem;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n }\r\n\r\n .hero-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n opacity: 0.03;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230f172a' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n }\r\n\r\n .hero-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .hero-left {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(245, 158, 11, 0.1);\r\n border: 1px solid rgba(245, 158, 11, 0.2);\r\n padding: 0.5rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--accent);\r\n margin-bottom: 1.5rem;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-badge .dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.2); }\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n color: var(--primary);\r\n margin-bottom: 1.5rem;\r\n animation: fadeInUp 0.8s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\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: 1.15rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n max-width: 500px;\r\n margin-bottom: 2.5rem;\r\n animation: fadeInUp 0.8s ease 0.4s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.8s ease 0.6s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n padding: 1rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(245, 158, 11, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--primary);\r\n padding: 1rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n border: 2px solid var(--gray-light);\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--accent);\r\n color: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 2.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--gray-light);\r\n animation: fadeInUp 0.8s ease 0.8s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .stat-item h3 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n }\r\n\r\n .stat-item p {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n margin-top: 0.2rem;\r\n }\r\n\r\n \/* Hero Visual *\/\r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-image-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 550px;\r\n }\r\n\r\n .hero-main-img {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n border-radius: 30px;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\r\n position: relative;\r\n z-index: 2;\r\n animation: fadeInScale 1s ease 0.3s forwards;\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n\r\n @keyframes fadeInScale {\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n .floating-card {\r\n position: absolute;\r\n background: white;\r\n padding: 1rem 1.5rem;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n z-index: 3;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .floating-card.card-1 {\r\n top: 10%;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .floating-card.card-2 {\r\n bottom: 15%;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .floating-card.card-3 {\r\n top: 50%;\r\n right: -40px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n }\r\n\r\n .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .card-icon.wealth { background: rgba(16, 185, 129, 0.1); }\r\n .card-icon.fitness { background: rgba(239, 68, 68, 0.1); }\r\n .card-icon.health { background: rgba(6, 182, 212, 0.1); }\r\n\r\n .card-text {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--primary);\r\n }\r\n\r\n .card-text span {\r\n display: block;\r\n font-size: 0.75rem;\r\n color: var(--gray);\r\n font-weight: 400;\r\n }\r\n\r\n .hero-decoration {\r\n position: absolute;\r\n width: 400px;\r\n height: 400px;\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n opacity: 0.15;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 1;\r\n }\r\n\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 \/* ===== CATEGORIES SECTION ===== *\/\r\n .categories {\r\n padding: 6rem 5%;\r\n background: white;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 0 auto 4rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n background: rgba(245, 158, 11, 0.1);\r\n color: var(--accent);\r\n padding: 0.4rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-subtitle {\r\n color: var(--gray);\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .categories-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1.5rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .category-card {\r\n background: var(--light);\r\n border-radius: 24px;\r\n padding: 2.5rem 1.5rem;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .category-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .category-card:hover::before {\r\n height: 100%;\r\n opacity: 0.05;\r\n }\r\n\r\n .category-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .category-card.wealth::before { background: var(--wealth); }\r\n .category-card.fitness::before { background: var(--fitness); }\r\n .category-card.health::before { background: var(--health); }\r\n .category-card.travel::before { background: var(--travel); }\r\n .category-card.development::before { background: var(--development); }\r\n\r\n .category-card.wealth:hover { border-color: rgba(16, 185, 129, 0.2); }\r\n .category-card.fitness:hover { border-color: rgba(239, 68, 68, 0.2); }\r\n .category-card.health:hover { border-color: rgba(6, 182, 212, 0.2); }\r\n .category-card.travel:hover { border-color: rgba(139, 92, 246, 0.2); }\r\n .category-card.development:hover { border-color: rgba(249, 115, 22, 0.2); }\r\n\r\n .cat-icon {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .category-card:hover .cat-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .cat-icon.wealth { background: rgba(16, 185, 129, 0.1); color: var(--wealth); }\r\n .cat-icon.fitness { background: rgba(239, 68, 68, 0.1); color: var(--fitness); }\r\n .cat-icon.health { background: rgba(6, 182, 212, 0.1); color: var(--health); }\r\n .cat-icon.travel { background: rgba(139, 92, 246, 0.1); color: var(--travel); }\r\n .cat-icon.development { background: rgba(249, 115, 22, 0.1); color: var(--development); }\r\n\r\n .cat-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary);\r\n }\r\n\r\n .cat-desc {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n .cat-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n margin-top: 1.2rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: gap 0.3s ease;\r\n }\r\n\r\n .cat-link:hover {\r\n gap: 0.6rem;\r\n }\r\n\r\n .cat-link.wealth { color: var(--wealth); }\r\n .cat-link.fitness { color: var(--fitness); }\r\n .cat-link.health { color: var(--health); }\r\n .cat-link.travel { color: var(--travel); }\r\n .cat-link.development { color: var(--development); }\r\n\r\n \/* ===== FEATURED SECTION ===== *\/\r\n .featured {\r\n padding: 6rem 5%;\r\n background: linear-gradient(180deg, var(--light) 0%, white 100%);\r\n }\r\n\r\n .featured-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .featured-main {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n height: 500px;\r\n cursor: pointer;\r\n }\r\n\r\n .featured-main img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .featured-main:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .featured-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 3rem;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n color: white;\r\n }\r\n\r\n .featured-tag {\r\n display: inline-block;\r\n background: var(--accent);\r\n color: white;\r\n padding: 0.3rem 0.8rem;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .featured-overlay h3 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .featured-overlay p {\r\n opacity: 0.8;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .featured-side {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .side-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .side-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .side-card-img {\r\n height: 140px;\r\n overflow: hidden;\r\n }\r\n\r\n .side-card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .side-card:hover .side-card-img img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .side-card-content {\r\n padding: 1.2rem;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .side-card-tag {\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .side-card-tag.wealth { color: var(--wealth); }\r\n .side-card-tag.fitness { color: var(--fitness); }\r\n .side-card-tag.health { color: var(--health); }\r\n .side-card-tag.travel { color: var(--travel); }\r\n .side-card-tag.development { color: var(--development); }\r\n\r\n .side-card h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== NEWSLETTER SECTION ===== *\/\r\n .newsletter {\r\n padding: 5rem 5%;\r\n background: var(--primary);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .newsletter::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n opacity: 0.05;\r\n }\r\n\r\n .newsletter-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .newsletter h2 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .newsletter p {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 1.05rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n gap: 1rem;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .newsletter-form input {\r\n flex: 1;\r\n padding: 1rem 1.5rem;\r\n border-radius: 50px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n background: rgba(255,255,255,0.1);\r\n color: white;\r\n font-size: 1rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .newsletter-form input::placeholder {\r\n color: rgba(255,255,255,0.5);\r\n }\r\n\r\n .newsletter-form input:focus {\r\n border-color: var(--accent);\r\n background: rgba(255,255,255,0.15);\r\n }\r\n\r\n .newsletter-form button {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n border: none;\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n .footer {\r\n background: var(--dark);\r\n color: white;\r\n padding: 4rem 5% 2rem;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 3rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding-bottom: 3rem;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .footer-brand .logo-text {\r\n color: white;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .footer-brand p {\r\n color: rgba(255,255,255,0.6);\r\n margin-top: 1rem;\r\n line-height: 1.7;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .footer-social {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .footer-social a {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n background: rgba(255,255,255,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-social a:hover {\r\n background: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-column h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n color: white;\r\n }\r\n\r\n .footer-column ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-column li {\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .footer-column a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-column a:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .footer-bottom {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding-top: 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: rgba(255,255,255,0.4);\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .hero-subtitle {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n order: -1;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .categories-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .featured-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links, .nav-cta {\r\n display: none;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n\r\n .hero {\r\n padding-top: 6rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .categories-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .newsletter-form {\r\n flex-direction: column;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n gap: 1rem;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .categories-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-stats {\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n text-align: center;\r\n }\r\n }\r\n\r\n \/* Scroll animations *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease;\r\n }\r\n\r\n .scroll-reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<base target=\"_blank\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"navbar\" id=\"navbar\">\r\n <a href=\"#\" class=\"logo\">\r\n <div class=\"logo-icon\"><\/div>\r\n <div class=\"logo-text\">File<span>xa<\/span><\/div>\r\n <\/a>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#wealth\">Wealth<\/a><\/li>\r\n <li><a href=\"#fitness\">Fitness<\/a><\/li>\r\n <li><a href=\"#health\">Health<\/a><\/li>\r\n <li><a href=\"#travel\">Travel<\/a><\/li>\r\n <li><a href=\"#development\">Personal Development<\/a><\/li>\r\n <\/ul>\r\n\r\n <a href=\"#newsletter\" class=\"nav-cta\">Get Started<\/a>\r\n\r\n <button class=\"mobile-menu-btn\" aria-label=\"Menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"hero-bg-pattern\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-badge\">\r\n <span class=\"dot\"><\/span>\r\n Welcome to Filexa\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n Elevate Your <span class=\"highlight\">Life<\/span> Across Every Dimension\r\n <\/h1>\r\n <p class=\"hero-subtitle\">\r\n Your all-in-one destination for mastering wealth, fitness, health, travel, and personal growth. Discover curated insights that transform ordinary routines into extraordinary lifestyles.\r\n <\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#categories\" class=\"btn-primary\">\r\n Explore Categories\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#featured\" class=\"btn-secondary\">\r\n Latest Articles\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <h3>50K+<\/h3>\r\n <p>Active Readers<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>1,200+<\/h3>\r\n <p>Expert Articles<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>5<\/h3>\r\n <p>Core Categories<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-decoration\"><\/div>\r\n <div class=\"hero-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&crop=faces\" alt=\"Person living their best life\" class=\"hero-main-img\">\r\n\r\n <div class=\"floating-card card-1\">\r\n <div class=\"card-icon wealth\">\ud83d\udcb0<\/div>\r\n <div class=\"card-text\">Wealth<span>+12% this month<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-card card-2\">\r\n <div class=\"card-icon fitness\">\ud83d\udcaa<\/div>\r\n <div class=\"card-text\">Fitness<span>Workout completed<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-card card-3\">\r\n <div class=\"card-icon health\">\u2764\ufe0f<\/div>\r\n <div class=\"card-text\">Health<span>Optimal wellness<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"categories\" id=\"categories\">\r\n <div class=\"section-header scroll-reveal\">\r\n <span class=\"section-tag\">What We Cover<\/span>\r\n <h2 class=\"section-title\">Five Pillars of a Fulfilled Life<\/h2>\r\n <p class=\"section-subtitle\">Dive deep into the areas that matter most. Each category is crafted by experts to help you level up every aspect of your journey.<\/p>\r\n <\/div>\r\n\r\n <div class=\"categories-grid\">\r\n <div class=\"category-card wealth scroll-reveal\">\r\n <div class=\"cat-icon wealth\">\ud83d\udcb0<\/div>\r\n <h3 class=\"cat-title\">Wealth & Finance<\/h3>\r\n <p class=\"cat-desc\">Smart investing, passive income streams, and financial independence strategies.<\/p>\r\n <a href=\"#\" class=\"cat-link wealth\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card fitness scroll-reveal\">\r\n <div class=\"cat-icon fitness\">\ud83d\udcaa<\/div>\r\n <h3 class=\"cat-title\">Fitness<\/h3>\r\n <p class=\"cat-desc\">Workout routines, strength training, and building a body that performs.<\/p>\r\n <a href=\"#\" class=\"cat-link fitness\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card health scroll-reveal\">\r\n <div class=\"cat-icon health\">\ud83e\uddd8<\/div>\r\n <h3 class=\"cat-title\">Health & Wellness<\/h3>\r\n <p class=\"cat-desc\">Nutrition, mental health, mindfulness, and holistic well-being practices.<\/p>\r\n <a href=\"#\" class=\"cat-link health\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card travel scroll-reveal\">\r\n <div class=\"cat-icon travel\">\u2708\ufe0f<\/div>\r\n <h3 class=\"cat-title\">Travel<\/h3>\r\n <p class=\"cat-desc\">Adventure guides, destination insights, and travel hacks for the modern explorer.<\/p>\r\n <a href=\"#\" class=\"cat-link travel\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card development scroll-reveal\">\r\n <div class=\"cat-icon development\">\ud83d\ude80<\/div>\r\n <h3 class=\"cat-title\">Personal Development<\/h3>\r\n <p class=\"cat-desc\">Productivity, mindset shifts, habits, and unlocking your full potential.<\/p>\r\n <a href=\"#\" class=\"cat-link development\">Explore \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"featured\" id=\"featured\">\r\n <div class=\"section-header scroll-reveal\">\r\n <span class=\"section-tag\">Editor's Pick<\/span>\r\n <h2 class=\"section-title\">Trending Now<\/h2>\r\n <p class=\"section-subtitle\">Handpicked articles and guides that are making waves in our community right now.<\/p>\r\n <\/div>\r\n\r\n <div class=\"featured-grid\">\r\n <div class=\"featured-main scroll-reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1200&h=600&fit=crop\" alt=\"Financial freedom\">\r\n <div class=\"featured-overlay\">\r\n <span class=\"featured-tag\">Wealth<\/span>\r\n <h3>The Ultimate Guide to Building Passive Income in 2026<\/h3>\r\n <p>Discover the proven strategies that top earners use to generate wealth while they sleep.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"featured-side\">\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9a50e?w=600&h=300&fit=crop\" alt=\"Fitness routine\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag fitness\">Fitness<\/span>\r\n <h4>The 20-Minute Morning Routine That Changes Everything<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506126613408-eca07ce68773?w=600&h=300&fit=crop\" alt=\"Meditation\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag health\">Health<\/span>\r\n <h4>Mindfulness Practices for the Modern Professional<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488646953014-85cb44e25828?w=600&h=300&fit=crop\" alt=\"Travel\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag travel\">Travel<\/span>\r\n <h4>Hidden Gems: Underrated Destinations for 2026<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"newsletter\" id=\"newsletter\">\r\n <div class=\"newsletter-content\">\r\n <h2>Join the Filexa Community<\/h2>\r\n <p>Get weekly insights on wealth, fitness, health, travel, and personal growth delivered straight to your inbox. No spam, just value.<\/p>\r\n <form class=\"newsletter-form\" onsubmit=\"event.preventDefault(); alert('Thanks for subscribing! This is a demo form.');\">\r\n <input type=\"email\" placeholder=\"Enter your email address\" required>\r\n <button type=\"submit\">Subscribe Now<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">\r\n <div class=\"logo-icon\"><\/div>\r\n <div class=\"logo-text\">File<span>xa<\/span><\/div>\r\n <\/a>\r\n <p>Empowering you to live a richer, healthier, and more adventurous life through expert-curated content across wealth, fitness, health, travel, and personal development.<\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"#\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n <a href=\"#\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" aria-label=\"YouTube\">\u25b6<\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Categories<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Wealth & Finance<\/a><\/li>\r\n <li><a href=\"#\">Fitness<\/a><\/li>\r\n <li><a href=\"#\">Health & Wellness<\/a><\/li>\r\n <li><a href=\"#\">Travel<\/a><\/li>\r\n <li><a href=\"#\">Personal Development<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Company<\/h4>\r\n <ul>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Careers<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Resources<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">Newsletter<\/a><\/li>\r\n <li><a href=\"#\">Guides<\/a><\/li>\r\n <li><a href=\"#\">Podcast<\/a><\/li>\r\n <li><a href=\"#\">Community<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Filexa. All rights reserved.<\/p>\r\n <p>Designed with passion for better living.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Navbar scroll effect\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Scroll reveal animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.scroll-reveal').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Smooth scroll for anchor links\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) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Filexa \u2014 Wealth, Fitness, Health, Travel & Personal Development Filexa Wealth Fitness Health Travel Personal Development Get Started Welcome to Filexa Elevate Your Life Across Every Dimension Your all-in-one destination for mastering wealth, fitness, health, travel, and personal growth. Discover curated insights that transform ordinary routines into extraordinary lifestyles. Explore Categories Latest Articles 50K+ Active […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filexa.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/filexa.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\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 Filexa \u2014 Wealth, Fitness, Health, Travel & Personal Development<\/title>\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=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #0f172a;\r\n --accent: #f59e0b;\r\n --accent-light: #fbbf24;\r\n --wealth: #10b981;\r\n --fitness: #ef4444;\r\n --health: #06b6d4;\r\n --travel: #8b5cf6;\r\n --development: #f97316;\r\n --light: #f8fafc;\r\n --dark: #020617;\r\n --gray: #64748b;\r\n --gray-light: #e2e8f0;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--light);\r\n color: var(--primary);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ===== NAVIGATION ===== *\/\r\n .navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n padding: 1.2rem 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .navbar.scrolled {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\r\n padding: 0.8rem 5%;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n }\r\n\r\n .logo-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\r\n }\r\n\r\n .logo-icon::before {\r\n content: '';\r\n position: absolute;\r\n width: 60%;\r\n height: 60%;\r\n background: white;\r\n border-radius: 4px;\r\n opacity: 0.9;\r\n }\r\n\r\n .logo-icon::after {\r\n content: '';\r\n position: absolute;\r\n width: 40%;\r\n height: 3px;\r\n background: var(--accent);\r\n border-radius: 2px;\r\n top: 35%;\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 800;\r\n font-size: 1.6rem;\r\n color: var(--primary);\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .logo-text span {\r\n color: var(--accent);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 2.5rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n text-decoration: none;\r\n color: var(--primary);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -6px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--accent);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-links a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n padding: 0.7rem 1.8rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0.5rem;\r\n }\r\n\r\n .mobile-menu-btn span {\r\n display: block;\r\n width: 25px;\r\n height: 2px;\r\n background: var(--primary);\r\n margin: 6px 0;\r\n transition: 0.3s;\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n padding: 8rem 5% 4rem;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n }\r\n\r\n .hero-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n opacity: 0.03;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230f172a' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n }\r\n\r\n .hero-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .hero-left {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(245, 158, 11, 0.1);\r\n border: 1px solid rgba(245, 158, 11, 0.2);\r\n padding: 0.5rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--accent);\r\n margin-bottom: 1.5rem;\r\n animation: fadeInUp 0.8s ease forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-badge .dot {\r\n width: 8px;\r\n height: 8px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.2); }\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n color: var(--primary);\r\n margin-bottom: 1.5rem;\r\n animation: fadeInUp 0.8s ease 0.2s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\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: 1.15rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n max-width: 500px;\r\n margin-bottom: 2.5rem;\r\n animation: fadeInUp 0.8s ease 0.4s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.8s ease 0.6s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n padding: 1rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(245, 158, 11, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--primary);\r\n padding: 1rem 2.5rem;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n border: 2px solid var(--gray-light);\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--accent);\r\n color: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 2.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--gray-light);\r\n animation: fadeInUp 0.8s ease 0.8s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .stat-item h3 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n }\r\n\r\n .stat-item p {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n margin-top: 0.2rem;\r\n }\r\n\r\n \/* Hero Visual *\/\r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .hero-image-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 550px;\r\n }\r\n\r\n .hero-main-img {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n border-radius: 30px;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\r\n position: relative;\r\n z-index: 2;\r\n animation: fadeInScale 1s ease 0.3s forwards;\r\n opacity: 0;\r\n transform: scale(0.95);\r\n }\r\n\r\n @keyframes fadeInScale {\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n .floating-card {\r\n position: absolute;\r\n background: white;\r\n padding: 1rem 1.5rem;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n z-index: 3;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .floating-card.card-1 {\r\n top: 10%;\r\n right: -20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .floating-card.card-2 {\r\n bottom: 15%;\r\n left: -30px;\r\n animation-delay: 2s;\r\n }\r\n\r\n .floating-card.card-3 {\r\n top: 50%;\r\n right: -40px;\r\n animation-delay: 4s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n }\r\n\r\n .card-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .card-icon.wealth { background: rgba(16, 185, 129, 0.1); }\r\n .card-icon.fitness { background: rgba(239, 68, 68, 0.1); }\r\n .card-icon.health { background: rgba(6, 182, 212, 0.1); }\r\n\r\n .card-text {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--primary);\r\n }\r\n\r\n .card-text span {\r\n display: block;\r\n font-size: 0.75rem;\r\n color: var(--gray);\r\n font-weight: 400;\r\n }\r\n\r\n .hero-decoration {\r\n position: absolute;\r\n width: 400px;\r\n height: 400px;\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n opacity: 0.15;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 1;\r\n }\r\n\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 \/* ===== CATEGORIES SECTION ===== *\/\r\n .categories {\r\n padding: 6rem 5%;\r\n background: white;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 0 auto 4rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n background: rgba(245, 158, 11, 0.1);\r\n color: var(--accent);\r\n padding: 0.4rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-subtitle {\r\n color: var(--gray);\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .categories-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1.5rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .category-card {\r\n background: var(--light);\r\n border-radius: 24px;\r\n padding: 2.5rem 1.5rem;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .category-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .category-card:hover::before {\r\n height: 100%;\r\n opacity: 0.05;\r\n }\r\n\r\n .category-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .category-card.wealth::before { background: var(--wealth); }\r\n .category-card.fitness::before { background: var(--fitness); }\r\n .category-card.health::before { background: var(--health); }\r\n .category-card.travel::before { background: var(--travel); }\r\n .category-card.development::before { background: var(--development); }\r\n\r\n .category-card.wealth:hover { border-color: rgba(16, 185, 129, 0.2); }\r\n .category-card.fitness:hover { border-color: rgba(239, 68, 68, 0.2); }\r\n .category-card.health:hover { border-color: rgba(6, 182, 212, 0.2); }\r\n .category-card.travel:hover { border-color: rgba(139, 92, 246, 0.2); }\r\n .category-card.development:hover { border-color: rgba(249, 115, 22, 0.2); }\r\n\r\n .cat-icon {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n font-size: 1.8rem;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .category-card:hover .cat-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .cat-icon.wealth { background: rgba(16, 185, 129, 0.1); color: var(--wealth); }\r\n .cat-icon.fitness { background: rgba(239, 68, 68, 0.1); color: var(--fitness); }\r\n .cat-icon.health { background: rgba(6, 182, 212, 0.1); color: var(--health); }\r\n .cat-icon.travel { background: rgba(139, 92, 246, 0.1); color: var(--travel); }\r\n .cat-icon.development { background: rgba(249, 115, 22, 0.1); color: var(--development); }\r\n\r\n .cat-title {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary);\r\n }\r\n\r\n .cat-desc {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n .cat-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n margin-top: 1.2rem;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: gap 0.3s ease;\r\n }\r\n\r\n .cat-link:hover {\r\n gap: 0.6rem;\r\n }\r\n\r\n .cat-link.wealth { color: var(--wealth); }\r\n .cat-link.fitness { color: var(--fitness); }\r\n .cat-link.health { color: var(--health); }\r\n .cat-link.travel { color: var(--travel); }\r\n .cat-link.development { color: var(--development); }\r\n\r\n \/* ===== FEATURED SECTION ===== *\/\r\n .featured {\r\n padding: 6rem 5%;\r\n background: linear-gradient(180deg, var(--light) 0%, white 100%);\r\n }\r\n\r\n .featured-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .featured-main {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n height: 500px;\r\n cursor: pointer;\r\n }\r\n\r\n .featured-main img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .featured-main:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .featured-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 3rem;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n color: white;\r\n }\r\n\r\n .featured-tag {\r\n display: inline-block;\r\n background: var(--accent);\r\n color: white;\r\n padding: 0.3rem 0.8rem;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .featured-overlay h3 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .featured-overlay p {\r\n opacity: 0.8;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .featured-side {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .side-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .side-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .side-card-img {\r\n height: 140px;\r\n overflow: hidden;\r\n }\r\n\r\n .side-card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .side-card:hover .side-card-img img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .side-card-content {\r\n padding: 1.2rem;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .side-card-tag {\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .side-card-tag.wealth { color: var(--wealth); }\r\n .side-card-tag.fitness { color: var(--fitness); }\r\n .side-card-tag.health { color: var(--health); }\r\n .side-card-tag.travel { color: var(--travel); }\r\n .side-card-tag.development { color: var(--development); }\r\n\r\n .side-card h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* ===== NEWSLETTER SECTION ===== *\/\r\n .newsletter {\r\n padding: 5rem 5%;\r\n background: var(--primary);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .newsletter::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: var(--accent);\r\n border-radius: 50%;\r\n opacity: 0.05;\r\n }\r\n\r\n .newsletter-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .newsletter h2 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .newsletter p {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 1.05rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n gap: 1rem;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .newsletter-form input {\r\n flex: 1;\r\n padding: 1rem 1.5rem;\r\n border-radius: 50px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n background: rgba(255,255,255,0.1);\r\n color: white;\r\n font-size: 1rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .newsletter-form input::placeholder {\r\n color: rgba(255,255,255,0.5);\r\n }\r\n\r\n .newsletter-form input:focus {\r\n border-color: var(--accent);\r\n background: rgba(255,255,255,0.15);\r\n }\r\n\r\n .newsletter-form button {\r\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\r\n color: white;\r\n border: none;\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n .footer {\r\n background: var(--dark);\r\n color: white;\r\n padding: 4rem 5% 2rem;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 3rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding-bottom: 3rem;\r\n border-bottom: 1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .footer-brand .logo-text {\r\n color: white;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .footer-brand p {\r\n color: rgba(255,255,255,0.6);\r\n margin-top: 1rem;\r\n line-height: 1.7;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .footer-social {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .footer-social a {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n background: rgba(255,255,255,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-social a:hover {\r\n background: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-column h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n color: white;\r\n }\r\n\r\n .footer-column ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-column li {\r\n margin-bottom: 0.8rem;\r\n }\r\n\r\n .footer-column a {\r\n color: rgba(255,255,255,0.6);\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-column a:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .footer-bottom {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding-top: 2rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: rgba(255,255,255,0.4);\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .hero-subtitle {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .hero-stats {\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual {\r\n order: -1;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .categories-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .featured-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links, .nav-cta {\r\n display: none;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n\r\n .hero {\r\n padding-top: 6rem;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .categories-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .newsletter-form {\r\n flex-direction: column;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer-bottom {\r\n flex-direction: column;\r\n gap: 1rem;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .categories-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-stats {\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n text-align: center;\r\n }\r\n }\r\n\r\n \/* Scroll animations *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease;\r\n }\r\n\r\n .scroll-reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<base target=\"_blank\">\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"navbar\" id=\"navbar\">\r\n <a href=\"#\" class=\"logo\">\r\n <div class=\"logo-icon\"><\/div>\r\n <div class=\"logo-text\">File<span>xa<\/span><\/div>\r\n <\/a>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#wealth\">Wealth<\/a><\/li>\r\n <li><a href=\"#fitness\">Fitness<\/a><\/li>\r\n <li><a href=\"#health\">Health<\/a><\/li>\r\n <li><a href=\"#travel\">Travel<\/a><\/li>\r\n <li><a href=\"#development\">Personal Development<\/a><\/li>\r\n <\/ul>\r\n\r\n <a href=\"#newsletter\" class=\"nav-cta\">Get Started<\/a>\r\n\r\n <button class=\"mobile-menu-btn\" aria-label=\"Menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"hero-bg-pattern\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-badge\">\r\n <span class=\"dot\"><\/span>\r\n Welcome to Filexa\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n Elevate Your <span class=\"highlight\">Life<\/span> Across Every Dimension\r\n <\/h1>\r\n <p class=\"hero-subtitle\">\r\n Your all-in-one destination for mastering wealth, fitness, health, travel, and personal growth. Discover curated insights that transform ordinary routines into extraordinary lifestyles.\r\n <\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#categories\" class=\"btn-primary\">\r\n Explore Categories\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#featured\" class=\"btn-secondary\">\r\n Latest Articles\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <h3>50K+<\/h3>\r\n <p>Active Readers<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>1,200+<\/h3>\r\n <p>Expert Articles<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>5<\/h3>\r\n <p>Core Categories<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-decoration\"><\/div>\r\n <div class=\"hero-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=800&h=600&fit=crop&crop=faces\" alt=\"Person living their best life\" class=\"hero-main-img\">\r\n\r\n <div class=\"floating-card card-1\">\r\n <div class=\"card-icon wealth\">\ud83d\udcb0<\/div>\r\n <div class=\"card-text\">Wealth<span>+12% this month<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-card card-2\">\r\n <div class=\"card-icon fitness\">\ud83d\udcaa<\/div>\r\n <div class=\"card-text\">Fitness<span>Workout completed<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-card card-3\">\r\n <div class=\"card-icon health\">\u2764\ufe0f<\/div>\r\n <div class=\"card-text\">Health<span>Optimal wellness<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"categories\" id=\"categories\">\r\n <div class=\"section-header scroll-reveal\">\r\n <span class=\"section-tag\">What We Cover<\/span>\r\n <h2 class=\"section-title\">Five Pillars of a Fulfilled Life<\/h2>\r\n <p class=\"section-subtitle\">Dive deep into the areas that matter most. Each category is crafted by experts to help you level up every aspect of your journey.<\/p>\r\n <\/div>\r\n\r\n <div class=\"categories-grid\">\r\n <div class=\"category-card wealth scroll-reveal\">\r\n <div class=\"cat-icon wealth\">\ud83d\udcb0<\/div>\r\n <h3 class=\"cat-title\">Wealth & Finance<\/h3>\r\n <p class=\"cat-desc\">Smart investing, passive income streams, and financial independence strategies.<\/p>\r\n <a href=\"#\" class=\"cat-link wealth\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card fitness scroll-reveal\">\r\n <div class=\"cat-icon fitness\">\ud83d\udcaa<\/div>\r\n <h3 class=\"cat-title\">Fitness<\/h3>\r\n <p class=\"cat-desc\">Workout routines, strength training, and building a body that performs.<\/p>\r\n <a href=\"#\" class=\"cat-link fitness\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card health scroll-reveal\">\r\n <div class=\"cat-icon health\">\ud83e\uddd8<\/div>\r\n <h3 class=\"cat-title\">Health & Wellness<\/h3>\r\n <p class=\"cat-desc\">Nutrition, mental health, mindfulness, and holistic well-being practices.<\/p>\r\n <a href=\"#\" class=\"cat-link health\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card travel scroll-reveal\">\r\n <div class=\"cat-icon travel\">\u2708\ufe0f<\/div>\r\n <h3 class=\"cat-title\">Travel<\/h3>\r\n <p class=\"cat-desc\">Adventure guides, destination insights, and travel hacks for the modern explorer.<\/p>\r\n <a href=\"#\" class=\"cat-link travel\">Explore \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"category-card development scroll-reveal\">\r\n <div class=\"cat-icon development\">\ud83d\ude80<\/div>\r\n <h3 class=\"cat-title\">Personal Development<\/h3>\r\n <p class=\"cat-desc\">Productivity, mindset shifts, habits, and unlocking your full potential.<\/p>\r\n <a href=\"#\" class=\"cat-link development\">Explore \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"featured\" id=\"featured\">\r\n <div class=\"section-header scroll-reveal\">\r\n <span class=\"section-tag\">Editor's Pick<\/span>\r\n <h2 class=\"section-title\">Trending Now<\/h2>\r\n <p class=\"section-subtitle\">Handpicked articles and guides that are making waves in our community right now.<\/p>\r\n <\/div>\r\n\r\n <div class=\"featured-grid\">\r\n <div class=\"featured-main scroll-reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1200&h=600&fit=crop\" alt=\"Financial freedom\">\r\n <div class=\"featured-overlay\">\r\n <span class=\"featured-tag\">Wealth<\/span>\r\n <h3>The Ultimate Guide to Building Passive Income in 2026<\/h3>\r\n <p>Discover the proven strategies that top earners use to generate wealth while they sleep.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"featured-side\">\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9a50e?w=600&h=300&fit=crop\" alt=\"Fitness routine\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag fitness\">Fitness<\/span>\r\n <h4>The 20-Minute Morning Routine That Changes Everything<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506126613408-eca07ce68773?w=600&h=300&fit=crop\" alt=\"Meditation\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag health\">Health<\/span>\r\n <h4>Mindfulness Practices for the Modern Professional<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card scroll-reveal\">\r\n <div class=\"side-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488646953014-85cb44e25828?w=600&h=300&fit=crop\" alt=\"Travel\">\r\n <\/div>\r\n <div class=\"side-card-content\">\r\n <span class=\"side-card-tag travel\">Travel<\/span>\r\n <h4>Hidden Gems: Underrated Destinations for 2026<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"newsletter\" id=\"newsletter\">\r\n <div class=\"newsletter-content\">\r\n <h2>Join the Filexa Community<\/h2>\r\n <p>Get weekly insights on wealth, fitness, health, travel, and personal growth delivered straight to your inbox. No spam, just value.<\/p>\r\n <form class=\"newsletter-form\" onsubmit=\"event.preventDefault(); alert('Thanks for subscribing! This is a demo form.');\">\r\n <input type=\"email\" placeholder=\"Enter your email address\" required>\r\n <button type=\"submit\">Subscribe Now<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">\r\n <div class=\"logo-icon\"><\/div>\r\n <div class=\"logo-text\">File<span>xa<\/span><\/div>\r\n <\/a>\r\n <p>Empowering you to live a richer, healthier, and more adventurous life through expert-curated content across wealth, fitness, health, travel, and personal development.<\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"#\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n <a href=\"#\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" aria-label=\"YouTube\">\u25b6<\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Categories<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Wealth & Finance<\/a><\/li>\r\n <li><a href=\"#\">Fitness<\/a><\/li>\r\n <li><a href=\"#\">Health & Wellness<\/a><\/li>\r\n <li><a href=\"#\">Travel<\/a><\/li>\r\n <li><a href=\"#\">Personal Development<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Company<\/h4>\r\n <ul>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Careers<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-column\">\r\n <h4>Resources<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">Newsletter<\/a><\/li>\r\n <li><a href=\"#\">Guides<\/a><\/li>\r\n <li><a href=\"#\">Podcast<\/a><\/li>\r\n <li><a href=\"#\">Community<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Filexa. All rights reserved.<\/p>\r\n <p>Designed with passion for better living.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Navbar scroll effect\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Scroll reveal animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.scroll-reveal').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Smooth scroll for anchor links\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) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Filexa \u2014 Wealth, Fitness, Health, Travel & Personal Development Filexa Wealth Fitness Health Travel Personal Development Get Started Welcome to Filexa Elevate Your Life Across Every Dimension Your all-in-one destination for mastering wealth, fitness, health, travel, and personal growth. Discover curated insights that transform ordinary routines into extraordinary lifestyles. Explore Categories Latest Articles 50K+ Active […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filexa.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/filexa.online\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/filexa.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}