{"id":6,"date":"2026-01-23T11:32:53","date_gmt":"2026-01-23T11:32:53","guid":{"rendered":"https:\/\/talenvisionfc.co.zw\/?page_id=6"},"modified":"2026-01-23T12:33:50","modified_gmt":"2026-01-23T12:33:50","slug":"home","status":"publish","type":"page","link":"https:\/\/talenvisionfc.co.zw\/","title":{"rendered":"Home"},"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 Talen Vision FC - Rise as One<\/title>\r\n <style>\r\n \/* ============================================\r\n TALEN VISION FC - PREMIUM LANDING PAGE\r\n Colors: Black (#000), Gold (#E3B448), White (#FFF)\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 :root {\r\n --primary-black: #000000;\r\n --accent-gold: #E3B448;\r\n --primary-white: #FFFFFF;\r\n --dark-bg: #0a0a0a;\r\n --dark-gray: #1a1a1a;\r\n --light-gray: #f5f5f5;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: var(--primary-black);\r\n color: var(--primary-white);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================\r\n HERO SECTION - PREMIUM DESIGN\r\n ============================================ *\/\r\n\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--primary-black);\r\n overflow: hidden;\r\n }\r\n\r\n \/* HERO VIDEO BACKGROUND EFFECT *\/\r\n .hero-background {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n background: var(--primary-black);\r\n }\r\n\r\n \/* ANIMATED ORBS *\/\r\n .animated-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.08;\r\n mix-blend-mode: lighten;\r\n filter: blur(80px);\r\n }\r\n\r\n .orb-1 {\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, var(--accent-gold) 0%, transparent 70%);\r\n top: -300px;\r\n right: -200px;\r\n animation: float 20s ease-in-out infinite;\r\n }\r\n\r\n .orb-2 {\r\n width: 700px;\r\n height: 700px;\r\n background: radial-gradient(circle, var(--accent-gold) 0%, transparent 70%);\r\n bottom: -250px;\r\n left: -150px;\r\n animation: float 25s ease-in-out infinite reverse;\r\n }\r\n\r\n .orb-3 {\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, var(--accent-gold) 0%, transparent 70%);\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n animation: float 22s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% {\r\n transform: translate(0, 0);\r\n }\r\n 50% {\r\n transform: translate(40px, -40px);\r\n }\r\n }\r\n\r\n \/* PARTICLES *\/\r\n .particles {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: var(--accent-gold);\r\n border-radius: 50%;\r\n opacity: 0.5;\r\n box-shadow: 0 0 10px var(--accent-gold);\r\n animation: float-particle 30s infinite;\r\n }\r\n\r\n .particle:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\r\n .particle:nth-child(2) { top: 70%; right: 12%; animation-delay: 5s; }\r\n .particle:nth-child(3) { top: 35%; right: 25%; animation-delay: 10s; }\r\n .particle:nth-child(4) { bottom: 15%; left: 18%; animation-delay: 15s; }\r\n .particle:nth-child(5) { top: 85%; right: 40%; animation-delay: 20s; }\r\n\r\n @keyframes float-particle {\r\n 0%, 100% {\r\n transform: translate(0, 0) scale(1);\r\n opacity: 0.5;\r\n }\r\n 50% {\r\n transform: translate(150px, -150px) scale(1.8);\r\n opacity: 0.1;\r\n }\r\n }\r\n\r\n \/* HERO CONTENT *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n max-width: 1000px;\r\n padding: 60px 40px;\r\n animation: slideUp 1.2s ease-out;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(80px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* LOGO CONTAINER *\/\r\n .logo-container {\r\n margin-bottom: 50px;\r\n animation: scaleIn 1s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n position: relative;\r\n }\r\n\r\n .logo-circle {\r\n width: 140px;\r\n height: 140px;\r\n background: var(--primary-white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto;\r\n box-shadow: 0 30px 80px rgba(227, 180, 72, 0.4);\r\n position: relative;\r\n overflow: hidden;\r\n border: 3px solid var(--accent-gold);\r\n padding: 15px;\r\n }\r\n\r\n .logo-circle img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n filter: drop-shadow(0 5px 15px rgba(227, 180, 72, 0.2));\r\n }\r\n\r\n .logo-circle::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 50%;\r\n border: 3px solid transparent;\r\n border-top-color: var(--accent-gold);\r\n border-right-color: var(--accent-gold);\r\n animation: spin 8s linear infinite;\r\n opacity: 0.5;\r\n }\r\n\r\n @keyframes shine {\r\n 0% { transform: translate(-100%, -100%) rotate(45deg); }\r\n 100% { transform: translate(100%, 100%) rotate(45deg); }\r\n }\r\n\r\n @keyframes spin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes scaleIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.4) rotateY(180deg);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1) rotateY(0deg);\r\n }\r\n }\r\n\r\n \/* TITLE WITH STUNNING WORD ANIMATION *\/\r\n .hero-title {\r\n font-size: 6rem;\r\n font-weight: 900;\r\n letter-spacing: 8px;\r\n margin-bottom: 30px;\r\n text-transform: uppercase;\r\n line-height: 1.1;\r\n color: var(--primary-white);\r\n text-shadow: 0 0 40px rgba(227, 180, 72, 0.2);\r\n }\r\n\r\n .word {\r\n display: inline-block;\r\n opacity: 0;\r\n animation: wordExplode 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n animation-delay: calc(var(--index) * 0.25s);\r\n margin: 0 20px;\r\n position: relative;\r\n }\r\n\r\n .word::before {\r\n content: attr(data-text);\r\n position: absolute;\r\n opacity: 0;\r\n animation: glitch 0.8s ease-out forwards;\r\n animation-delay: calc(var(--index) * 0.25s + 0.1s);\r\n color: var(--accent-gold);\r\n z-index: -1;\r\n }\r\n\r\n @keyframes wordExplode {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.2) rotate(-180deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1) rotate(0deg);\r\n }\r\n }\r\n\r\n @keyframes glitch {\r\n 0%, 100% {\r\n clip-path: inset(0 100% 0 0);\r\n opacity: 0.8;\r\n }\r\n 50% {\r\n clip-path: inset(0 50% 0 0);\r\n opacity: 0.4;\r\n }\r\n }\r\n\r\n \/* TAGLINE *\/\r\n .hero-tagline {\r\n font-size: 2.2rem;\r\n color: var(--accent-gold);\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n animation: fadeInUp 1.2s ease-out 0.7s backwards;\r\n text-shadow: 0 0 30px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n \/* DESCRIPTION *\/\r\n .hero-description {\r\n font-size: 1.25rem;\r\n color: rgba(255, 255, 255, 0.85);\r\n max-width: 700px;\r\n margin: 0 auto 50px;\r\n line-height: 1.9;\r\n animation: fadeInUp 1.2s ease-out 0.9s backwards;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* BUTTONS *\/\r\n .hero-buttons {\r\n display: flex;\r\n gap: 30px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 1.2s ease-out 1.1s backwards;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 18px 50px;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n position: relative;\r\n overflow: hidden;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .btn svg {\r\n width: 22px;\r\n height: 22px;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-gold);\r\n color: var(--primary-black);\r\n box-shadow: 0 15px 50px rgba(227, 180, 72, 0.4);\r\n border: 2px solid var(--accent-gold);\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transition: left 0.5s ease;\r\n z-index: -1;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-6px) scale(1.05);\r\n box-shadow: 0 25px 80px rgba(227, 180, 72, 0.6);\r\n }\r\n\r\n .btn-primary:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn-primary:hover svg {\r\n transform: translateX(8px);\r\n }\r\n\r\n .btn-secondary {\r\n background: rgba(227, 180, 72, 0.05);\r\n color: var(--accent-gold);\r\n border: 2px solid var(--accent-gold);\r\n box-shadow: 0 0 30px rgba(227, 180, 72, 0.2);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .btn-secondary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--accent-gold);\r\n transition: left 0.5s ease;\r\n z-index: -1;\r\n }\r\n\r\n .btn-secondary:hover {\r\n color: var(--primary-black);\r\n transform: translateY(-6px) scale(1.05);\r\n box-shadow: 0 25px 80px rgba(227, 180, 72, 0.5);\r\n }\r\n\r\n .btn-secondary:hover::before {\r\n left: 0;\r\n }\r\n\r\n .btn-secondary:hover svg {\r\n transform: translateX(8px);\r\n }\r\n\r\n \/* FLOATING STATS - REMOVED, REPLACED WITH PLAYER CARDS *\/\r\n\r\n \/* PLAYER CARDS IN HERO *\/\r\n .hero-players {\r\n position: relative;\r\n z-index: 10;\r\n margin-top: 80px;\r\n width: 100%;\r\n max-width: 1200px;\r\n }\r\n\r\n .players-showcase-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n gap: 25px;\r\n justify-items: center;\r\n }\r\n\r\n .player-showcase-card {\r\n background: rgba(227, 180, 72, 0.05);\r\n border: 2px solid var(--accent-gold);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n backdrop-filter: blur(10px);\r\n width: 100%;\r\n max-width: 180px;\r\n animation: slideUpCard 1.2s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n .player-showcase-card:nth-child(1) { animation-delay: 1.4s; }\r\n .player-showcase-card:nth-child(2) { animation-delay: 1.6s; }\r\n .player-showcase-card:nth-child(3) { animation-delay: 1.8s; }\r\n .player-showcase-card:nth-child(4) { animation-delay: 2s; }\r\n\r\n @keyframes slideUpCard {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .player-showcase-card:hover {\r\n transform: translateY(-15px) scale(1.05);\r\n border-color: var(--primary-white);\r\n box-shadow: 0 20px 60px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .player-showcase-card:hover .player-stats-popup {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0) scale(1);\r\n }\r\n\r\n .player-stats-popup {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(10px);\r\n border-radius: 12px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(-20px) scale(0.9);\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n z-index: 20;\r\n padding: 15px;\r\n gap: 8px;\r\n text-align: center;\r\n }\r\n\r\n .player-stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 3px;\r\n }\r\n\r\n .player-stat-label {\r\n font-size: 0.7rem;\r\n color: var(--accent-gold);\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .player-stat-value {\r\n font-size: 1.1rem;\r\n color: var(--primary-white);\r\n font-weight: 700;\r\n }\r\n\r\n .player-showcase-image {\r\n width: 100%;\r\n height: 200px;\r\n background: var(--accent-gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 80px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .player-showcase-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .player-showcase-jersey {\r\n position: absolute;\r\n bottom: 10px;\r\n right: 10px;\r\n background: rgba(0, 0, 0, 0.8);\r\n color: var(--accent-gold);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n font-weight: 900;\r\n border: 2px solid var(--accent-gold);\r\n }\r\n\r\n .player-showcase-info {\r\n padding: 15px;\r\n text-align: center;\r\n }\r\n\r\n .player-showcase-name {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--primary-white);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .player-showcase-position {\r\n font-size: 0.8rem;\r\n color: var(--accent-gold);\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE DESIGN\r\n ============================================ *\/\r\n\r\n @media (max-width: 1200px) {\r\n .hero-title {\r\n font-size: 4.5rem;\r\n }\r\n\r\n .word {\r\n margin: 0 15px;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .hero-title {\r\n font-size: 3.5rem;\r\n letter-spacing: 4px;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .floating-stat {\r\n padding: 20px 30px;\r\n }\r\n\r\n .stat-value {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n min-height: 80vh;\r\n }\r\n\r\n .hero-content {\r\n padding: 30px 20px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .word {\r\n margin: 0 8px;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: 1.2rem;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-description {\r\n font-size: 1rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .logo-circle {\r\n width: 110px;\r\n height: 110px;\r\n font-size: 44px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 16px 40px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .hero-players {\r\n margin-top: 60px;\r\n }\r\n\r\n .players-showcase-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .player-showcase-card {\r\n max-width: 100%;\r\n }\r\n\r\n .animated-orb {\r\n opacity: 0.04;\r\n filter: blur(60px);\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n min-height: 100vh;\r\n }\r\n\r\n .hero-content {\r\n padding: 20px 15px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 1.8rem;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .word {\r\n display: block;\r\n margin: 5px 0;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: 1rem;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .hero-description {\r\n font-size: 0.95rem;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .logo-container {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .logo-circle {\r\n width: 90px;\r\n height: 90px;\r\n font-size: 36px;\r\n }\r\n\r\n .btn {\r\n font-size: 0.85rem;\r\n padding: 14px 30px;\r\n }\r\n\r\n .btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .hero-players {\r\n margin-top: 50px;\r\n }\r\n\r\n .players-showcase-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .player-showcase-card {\r\n max-width: 100%;\r\n }\r\n\r\n .orb-1 {\r\n width: 500px;\r\n height: 500px;\r\n }\r\n\r\n .orb-2 {\r\n width: 400px;\r\n height: 400px;\r\n }\r\n\r\n .orb-3 {\r\n width: 350px;\r\n height: 350px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <style>\r\n \/* ============================================\r\n ADDITIONAL SECTIONS - PREMIUM CONTENT\r\n ============================================ *\/\r\n\r\n .container-wide {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n \/* NEXT MATCH SECTION *\/\r\n .next-match-section {\r\n padding: 120px 40px;\r\n background: var(--primary-black);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .next-match-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, rgba(227, 180, 72, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n animation: float 20s ease-in-out infinite;\r\n }\r\n\r\n .match-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-heading {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n text-align: center;\r\n margin-bottom: 60px;\r\n color: var(--primary-white);\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .match-card {\r\n background: var(--dark-gray);\r\n border: 2px solid var(--accent-gold);\r\n border-radius: 24px;\r\n padding: 60px 40px;\r\n backdrop-filter: blur(20px);\r\n box-shadow: 0 20px 80px rgba(227, 180, 72, 0.2);\r\n }\r\n\r\n .match-countdown {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n text-align: center;\r\n }\r\n\r\n .countdown-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: var(--accent-gold);\r\n text-shadow: 0 0 20px rgba(227, 180, 72, 0.4);\r\n }\r\n\r\n .countdown-label {\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .match-info {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n gap: 30px;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n text-align: center;\r\n }\r\n\r\n .team {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .team-badge {\r\n width: 100px;\r\n height: 100px;\r\n background: var(--accent-gold);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 40px;\r\n font-weight: 900;\r\n color: var(--primary-black);\r\n box-shadow: 0 15px 40px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .team-name {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-white);\r\n }\r\n\r\n .match-vs {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n color: var(--accent-gold);\r\n letter-spacing: 2px;\r\n }\r\n\r\n .match-details {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .match-date {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--primary-white);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .match-league, .match-venue {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin: 5px 0;\r\n }\r\n\r\n .match-actions {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n .ticket-btn, .watch-btn {\r\n padding: 14px 40px;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .ticket-btn {\r\n background: var(--accent-gold);\r\n color: var(--primary-black);\r\n box-shadow: 0 10px 30px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .ticket-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 50px rgba(227, 180, 72, 0.5);\r\n }\r\n\r\n .watch-btn {\r\n background: transparent;\r\n color: var(--accent-gold);\r\n border: 2px solid var(--accent-gold);\r\n }\r\n\r\n .watch-btn:hover {\r\n background: var(--accent-gold);\r\n color: var(--primary-black);\r\n }\r\n\r\n \/* NEWS SECTION *\/\r\n .news-section {\r\n padding: 120px 40px;\r\n background: var(--primary-black);\r\n position: relative;\r\n }\r\n\r\n .news-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .news-card {\r\n background: linear-gradient(135deg, rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 0.8) 100%);\r\n border: 1px solid rgba(227, 180, 72, 0.2);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .news-card:hover {\r\n transform: translateY(-10px);\r\n border-color: var(--accent-gold);\r\n box-shadow: 0 20px 60px rgba(227, 180, 72, 0.2);\r\n }\r\n\r\n .news-image {\r\n position: relative;\r\n height: 200px;\r\n overflow: hidden;\r\n background: var(--accent-gold);\r\n }\r\n\r\n .featured-image {\r\n height: 300px;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary-black);\r\n font-size: 60px;\r\n }\r\n\r\n .news-date {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: var(--accent-gold);\r\n padding: 8px 15px;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n }\r\n\r\n .news-content {\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .news-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-white);\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n .featured .news-title {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .news-excerpt {\r\n font-size: 0.95rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 15px;\r\n flex-grow: 1;\r\n }\r\n\r\n .read-more {\r\n color: var(--accent-gold);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .read-more:hover {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* PLAYERS SECTION *\/\r\n .players-section {\r\n padding: 120px 40px;\r\n background: var(--primary-black);\r\n }\r\n\r\n .players-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .player-card {\r\n background: linear-gradient(135deg, rgba(26, 26, 26, 1) 0%, rgba(0, 0, 0, 0.8) 100%);\r\n border: 1px solid rgba(227, 180, 72, 0.2);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .player-card:hover {\r\n transform: translateY(-15px);\r\n border-color: var(--accent-gold);\r\n box-shadow: 0 30px 80px rgba(227, 180, 72, 0.2);\r\n }\r\n\r\n .player-image {\r\n position: relative;\r\n height: 300px;\r\n background: linear-gradient(135deg, #E3B448, #d4a017);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .image-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary-black);\r\n background: var(--accent-gold);\r\n }\r\n\r\n .player-number {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.8);\r\n color: var(--accent-gold);\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n font-weight: 900;\r\n border: 3px solid var(--accent-gold);\r\n }\r\n\r\n .player-info {\r\n padding: 25px;\r\n }\r\n\r\n .player-name {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--primary-white);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .player-position {\r\n font-size: 0.95rem;\r\n color: var(--accent-gold);\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n }\r\n\r\n .player-stats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(227, 180, 72, 0.2);\r\n }\r\n\r\n .stat {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n display: block;\r\n font-size: 1.6rem;\r\n font-weight: 900;\r\n color: var(--accent-gold);\r\n }\r\n\r\n .stat-label {\r\n display: block;\r\n font-size: 0.8rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n margin-top: 5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .view-profile {\r\n display: block;\r\n color: var(--accent-gold);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .view-profile:hover {\r\n transform: translateX(5px);\r\n }\r\n\r\n .view-all-players {\r\n text-align: center;\r\n }\r\n\r\n \/* ACHIEVEMENTS SECTION *\/\r\n .achievements-section {\r\n padding: 120px 40px;\r\n background: var(--primary-black);\r\n }\r\n\r\n .achievements-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .achievement-card {\r\n background: var(--dark-gray);\r\n border: 2px solid var(--accent-gold);\r\n border-radius: 16px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .achievement-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 60px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .trophy-icon {\r\n font-size: 60px;\r\n margin-bottom: 20px;\r\n display: inline-block;\r\n }\r\n\r\n .achievement-card h3 {\r\n font-size: 1.3rem;\r\n color: var(--primary-white);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .achievement-card p {\r\n color: var(--accent-gold);\r\n font-weight: 600;\r\n }\r\n\r\n \/* SUBSCRIBE SECTION *\/\r\n .subscribe-section {\r\n padding: 100px 40px;\r\n background: var(--primary-black);\r\n border-top: 2px solid var(--accent-gold);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .subscribe-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -20%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(227, 180, 72, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .subscribe-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .subscribe-section h2 {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n color: var(--primary-white);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .subscribe-section > .subscribe-content > p {\r\n font-size: 1.1rem;\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-bottom: 40px;\r\n }\r\n\r\n .subscribe-form {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .email-input {\r\n flex: 1;\r\n min-width: 300px;\r\n padding: 16px 25px;\r\n background: rgba(255, 255, 255, 0.95);\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n color: var(--primary-black);\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .email-input:focus {\r\n box-shadow: 0 0 30px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .email-input::placeholder {\r\n color: rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .subscribe-btn {\r\n padding: 16px 50px;\r\n background: var(--accent-gold);\r\n color: var(--primary-black);\r\n border: none;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 10px 30px rgba(227, 180, 72, 0.3);\r\n }\r\n\r\n .subscribe-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 50px rgba(227, 180, 72, 0.5);\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1024px) {\r\n .news-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .featured {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .match-countdown {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .match-info {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-heading {\r\n font-size: 2rem;\r\n }\r\n\r\n .news-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .match-card {\r\n padding: 40px 20px;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 2rem;\r\n }\r\n\r\n .team-badge {\r\n width: 80px;\r\n height: 80px;\r\n font-size: 32px;\r\n }\r\n\r\n .subscribe-form {\r\n flex-direction: column;\r\n }\r\n\r\n .email-input {\r\n min-width: 100%;\r\n }\r\n\r\n .subscribe-btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .next-match-section,\r\n .news-section,\r\n .players-section,\r\n .achievements-section,\r\n .subscribe-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .match-countdown {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .match-card {\r\n padding: 30px 15px;\r\n }\r\n\r\n .players-grid {\r\n gap: 20px;\r\n }\r\n\r\n .subscribe-section h2 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<body>\r\n <!-- HERO SECTION -->\r\n <section class=\"hero\">\r\n <div class=\"hero-background\">\r\n <div class=\"animated-orb orb-1\"><\/div>\r\n <div class=\"animated-orb orb-2\"><\/div>\r\n <div class=\"animated-orb orb-3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo-circle\">\r\n <img decoding=\"async\" src=\"https:\/\/talenvisionfc.co.zw\/wp-content\/uploads\/2026\/01\/talenvisionfc.png\" alt=\"Talen Vision FC Logo\">\r\n <\/div>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n <span class=\"word\" style=\"--index: 0;\" data-text=\"RISE\">TALEN<\/span>\r\n <span class=\"word\" style=\"--index: 1;\" data-text=\"AS\">VISION<\/span>\r\n <span class=\"word\" style=\"--index: 2;\" data-text=\"ONE\">F.C.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-tagline\">Akulula Madoda<\/p>\r\n\r\n <p class=\"hero-description\">\r\n Welcome to Talen Vision FC from Filabusi, Zimbabwe - where passion meets precision and dreams become reality. \r\n A club built on excellence, unity, and the pursuit of greatness. Join us as we rise together.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"about.html\" class=\"btn btn-primary\">\r\n <span>Explore Club<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"contact.html\" class=\"btn btn-secondary\">\r\n <span>Contact Us<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FLOATING STATS - REPLACED WITH PLAYER CARDS -->\r\n <div class=\"hero-players\">\r\n <div class=\"players-showcase-grid\">\r\n <div class=\"player-showcase-card\">\r\n <div class=\"player-showcase-image\">\r\n \u26bd\r\n <div class=\"player-showcase-jersey\">10<\/div>\r\n <div class=\"player-stats-popup\">\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Goals<\/div>\r\n <div class=\"player-stat-value\">24<\/div>\r\n <\/div>\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Assists<\/div>\r\n <div class=\"player-stat-value\">12<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"player-showcase-info\">\r\n <div class=\"player-showcase-name\">Themba Moyo<\/div>\r\n <div class=\"player-showcase-position\">Forward<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-showcase-card\">\r\n <div class=\"player-showcase-image\">\r\n \u26bd\r\n <div class=\"player-showcase-jersey\">7<\/div>\r\n <div class=\"player-stats-popup\">\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Goals<\/div>\r\n <div class=\"player-stat-value\">18<\/div>\r\n <\/div>\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Assists<\/div>\r\n <div class=\"player-stat-value\">16<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"player-showcase-info\">\r\n <div class=\"player-showcase-name\">Ndlovu Sibanda<\/div>\r\n <div class=\"player-showcase-position\">Midfielder<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-showcase-card\">\r\n <div class=\"player-showcase-image\">\r\n \u26bd\r\n <div class=\"player-showcase-jersey\">1<\/div>\r\n <div class=\"player-stats-popup\">\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Clean Sheets<\/div>\r\n <div class=\"player-stat-value\">14<\/div>\r\n <\/div>\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Saves<\/div>\r\n <div class=\"player-stat-value\">96<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"player-showcase-info\">\r\n <div class=\"player-showcase-name\">Tavonga Majoni<\/div>\r\n <div class=\"player-showcase-position\">Goalkeeper<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-showcase-card\">\r\n <div class=\"player-showcase-image\">\r\n \u26bd\r\n <div class=\"player-showcase-jersey\">5<\/div>\r\n <div class=\"player-stats-popup\">\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Tackles<\/div>\r\n <div class=\"player-stat-value\">87<\/div>\r\n <\/div>\r\n <div class=\"player-stat-item\">\r\n <div class=\"player-stat-label\">Interceptions<\/div>\r\n <div class=\"player-stat-value\">42<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"player-showcase-info\">\r\n <div class=\"player-showcase-name\">Bongani Khumalo<\/div>\r\n <div class=\"player-showcase-position\">Defender<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PARTICLES EFFECT -->\r\n <div class=\"particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <!-- NEXT MATCH SECTION -->\r\n <section class=\"next-match-section\">\r\n <div class=\"match-container\">\r\n <h2 class=\"section-heading\">Next Match<\/h2>\r\n <div class=\"match-card\">\r\n <div class=\"match-countdown\">\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\">05<\/span>\r\n <span class=\"countdown-label\">Days<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\">14<\/span>\r\n <span class=\"countdown-label\">Hours<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\">32<\/span>\r\n <span class=\"countdown-label\">Mins<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\">58<\/span>\r\n <span class=\"countdown-label\">Secs<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"match-info\">\r\n <div class=\"team home-team\">\r\n <div class=\"team-badge\">TV<\/div>\r\n <div class=\"team-name\">Talen Vision FC<\/div>\r\n <\/div>\r\n\r\n <div class=\"match-vs\">vs<\/div>\r\n\r\n <div class=\"team away-team\">\r\n <div class=\"team-badge\">ST<\/div>\r\n <div class=\"team-name\">Star United<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"match-details\">\r\n <p class=\"match-date\">Saturday, January 25, 2026<\/p>\r\n <p class=\"match-league\">Premier League \u2022 Matchday 15<\/p>\r\n <p class=\"match-venue\">Talen Vision Stadium<\/p>\r\n <\/div>\r\n\r\n <div class=\"match-actions\">\r\n <button class=\"ticket-btn\">Get Tickets<\/button>\r\n <button class=\"watch-btn\">Watch Live<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- LATEST NEWS SECTION -->\r\n <section class=\"news-section\">\r\n <div class=\"container-wide\">\r\n <h2 class=\"section-heading\">Latest News<\/h2>\r\n \r\n <div class=\"news-grid\">\r\n <article class=\"news-card featured\">\r\n <div class=\"news-image featured-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span>\ud83d\udcf0<\/span>\r\n <\/div>\r\n <span class=\"news-date\">Jan 23, 2026<\/span>\r\n <\/div>\r\n <div class=\"news-content\">\r\n <h3 class=\"news-title\">Talen Vision Dominates in Championship Victory<\/h3>\r\n <p class=\"news-excerpt\">An outstanding performance from our squad secures a 3-0 victory against rivals. Read full match report.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More \u2192<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"news-card\">\r\n <div class=\"news-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span>\u2b50<\/span>\r\n <\/div>\r\n <span class=\"news-date\">Jan 21, 2026<\/span>\r\n <\/div>\r\n <div class=\"news-content\">\r\n <h3 class=\"news-title\">Player of the Month: Exceptional Form<\/h3>\r\n <p class=\"news-excerpt\">Our star player achieves 5 goals and 3 assists this month.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"news-card\">\r\n <div class=\"news-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span>\ud83c\udfc6<\/span>\r\n <\/div>\r\n <span class=\"news-date\">Jan 19, 2026<\/span>\r\n <\/div>\r\n <div class=\"news-content\">\r\n <h3 class=\"news-title\">Youth Academy Breakthrough Success<\/h3>\r\n <p class=\"news-excerpt\">Three young talents promoted to senior squad for upcoming season.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"news-card\">\r\n <div class=\"news-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span>\ud83d\udcf8<\/span>\r\n <\/div>\r\n <span class=\"news-date\">Jan 18, 2026<\/span>\r\n <\/div>\r\n <div class=\"news-content\">\r\n <h3 class=\"news-title\">Training Session Photos & Highlights<\/h3>\r\n <p class=\"news-excerpt\">Behind the scenes look at our intense preparation for the next match.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FEATURED PLAYERS SECTION -->\r\n <section class=\"players-section\">\r\n <div class=\"container-wide\">\r\n <h2 class=\"section-heading\">Featured Players<\/h2>\r\n \r\n <div class=\"players-grid\">\r\n <div class=\"player-card\">\r\n <div class=\"player-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span style=\"font-size: 80px;\">\u26bd<\/span>\r\n <\/div>\r\n <div class=\"player-number\">10<\/div>\r\n <\/div>\r\n <div class=\"player-info\">\r\n <h3 class=\"player-name\">Marcus Johnson<\/h3>\r\n <p class=\"player-position\">Forward<\/p>\r\n <div class=\"player-stats\">\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">12<\/span>\r\n <span class=\"stat-label\">Goals<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">5<\/span>\r\n <span class=\"stat-label\">Assists<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"players.html\" class=\"view-profile\">View Profile \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-card\">\r\n <div class=\"player-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span style=\"font-size: 80px;\">\u26bd<\/span>\r\n <\/div>\r\n <div class=\"player-number\">7<\/div>\r\n <\/div>\r\n <div class=\"player-info\">\r\n <h3 class=\"player-name\">Alex Silva<\/h3>\r\n <p class=\"player-position\">Midfielder<\/p>\r\n <div class=\"player-stats\">\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">6<\/span>\r\n <span class=\"stat-label\">Goals<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">8<\/span>\r\n <span class=\"stat-label\">Assists<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"players.html\" class=\"view-profile\">View Profile \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-card\">\r\n <div class=\"player-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span style=\"font-size: 80px;\">\u26bd<\/span>\r\n <\/div>\r\n <div class=\"player-number\">1<\/div>\r\n <\/div>\r\n <div class=\"player-info\">\r\n <h3 class=\"player-name\">David Thompson<\/h3>\r\n <p class=\"player-position\">Goalkeeper<\/p>\r\n <div class=\"player-stats\">\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">8<\/span>\r\n <span class=\"stat-label\">Clean Sheets<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">4.2<\/span>\r\n <span class=\"stat-label\">Rating<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"players.html\" class=\"view-profile\">View Profile \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"player-card\">\r\n <div class=\"player-image\">\r\n <div class=\"image-placeholder\" style=\"background: var(--accent-gold);\">\r\n <span style=\"font-size: 80px;\">\u26bd<\/span>\r\n <\/div>\r\n <div class=\"player-number\">5<\/div>\r\n <\/div>\r\n <div class=\"player-info\">\r\n <h3 class=\"player-name\">James Williams<\/h3>\r\n <p class=\"player-position\">Defender<\/p>\r\n <div class=\"player-stats\">\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">15<\/span>\r\n <span class=\"stat-label\">Tackles<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-number\">12<\/span>\r\n <span class=\"stat-label\">Blocks<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"players.html\" class=\"view-profile\">View Profile \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"view-all-players\">\r\n <a href=\"players.html\" class=\"btn btn-primary\">View All Players \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ACHIEVEMENTS & TROPHIES SECTION -->\r\n <section class=\"achievements-section\">\r\n <div class=\"container-wide\">\r\n <h2 class=\"section-heading\">Achievements & Trophies<\/h2>\r\n \r\n <div class=\"achievements-grid\">\r\n <div class=\"achievement-card\">\r\n <div class=\"trophy-icon\">\ud83c\udfc6<\/div>\r\n <h3>League Champions<\/h3>\r\n <p>2023-2024 Season<\/p>\r\n <\/div>\r\n\r\n <div class=\"achievement-card\">\r\n <div class=\"trophy-icon\">\ud83e\udd47<\/div>\r\n <h3>Cup Winners<\/h3>\r\n <p>National Cup 2024<\/p>\r\n <\/div>\r\n\r\n <div class=\"achievement-card\">\r\n <div class=\"trophy-icon\">\u2b50<\/div>\r\n <h3>Best Attack<\/h3>\r\n <p>45 Goals Scored<\/p>\r\n <\/div>\r\n\r\n <div class=\"achievement-card\">\r\n <div class=\"trophy-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>Best Defence<\/h3>\r\n <p>12 Clean Sheets<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SUBSCRIBE SECTION -->\r\n <section class=\"subscribe-section\">\r\n <div class=\"subscribe-content\">\r\n <h2>Stay Updated with Talen Vision FC<\/h2>\r\n <p>Get the latest news, match updates, and exclusive content delivered to your inbox<\/p>\r\n <div class=\"subscribe-form\">\r\n <input type=\"email\" placeholder=\"Enter your email address\" class=\"email-input\">\r\n <button class=\"subscribe-btn\">Subscribe<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Smooth scroll for internal 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\r\n \/\/ Parallax effect on scroll\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const orbs = document.querySelectorAll('.animated-orb');\r\n orbs.forEach((orb, index) => {\r\n orb.style.transform = `translate(0, ${scrolled * (0.1 + index * 0.05)}px)`;\r\n });\r\n });\r\n\r\n \/\/ Add click animation to buttons\r\n document.querySelectorAll('.btn').forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n const ripple = document.createElement('span');\r\n const rect = this.getBoundingClientRect();\r\n const size = Math.max(rect.width, rect.height);\r\n const x = e.clientX - rect.left - size \/ 2;\r\n const y = e.clientY - rect.top - size \/ 2;\r\n \r\n ripple.style.width = ripple.style.height = size + 'px';\r\n ripple.style.left = x + 'px';\r\n ripple.style.top = y + 'px';\r\n ripple.style.position = 'absolute';\r\n ripple.style.background = 'rgba(255, 255, 255, 0.3)';\r\n ripple.style.borderRadius = '50%';\r\n ripple.style.pointerEvents = 'none';\r\n ripple.style.animation = 'rippleAnimation 0.6s ease-out';\r\n \r\n this.style.position = 'relative';\r\n this.style.overflow = 'hidden';\r\n this.appendChild(ripple);\r\n \r\n setTimeout(() => ripple.remove(), 600);\r\n });\r\n });\r\n\r\n \/\/ Mouse move effect on logo\r\n const logoCircle = document.querySelector('.logo-circle');\r\n if (logoCircle) {\r\n document.addEventListener('mousemove', (e) => {\r\n const rect = logoCircle.getBoundingClientRect();\r\n const x = e.clientX - rect.left - rect.width \/ 2;\r\n const y = e.clientY - rect.top - rect.height \/ 2;\r\n const distance = Math.sqrt(x * x + y * y);\r\n \r\n if (distance < 200) {\r\n logoCircle.style.transform = `perspective(1000px) rotateX(${y * 0.1}deg) rotateY(${x * 0.1}deg) scale(1.05)`;\r\n }\r\n });\r\n\r\n document.addEventListener('mouseleave', () => {\r\n logoCircle.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) scale(1)';\r\n });\r\n }\r\n <\/script>\r\n\r\n <style>\r\n @keyframes rippleAnimation {\r\n to {\r\n transform: scale(4);\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/body>\r\n<\/html>\r\n\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>Talen Vision FC – Rise as One TALEN VISION F.C. Akulula Madoda Welcome to Talen Vision FC from Filabusi, Zimbabwe – where passion meets precision and dreams become reality. A club built on excellence, unity, and the pursuit of greatness. Join us as we rise together. Explore Club Contact Us \u26bd 10 Goals 24 Assists […]<\/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-6","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":10,"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/talenvisionfc.co.zw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}