LightBear Software | Official Home<\/title>\n <style>\n :root {\n --primary: #00f7ff;\n --accent: #7000ff;\n --bg-dark: #000000;\n --glass: rgba(255, 255, 255, 0.03);\n --glass-border: rgba(255, 255, 255, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: var(--bg-dark);\n color: #ffffff;\n font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n overflow-x: hidden;\n scroll-behavior: smooth;\n \/* Added padding-top to prevent WordPress header overlap *\/\n padding-top: var(--wp-admin--admin-bar--height, 0);\n }\n\n \/* Ensure the WordPress Header\/Nav stays on top *\/\n header, .wp-block-template-part, nav {\n position: relative;\n z-index: 9999999 !important;\n }\n\n \/* --- UPGRADE: CURSOR GLOW --- *\/\n #cursor-glow {\n position: fixed;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(0, 247, 255, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n transform: translate(-50%, -50%);\n transition: width 0.3s, height 0.3s;\n }\n\n \/* --- CINEMATIC INTRO --- *\/\n #lb-intro {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: #000;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n \/* Reduced z-index slightly to allow WP UI elements to potentially sit above if needed *\/\n z-index: 1000000;\n overflow: hidden;\n animation: introFadeOut 1.5s cubic-bezier(0.7, 0, 0.3, 1) 5.5s forwards;\n pointer-events: none; \/* Allows clicking through to header after fade starts *\/\n }\n\n .intro-logo {\n width: 220px;\n filter: drop-shadow(0 0 0px rgba(0, 247, 255, 0));\n transform: scale(0.8);\n opacity: 0;\n animation: logoCinematic 4s ease-out 0.5s forwards;\n }\n\n .intro-text {\n margin-top: 30px;\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: 15px;\n text-transform: uppercase;\n color: #fff;\n opacity: 0;\n transform: translateY(20px);\n animation: textCinematic 3s ease-out 2s forwards;\n text-shadow: 0 0 20px rgba(255,255,255,0.5);\n }\n\n @keyframes logoCinematic {\n 0% { opacity: 0; transform: scale(0.7) blur(10px); filter: drop-shadow(0 0 0px rgba(0, 247, 255, 0)); }\n 50% { opacity: 1; transform: scale(1.05) blur(0px); filter: drop-shadow(0 0 30px rgba(0, 247, 255, 0.8)); }\n 100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 15px rgba(0, 247, 255, 0.4)); }\n }\n\n @keyframes textCinematic {\n 0% { opacity: 0; transform: translateY(20px) scale(0.9); letter-spacing: 25px; }\n 100% { opacity: 1; transform: translateY(0) scale(1); letter-spacing: 12px; }\n }\n\n @keyframes introFadeOut {\n 0% { opacity: 1; pointer-events: auto; }\n 100% { opacity: 0; visibility: hidden; transform: scale(1.1); pointer-events: none; }\n }\n\n \/* --- BACKGROUND & LAYOUT --- *\/\n #star-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1; \/* Keep stars behind everything *\/\n background: radial-gradient(circle at 50% 50%, #0a0a20 0%, #000 100%);\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n perspective: 1000px;\n }\n\n .hero-title {\n font-size: clamp(3rem, 10vw, 6rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: -2px;\n line-height: 0.9;\n background: linear-gradient(to bottom, #fff 40%, var(--primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px;\n filter: drop-shadow(0 0 20px rgba(0, 247, 255, 0.3));\n }\n\n \/* --- CAROUSEL (MINIMIZED SPACE) --- *\/\n .carousel-section { padding: 40px 0; }\n .carousel-header { text-align: center; margin-bottom: 30px; }\n .carousel-header h2 { font-size: 2.5rem; color: var(--primary); text-shadow: 0 0 15px rgba(0, 247, 255, 0.5); }\n .carousel-track-container { overflow: hidden; padding: 20px 0; background: linear-gradient(90deg, transparent, var(--glass), transparent); }\n .carousel-track { display: flex; width: max-content; animation: scroll 40s linear infinite; }\n .carousel-track:hover { animation-play-state: paused; }\n .game-card { width: 350px; margin: 0 20px; background: var(--glass); border: 1px solid var(--glass-border); border-radius: 20px; overflow: hidden; transition: 0.4s; text-decoration: none; color: white; }\n .game-card:hover { transform: scale(1.05) translateY(-10px); border-color: var(--primary); box-shadow: 0 10px 30px rgba(0, 247, 255, 0.2); }\n .game-card img { width: 100%; height: 450px; object-fit: cover; border-bottom: 1px solid var(--glass-border); }\n .game-card .caption { padding: 20px; text-align: center; font-weight: 700; background: rgba(0,0,0,0.5); }\n\n @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n \/* --- COMMUNITY (MINIMIZED SPACE) --- *\/\n .community { text-align: center; padding: 60px 0; }\n .discord-btn { display: inline-block; transition: 0.5s; position: relative; max-width: 600px; width: 100%; }\n .discord-btn img { width: 100%; border-radius: 30px; box-shadow: 0 0 50px rgba(88, 101, 242, 0.3); transition: 0.3s; }\n .discord-btn:hover img { transform: scale(1.02); box-shadow: 0 0 70px rgba(88, 101, 242, 0.5); }\n\n \/* --- PEEKING BEAR --- *\/\n #peeking-bear {\n position: fixed;\n width: 140px;\n height: 140px;\n z-index: 99999;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n pointer-events: auto;\n filter: drop-shadow(0 0 15px var(--primary));\n }\n #peeking-bear img { width: 100%; height: 100%; object-fit: contain; }\n #peeking-bear:active { transform: scale(0.8) !important; }\n\n .peek-left { left: -75px; top: 50%; transform: rotate(90deg); }\n .peek-left:hover { left: -15px; transform: rotate(90deg) scale(1.1); }\n .peek-right { right: -75px; top: 50%; transform: rotate(-90deg); }\n .peek-right:hover { right: -15px; transform: rotate(-90deg) scale(1.1); }\n .peek-top { top: -75px; left: 50%; transform: rotate(180deg); }\n .peek-top:hover { top: -15px; transform: rotate(180deg) scale(1.1); }\n .peek-bottom { bottom: -75px; left: 50%; transform: rotate(0deg); }\n .peek-bottom:hover { bottom: -15px; transform: rotate(0deg) scale(1.1); }\n .peek-hidden { opacity: 0; pointer-events: none; transform: scale(0) !important; }\n\n \/* --- FOOTER --- *\/\n .footer-logo-wrap { height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; }\n .logo-glow { position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, var(--primary) 0%, transparent 70%); opacity: 0.15; filter: blur(50px); animation: pulseGlow 4s ease-in-out infinite alternate; }\n .floating-logo { width: 320px; z-index: 10; filter: drop-shadow(0 0 40px rgba(0, 247, 255, 0.6)); animation: megaFloat 8s ease-in-out infinite; cursor: pointer; }\n .god-rays { position: absolute; top: 50%; left: 50%; width: 2000px; height: 2000px; background: conic-gradient(from 0deg, transparent, var(--primary), transparent, var(--primary), transparent); opacity: 0.05; transform: translate(-50%, -50%); animation: rotateRays 20s linear infinite; pointer-events: none; }\n\n @keyframes megaFloat { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 33% { transform: translateY(-30px) rotate(3deg) scale(1.05); } 66% { transform: translateY(15px) rotate(-3deg) scale(0.95); } }\n @keyframes pulseGlow { from { opacity: 0.1; transform: scale(0.8); } to { opacity: 0.3; transform: scale(1.3); } }\n @keyframes rotateRays { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"cursor-glow\"><\/div>\n\n\n<div id=\"lb-intro\">\n <img decoding=\"async\" class=\"intro-logo\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\">\n <div class=\"intro-text\">WELCOME<\/div>\n<\/div>\n\n<canvas id=\"star-canvas\"><\/canvas>\n\n\n<div id=\"peeking-bear\" class=\"peek-left\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" alt=\"Peeking Bear\">\n<\/div>\n\n<div class=\"container\">\n <section class=\"hero\">\n <h1 class=\"hero-title\">LIGHTBEAR<br>SOFTWARE<\/h1>\n <p style=\"font-size: 1.5rem; color: var(--primary); font-weight: 300; letter-spacing: 5px;\">INSPIRING \u2022 UPLIFTING \u2022 FUN<\/p>\n <\/section>\n\n <section class=\"carousel-section\">\n <div class=\"carousel-header\">\n <h2>Our Games<\/h2>\n <\/div>\n <div class=\"carousel-track-container\">\n <div class=\"carousel-track\" id=\"game-track\"><\/div>\n <\/div>\n <\/section>\n\n <section class=\"community\">\n <h2 style=\"font-size: 2.5rem; margin-bottom: 20px;\">Join Our Community<\/h2>\n <a href=\"https:\/\/discord.gg\/9BrM6je23H\" class=\"discord-btn\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/20251026200221-1024x806.png\" alt=\"Discord\">\n <\/a>\n <\/section>\n\n <div class=\"footer-logo-wrap\" id=\"logo-parallax-box\">\n <div class=\"god-rays\"><\/div>\n <div class=\"logo-glow\"><\/div>\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" \n alt=\"LightBear\" \n class=\"floating-logo\" \n id=\"main-bear\">\n <p style=\"margin-top:20px; letter-spacing: 3px; font-weight: bold; opacity: 0.6; color: var(--primary);\">EST. 2023<\/p>\n <\/div>\n<\/div>\n\n<script>\nwindow.onload = function() {\n \/** * CURSOR GLOW UPGRADE *\/\n const glow = document.getElementById('cursor-glow');\n document.addEventListener('mousemove', (e) => {\n glow.style.left = e.clientX + 'px';\n glow.style.top = e.clientY + 'px';\n });\n\n \/** * INTRO CLEANUP *\/\n setTimeout(() => {\n const intro = document.getElementById(\"lb-intro\");\n if(intro) intro.style.display = \"none\";\n }, 7000);\n\n \/** * SPAWN BEARS ON TRIPLE CLICK *\/\n let globalClickCount = 0;\n document.addEventListener(\"click\", function(e) {\n globalClickCount++;\n if (globalClickCount >= 3) {\n spawnLogos();\n globalClickCount = 0;\n }\n });\n\n function spawnLogos() {\n const logoUrl = \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\";\n for (let i = 0; i < 20; i++) {\n let img = document.createElement(\"img\");\n img.src = logoUrl;\n img.style.position = \"fixed\";\n img.style.width = (Math.random() * 40 + 30) + \"px\";\n img.style.left = Math.random() * window.innerWidth + \"px\";\n img.style.bottom = \"-100px\";\n img.style.zIndex = \"2000000\";\n img.style.pointerEvents = \"none\";\n img.style.transition = `transform ${Math.random() * 2 + 2}s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2.5s`;\n document.body.appendChild(img);\n\n setTimeout(() => {\n img.style.transform = `translateY(-125vh) rotate(${Math.random() * 720 - 360}deg)`;\n img.style.opacity = \"0\";\n }, 50);\n\n setTimeout(() => img.remove(), 4000);\n }\n }\n\n \/** * GAME DATA INJECTION *\/\n const gameData = [\n { title: \"Lightbear !\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/header.jpg\", url: \"https:\/\/store.steampowered.com\/app\/2615330\/LightBear\/\" },\n { title: \"LightBear: Grizzelda Returns\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/header-1.jpg\", url: \"https:\/\/store.steampowered.com\/app\/2810340\/LightBear_Grizzelda_Returns\/\" },\n { title: \"ABC MAGIC PHONICS\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/ABC-MAGIC-PHONICS-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/abc-magic-phonics\/id404048724\" },\n { title: \"PARTNERS IN RHYME\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/Partners-in-Rhyme-Rhyming-Game-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/partners-in-rhyme-rhyming-game\/id721334745\" },\n { title: \"LETTER FREE PHONICS\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/LETTER-FREE-PHONICS-on-the-App-Store.png\", url: \"https:\/\/lightbearsoftware.com\/index.php\/games\/letter-free-phonics-on-the-app-store\/\" },\n { title: \"123 NUMBER MAGIC\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/123-NUMBER-MAGIC-Matching-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/123-number-magic-matching\/id1591268369\" }\n ];\n\n const track = document.getElementById('game-track');\n if (track) {\n [...gameData, ...gameData].forEach(game => {\n const card = document.createElement('a');\n card.className = 'game-card';\n card.href = game.url;\n card.target = '_blank';\n card.innerHTML = `<img decoding=\"async\" src=\"${game.img}\" alt=\"${game.title}\"><div class=\"caption\">${game.title}<\/div>`;\n track.appendChild(card);\n });\n }\n\n \/** * STARFIELD BACKGROUND *\/\n const canvas = document.getElementById('star-canvas');\n const ctx = canvas.getContext('2d');\n let stars = [];\n function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }\n window.addEventListener('resize', resize);\n resize();\n class Star {\n constructor() { this.reset(); }\n reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2; this.speed = Math.random() * 0.4 + 0.1; this.alpha = Math.random(); }\n update() { this.y -= this.speed; if (this.y < 0) this.reset(); }\n draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); }\n }\n for(let i = 0; i < 150; i++) stars.push(new Star());\n function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); stars.forEach(s => { s.update(); s.draw(); }); requestAnimationFrame(animate); }\n animate();\n\n \/** * ENHANCED PEEKING BEAR MINI-GAME *\/\n const peekingBear = document.getElementById('peeking-bear');\n const positions = ['peek-left', 'peek-right', 'peek-top', 'peek-bottom'];\n let bearHitCount = 0;\n\n function createBurst(x, y) {\n const burst = document.createElement('div');\n burst.style.position = 'fixed';\n burst.style.left = x + 'px';\n burst.style.top = y + 'px';\n burst.style.width = '10px';\n burst.style.height = '10px';\n burst.style.background = 'var(--primary)';\n burst.style.borderRadius = '50%';\n burst.style.boxShadow = '0 0 40px 20px var(--primary)';\n burst.style.zIndex = '100000';\n burst.style.pointerEvents = 'none';\n burst.style.opacity = '1';\n burst.style.transition = 'all 0.5s ease-out';\n document.body.appendChild(burst);\n setTimeout(() => {\n burst.style.transform = 'scale(10)';\n burst.style.opacity = '0';\n }, 10);\n setTimeout(() => burst.remove(), 600);\n }\n\n peekingBear.addEventListener('click', (e) => {\n e.stopPropagation();\n bearHitCount++;\n const rect = peekingBear.getBoundingClientRect();\n createBurst(rect.left + rect.width\/2, rect.top + rect.height\/2);\n\n if (bearHitCount >= 5) {\n peekingBear.classList.add('peek-hidden');\n spawnLogos();\n return;\n }\n\n peekingBear.style.opacity = '0';\n peekingBear.style.pointerEvents = 'none';\n\n setTimeout(() => {\n positions.forEach(p => peekingBear.classList.remove(p));\n let newPos = positions[Math.floor(Math.random() * positions.length)];\n peekingBear.classList.add(newPos);\n const offset = Math.random() * 60 + 20 + '%';\n if(newPos.includes('left') || newPos.includes('right')) {\n peekingBear.style.top = offset;\n peekingBear.style.left = '';\n } else {\n peekingBear.style.left = offset;\n peekingBear.style.top = '';\n }\n peekingBear.style.opacity = '1';\n peekingBear.style.pointerEvents = 'auto';\n }, 300);\n });\n\n \/** * MOUSE PARALLAX FOR FOOTER BEAR *\/\n const bear = document.getElementById('main-bear');\n const box = document.getElementById('logo-parallax-box');\n if (box && bear) {\n box.addEventListener('mousemove', (e) => {\n const rect = box.getBoundingClientRect();\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n bear.style.transform = `translate(${x * 60}px, ${y * 60}px) rotateX(${-y * 25}deg) rotateY(${x * 25}deg) scale(1.15)`;\n bear.style.transition = 'none';\n });\n box.addEventListener('mouseleave', () => {\n bear.style.transition = 'all 1.2s cubic-bezier(0.23, 1, 0.32, 1)';\n bear.style.transform = 'translate(0, 0) rotate(0) scale(1)';\n });\n }\n};\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LightBear Software | Official Home WELCOME LIGHTBEARSOFTWARE INSPIRING \u2022 UPLIFTING \u2022 FUN Our Games Join Our Community EST. 2023<\/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-5","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":48,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5,"date":"2023-04-24T12:44:00","date_gmt":"2023-04-24T11:44:00","guid":{"rendered":"https:\/\/lightbearsoftware.com\/?page_id=5"},"modified":"2026-03-09T19:42:25","modified_gmt":"2026-03-09T19:42:25","slug":"create-your-website-with-blocks","status":"publish","type":"page","link":"https:\/\/lightbearsoftware.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n LightBear Software | Official Home<\/title>\n <style>\n :root {\n --primary: #00f7ff;\n --accent: #7000ff;\n --bg-dark: #000000;\n --glass: rgba(255, 255, 255, 0.03);\n --glass-border: rgba(255, 255, 255, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: var(--bg-dark);\n color: #ffffff;\n font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n overflow-x: hidden;\n scroll-behavior: smooth;\n \/* Added padding-top to prevent WordPress header overlap *\/\n padding-top: var(--wp-admin--admin-bar--height, 0);\n }\n\n \/* Ensure the WordPress Header\/Nav stays on top *\/\n header, .wp-block-template-part, nav {\n position: relative;\n z-index: 9999999 !important;\n }\n\n \/* --- UPGRADE: CURSOR GLOW --- *\/\n #cursor-glow {\n position: fixed;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(0, 247, 255, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n transform: translate(-50%, -50%);\n transition: width 0.3s, height 0.3s;\n }\n\n \/* --- CINEMATIC INTRO --- *\/\n #lb-intro {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: #000;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n \/* Reduced z-index slightly to allow WP UI elements to potentially sit above if needed *\/\n z-index: 1000000;\n overflow: hidden;\n animation: introFadeOut 1.5s cubic-bezier(0.7, 0, 0.3, 1) 5.5s forwards;\n pointer-events: none; \/* Allows clicking through to header after fade starts *\/\n }\n\n .intro-logo {\n width: 220px;\n filter: drop-shadow(0 0 0px rgba(0, 247, 255, 0));\n transform: scale(0.8);\n opacity: 0;\n animation: logoCinematic 4s ease-out 0.5s forwards;\n }\n\n .intro-text {\n margin-top: 30px;\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: 15px;\n text-transform: uppercase;\n color: #fff;\n opacity: 0;\n transform: translateY(20px);\n animation: textCinematic 3s ease-out 2s forwards;\n text-shadow: 0 0 20px rgba(255,255,255,0.5);\n }\n\n @keyframes logoCinematic {\n 0% { opacity: 0; transform: scale(0.7) blur(10px); filter: drop-shadow(0 0 0px rgba(0, 247, 255, 0)); }\n 50% { opacity: 1; transform: scale(1.05) blur(0px); filter: drop-shadow(0 0 30px rgba(0, 247, 255, 0.8)); }\n 100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 15px rgba(0, 247, 255, 0.4)); }\n }\n\n @keyframes textCinematic {\n 0% { opacity: 0; transform: translateY(20px) scale(0.9); letter-spacing: 25px; }\n 100% { opacity: 1; transform: translateY(0) scale(1); letter-spacing: 12px; }\n }\n\n @keyframes introFadeOut {\n 0% { opacity: 1; pointer-events: auto; }\n 100% { opacity: 0; visibility: hidden; transform: scale(1.1); pointer-events: none; }\n }\n\n \/* --- BACKGROUND & LAYOUT --- *\/\n #star-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1; \/* Keep stars behind everything *\/\n background: radial-gradient(circle at 50% 50%, #0a0a20 0%, #000 100%);\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .hero {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n perspective: 1000px;\n }\n\n .hero-title {\n font-size: clamp(3rem, 10vw, 6rem);\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: -2px;\n line-height: 0.9;\n background: linear-gradient(to bottom, #fff 40%, var(--primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px;\n filter: drop-shadow(0 0 20px rgba(0, 247, 255, 0.3));\n }\n\n \/* --- CAROUSEL (MINIMIZED SPACE) --- *\/\n .carousel-section { padding: 40px 0; }\n .carousel-header { text-align: center; margin-bottom: 30px; }\n .carousel-header h2 { font-size: 2.5rem; color: var(--primary); text-shadow: 0 0 15px rgba(0, 247, 255, 0.5); }\n .carousel-track-container { overflow: hidden; padding: 20px 0; background: linear-gradient(90deg, transparent, var(--glass), transparent); }\n .carousel-track { display: flex; width: max-content; animation: scroll 40s linear infinite; }\n .carousel-track:hover { animation-play-state: paused; }\n .game-card { width: 350px; margin: 0 20px; background: var(--glass); border: 1px solid var(--glass-border); border-radius: 20px; overflow: hidden; transition: 0.4s; text-decoration: none; color: white; }\n .game-card:hover { transform: scale(1.05) translateY(-10px); border-color: var(--primary); box-shadow: 0 10px 30px rgba(0, 247, 255, 0.2); }\n .game-card img { width: 100%; height: 450px; object-fit: cover; border-bottom: 1px solid var(--glass-border); }\n .game-card .caption { padding: 20px; text-align: center; font-weight: 700; background: rgba(0,0,0,0.5); }\n\n @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n \/* --- COMMUNITY (MINIMIZED SPACE) --- *\/\n .community { text-align: center; padding: 60px 0; }\n .discord-btn { display: inline-block; transition: 0.5s; position: relative; max-width: 600px; width: 100%; }\n .discord-btn img { width: 100%; border-radius: 30px; box-shadow: 0 0 50px rgba(88, 101, 242, 0.3); transition: 0.3s; }\n .discord-btn:hover img { transform: scale(1.02); box-shadow: 0 0 70px rgba(88, 101, 242, 0.5); }\n\n \/* --- PEEKING BEAR --- *\/\n #peeking-bear {\n position: fixed;\n width: 140px;\n height: 140px;\n z-index: 99999;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n pointer-events: auto;\n filter: drop-shadow(0 0 15px var(--primary));\n }\n #peeking-bear img { width: 100%; height: 100%; object-fit: contain; }\n #peeking-bear:active { transform: scale(0.8) !important; }\n\n .peek-left { left: -75px; top: 50%; transform: rotate(90deg); }\n .peek-left:hover { left: -15px; transform: rotate(90deg) scale(1.1); }\n .peek-right { right: -75px; top: 50%; transform: rotate(-90deg); }\n .peek-right:hover { right: -15px; transform: rotate(-90deg) scale(1.1); }\n .peek-top { top: -75px; left: 50%; transform: rotate(180deg); }\n .peek-top:hover { top: -15px; transform: rotate(180deg) scale(1.1); }\n .peek-bottom { bottom: -75px; left: 50%; transform: rotate(0deg); }\n .peek-bottom:hover { bottom: -15px; transform: rotate(0deg) scale(1.1); }\n .peek-hidden { opacity: 0; pointer-events: none; transform: scale(0) !important; }\n\n \/* --- FOOTER --- *\/\n .footer-logo-wrap { height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; }\n .logo-glow { position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, var(--primary) 0%, transparent 70%); opacity: 0.15; filter: blur(50px); animation: pulseGlow 4s ease-in-out infinite alternate; }\n .floating-logo { width: 320px; z-index: 10; filter: drop-shadow(0 0 40px rgba(0, 247, 255, 0.6)); animation: megaFloat 8s ease-in-out infinite; cursor: pointer; }\n .god-rays { position: absolute; top: 50%; left: 50%; width: 2000px; height: 2000px; background: conic-gradient(from 0deg, transparent, var(--primary), transparent, var(--primary), transparent); opacity: 0.05; transform: translate(-50%, -50%); animation: rotateRays 20s linear infinite; pointer-events: none; }\n\n @keyframes megaFloat { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 33% { transform: translateY(-30px) rotate(3deg) scale(1.05); } 66% { transform: translateY(15px) rotate(-3deg) scale(0.95); } }\n @keyframes pulseGlow { from { opacity: 0.1; transform: scale(0.8); } to { opacity: 0.3; transform: scale(1.3); } }\n @keyframes rotateRays { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"cursor-glow\"><\/div>\n\n\n<div id=\"lb-intro\">\n <img decoding=\"async\" class=\"intro-logo\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\">\n <div class=\"intro-text\">WELCOME<\/div>\n<\/div>\n\n<canvas id=\"star-canvas\"><\/canvas>\n\n\n<div id=\"peeking-bear\" class=\"peek-left\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" alt=\"Peeking Bear\">\n<\/div>\n\n<div class=\"container\">\n <section class=\"hero\">\n <h1 class=\"hero-title\">LIGHTBEAR<br>SOFTWARE<\/h1>\n <p style=\"font-size: 1.5rem; color: var(--primary); font-weight: 300; letter-spacing: 5px;\">INSPIRING \u2022 UPLIFTING \u2022 FUN<\/p>\n <\/section>\n\n <section class=\"carousel-section\">\n <div class=\"carousel-header\">\n <h2>Our Games<\/h2>\n <\/div>\n <div class=\"carousel-track-container\">\n <div class=\"carousel-track\" id=\"game-track\"><\/div>\n <\/div>\n <\/section>\n\n <section class=\"community\">\n <h2 style=\"font-size: 2.5rem; margin-bottom: 20px;\">Join Our Community<\/h2>\n <a href=\"https:\/\/discord.gg\/9BrM6je23H\" class=\"discord-btn\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/20251026200221-1024x806.png\" alt=\"Discord\">\n <\/a>\n <\/section>\n\n <div class=\"footer-logo-wrap\" id=\"logo-parallax-box\">\n <div class=\"god-rays\"><\/div>\n <div class=\"logo-glow\"><\/div>\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\" \n alt=\"LightBear\" \n class=\"floating-logo\" \n id=\"main-bear\">\n <p style=\"margin-top:20px; letter-spacing: 3px; font-weight: bold; opacity: 0.6; color: var(--primary);\">EST. 2023<\/p>\n <\/div>\n<\/div>\n\n<script>\nwindow.onload = function() {\n \/** * CURSOR GLOW UPGRADE *\/\n const glow = document.getElementById('cursor-glow');\n document.addEventListener('mousemove', (e) => {\n glow.style.left = e.clientX + 'px';\n glow.style.top = e.clientY + 'px';\n });\n\n \/** * INTRO CLEANUP *\/\n setTimeout(() => {\n const intro = document.getElementById(\"lb-intro\");\n if(intro) intro.style.display = \"none\";\n }, 7000);\n\n \/** * SPAWN BEARS ON TRIPLE CLICK *\/\n let globalClickCount = 0;\n document.addEventListener(\"click\", function(e) {\n globalClickCount++;\n if (globalClickCount >= 3) {\n spawnLogos();\n globalClickCount = 0;\n }\n });\n\n function spawnLogos() {\n const logoUrl = \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/02\/download_imgupscaler.ai_Beta_2K-removebg-preview.png\";\n for (let i = 0; i < 20; i++) {\n let img = document.createElement(\"img\");\n img.src = logoUrl;\n img.style.position = \"fixed\";\n img.style.width = (Math.random() * 40 + 30) + \"px\";\n img.style.left = Math.random() * window.innerWidth + \"px\";\n img.style.bottom = \"-100px\";\n img.style.zIndex = \"2000000\";\n img.style.pointerEvents = \"none\";\n img.style.transition = `transform ${Math.random() * 2 + 2}s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 2.5s`;\n document.body.appendChild(img);\n\n setTimeout(() => {\n img.style.transform = `translateY(-125vh) rotate(${Math.random() * 720 - 360}deg)`;\n img.style.opacity = \"0\";\n }, 50);\n\n setTimeout(() => img.remove(), 4000);\n }\n }\n\n \/** * GAME DATA INJECTION *\/\n const gameData = [\n { title: \"Lightbear !\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/header.jpg\", url: \"https:\/\/store.steampowered.com\/app\/2615330\/LightBear\/\" },\n { title: \"LightBear: Grizzelda Returns\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/header-1.jpg\", url: \"https:\/\/store.steampowered.com\/app\/2810340\/LightBear_Grizzelda_Returns\/\" },\n { title: \"ABC MAGIC PHONICS\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/ABC-MAGIC-PHONICS-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/abc-magic-phonics\/id404048724\" },\n { title: \"PARTNERS IN RHYME\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/Partners-in-Rhyme-Rhyming-Game-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/partners-in-rhyme-rhyming-game\/id721334745\" },\n { title: \"LETTER FREE PHONICS\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/LETTER-FREE-PHONICS-on-the-App-Store.png\", url: \"https:\/\/lightbearsoftware.com\/index.php\/games\/letter-free-phonics-on-the-app-store\/\" },\n { title: \"123 NUMBER MAGIC\", img: \"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2025\/10\/123-NUMBER-MAGIC-Matching-on-the-App-Store.png\", url: \"https:\/\/apps.apple.com\/us\/app\/123-number-magic-matching\/id1591268369\" }\n ];\n\n const track = document.getElementById('game-track');\n if (track) {\n [...gameData, ...gameData].forEach(game => {\n const card = document.createElement('a');\n card.className = 'game-card';\n card.href = game.url;\n card.target = '_blank';\n card.innerHTML = `<img decoding=\"async\" src=\"${game.img}\" alt=\"${game.title}\"><div class=\"caption\">${game.title}<\/div>`;\n track.appendChild(card);\n });\n }\n\n \/** * STARFIELD BACKGROUND *\/\n const canvas = document.getElementById('star-canvas');\n const ctx = canvas.getContext('2d');\n let stars = [];\n function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }\n window.addEventListener('resize', resize);\n resize();\n class Star {\n constructor() { this.reset(); }\n reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 2; this.speed = Math.random() * 0.4 + 0.1; this.alpha = Math.random(); }\n update() { this.y -= this.speed; if (this.y < 0) this.reset(); }\n draw() { ctx.fillStyle = `rgba(255, 255, 255, ${this.alpha})`; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); }\n }\n for(let i = 0; i < 150; i++) stars.push(new Star());\n function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); stars.forEach(s => { s.update(); s.draw(); }); requestAnimationFrame(animate); }\n animate();\n\n \/** * ENHANCED PEEKING BEAR MINI-GAME *\/\n const peekingBear = document.getElementById('peeking-bear');\n const positions = ['peek-left', 'peek-right', 'peek-top', 'peek-bottom'];\n let bearHitCount = 0;\n\n function createBurst(x, y) {\n const burst = document.createElement('div');\n burst.style.position = 'fixed';\n burst.style.left = x + 'px';\n burst.style.top = y + 'px';\n burst.style.width = '10px';\n burst.style.height = '10px';\n burst.style.background = 'var(--primary)';\n burst.style.borderRadius = '50%';\n burst.style.boxShadow = '0 0 40px 20px var(--primary)';\n burst.style.zIndex = '100000';\n burst.style.pointerEvents = 'none';\n burst.style.opacity = '1';\n burst.style.transition = 'all 0.5s ease-out';\n document.body.appendChild(burst);\n setTimeout(() => {\n burst.style.transform = 'scale(10)';\n burst.style.opacity = '0';\n }, 10);\n setTimeout(() => burst.remove(), 600);\n }\n\n peekingBear.addEventListener('click', (e) => {\n e.stopPropagation();\n bearHitCount++;\n const rect = peekingBear.getBoundingClientRect();\n createBurst(rect.left + rect.width\/2, rect.top + rect.height\/2);\n\n if (bearHitCount >= 5) {\n peekingBear.classList.add('peek-hidden');\n spawnLogos();\n return;\n }\n\n peekingBear.style.opacity = '0';\n peekingBear.style.pointerEvents = 'none';\n\n setTimeout(() => {\n positions.forEach(p => peekingBear.classList.remove(p));\n let newPos = positions[Math.floor(Math.random() * positions.length)];\n peekingBear.classList.add(newPos);\n const offset = Math.random() * 60 + 20 + '%';\n if(newPos.includes('left') || newPos.includes('right')) {\n peekingBear.style.top = offset;\n peekingBear.style.left = '';\n } else {\n peekingBear.style.left = offset;\n peekingBear.style.top = '';\n }\n peekingBear.style.opacity = '1';\n peekingBear.style.pointerEvents = 'auto';\n }, 300);\n });\n\n \/** * MOUSE PARALLAX FOR FOOTER BEAR *\/\n const bear = document.getElementById('main-bear');\n const box = document.getElementById('logo-parallax-box');\n if (box && bear) {\n box.addEventListener('mousemove', (e) => {\n const rect = box.getBoundingClientRect();\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n bear.style.transform = `translate(${x * 60}px, ${y * 60}px) rotateX(${-y * 25}deg) rotateY(${x * 25}deg) scale(1.15)`;\n bear.style.transition = 'none';\n });\n box.addEventListener('mouseleave', () => {\n bear.style.transition = 'all 1.2s cubic-bezier(0.23, 1, 0.32, 1)';\n bear.style.transform = 'translate(0, 0) rotate(0) scale(1)';\n });\n }\n};\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LightBear Software | Official Home WELCOME LIGHTBEARSOFTWARE INSPIRING \u2022 UPLIFTING \u2022 FUN Our Games Join Our Community EST. 2023<\/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-5","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":48,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}