:root{--primary-blue:#0e5bd8;--secondary-blue:#0a45a5;--primary-green:#10b981;--accent-blue:#eef4ff;--background:#fff;--foreground:#0f172a;--card-bg:#f8fafc;--border:#0000000d}.landingPage{min-height:100vh;color:var(--foreground);background-color:var(--background);z-index:1;font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow-x:hidden}.bg-decorative-wrapper{z-index:-3;pointer-events:none;background-color:var(--background);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-grid-dots{opacity:.3;z-index:1;background-image:radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-position:0 0,30px 30px;background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.streak{filter:blur(80px);opacity:1;z-index:2;pointer-events:none;transform:translateY(calc(var(--scroll-y,0)*.05));border-radius:100px;transition:transform .1s linear;position:absolute}.streak-1{background:linear-gradient(90deg,#0e5bd800 0%,#0e5bd8 50%,#10b98100 100%);width:150vw;height:120px;animation:15s linear infinite streakSweep;top:-20%;left:-50%;transform:rotate(35deg)}.streak-2{background:linear-gradient(90deg,#10b98100 0%,#10b981e6 50%,#0e5bd800 100%);width:120vw;height:200px;animation:20s linear infinite streakSweepReverse;bottom:-30%;right:-50%;transform:rotate(-40deg)}.streak-3{background:linear-gradient(90deg,#0e5bd800 0%,#0a45a5f2 50%,#10b98100 100%);width:100vw;height:80px;animation:18s linear infinite reverse streakSweep;top:50%;left:-20%;transform:rotate(15deg)}@keyframes streakSweep{0%{transform:translateY(-50vh)translate(-50vw)rotate(35deg)}50%{transform:translateY(50vh)translate(50vw)rotate(35deg)}to{transform:translateY(-50vh)translate(-50vw)rotate(35deg)}}@keyframes streakSweepReverse{0%{transform:translateY(50vh)translate(50vw)rotate(-40deg)}50%{transform:translateY(-50vh)translate(-50vw)rotate(-40deg)}to{transform:translateY(50vh)translate(50vw)rotate(-40deg)}}.landingHeader{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000;background-color:#fffc;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 5%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.headerLeft{align-items:center;gap:60px;display:flex}.navLinks{gap:36px;display:flex}.navLink{color:var(--foreground);opacity:.7;align-items:center;gap:6px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.navLink:hover,.activeLink{opacity:1;color:var(--primary-blue);text-shadow:none}.navDivider{background-color:#0000001a;width:1px;height:24px;margin:0 4px}.searchContainer{align-items:center;display:flex;position:relative}.searchInputWrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fffffff2;border:1px solid #0e5bd81a;border-radius:20px;align-items:center;width:380px;padding:12px;animation:.4s cubic-bezier(.175,.885,.32,1.275) searchSlideDown;display:flex;position:absolute;top:calc(100% + 15px);right:-10px;box-shadow:0 20px 50px #0e5bd826}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.searchInput{width:100%;color:var(--foreground);background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;outline:none;padding:14px 20px;font-size:16px;font-weight:500;transition:all .3s}.searchInput:focus{border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 4px #0e5bd80d}.searchNavIcon{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.searchNavIcon:hover,.activeSearch{background:var(--accent-blue);color:var(--primary-blue)!important;opacity:1!important}.headerStoreBtn{color:var(--foreground);background:0 0;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:all .3s;display:flex}.headerStoreBtn:hover{background:#fff;box-shadow:0 4px 12px #0000000d}.appleStoreBtn{color:#000!important}.appleStoreBtn:hover{border-color:#000}.playStoreBtn:hover{border-color:#4285f4}.headerStoreText{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.headerStoreText span{text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:2px;font-size:8px}.headerStoreText strong{font-size:13px;font-weight:800}.headerRight{align-items:center;gap:30px;display:flex}.loginLink{color:var(--foreground);align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.loginLink:hover{color:var(--primary-blue)}.registerBtn{background-color:var(--primary-blue);color:#fff;border-radius:100px;padding:14px 30px;font-size:16px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0e5bd833}.registerBtn:hover{background-color:var(--secondary-blue);transform:scale(1.05)}.heroSection{z-index:10;align-items:center;gap:80px;max-width:1400px;margin:0 auto;padding:160px 5% 120px;display:flex;position:relative}.heroContent{flex:1;max-width:650px}.storeBadges{margin-bottom:24px}.badgesRow{flex-wrap:wrap;gap:12px;display:flex}.brandTag{-webkit-backdrop-filter:blur(10px);color:#64748b;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:#e2e8f04d;border:1px solid #00000008;border-radius:100px;outline:none;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.brandTag:hover{color:var(--primary-blue);background:#e2e8f080;transform:translateY(-2px)}.brandTag.active{color:var(--primary-blue);background:#fff;border-color:#0e5bd81a;transform:translateY(-2px);box-shadow:0 10px 25px #0e5bd814}.tagUnderline{background:linear-gradient(90deg,var(--primary-blue),var(--primary-green));z-index:5;width:0;height:3px;animation:10s linear forwards progressLine;position:absolute;bottom:0;left:0}@keyframes progressLine{0%{width:0}to{width:100%}}.heroTitle{letter-spacing:-2.5px;color:#0f172a;margin-bottom:36px;font-size:72px;font-weight:800;line-height:1.15}.highlightText{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heroPara{color:#334155;max-width:580px;margin-bottom:54px;font-size:24px;line-height:1.6}.heroActions{align-items:center;gap:24px;display:flex}.ctaMainBtn{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border-radius:100px;align-items:center;gap:12px;padding:20px 40px;font-size:18px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 15px 30px #0e5bd84d}.ctaMainBtn:hover{transform:translateY(-5px);box-shadow:0 25px 40px #0e5bd866}.secBtn{color:var(--foreground);padding:18px;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s}.secBtn:hover{color:var(--primary-blue)}.heroImageWrapper,.showcaseMockup{transform:translateY(calc(var(--scroll-y,0)*-.08));transition:transform .1s ease-out;position:relative}@keyframes mockupFloat{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}.continuous-float{animation:5s ease-in-out infinite mockupFloat}.phoneFrame{background:#000;border:3px solid #1e293b;border-radius:56px;width:360px;height:740px;margin:0 auto;padding:12px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #0e5bd840}.phoneFrame:before{content:"";z-index:20;background:#000;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:140px;height:32px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phoneScreen{object-fit:cover;background-color:#fff;border-radius:44px;width:100%;height:100%;display:block;opacity:1!important;filter:none!important}.glowEffect:after{content:"";background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));filter:blur(120px);opacity:.25;z-index:-1;border-radius:50%;width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcaseContainer{z-index:10;max-width:1400px;margin:0 auto;padding:180px 5%;position:relative}.showcaseHeader{text-align:center;max-width:900px;margin:0 auto 180px}.showcaseHeader h2{letter-spacing:-2px;margin-bottom:32px;font-size:56px;font-weight:900;line-height:1.15}.showcaseHeader p{color:#475569;font-size:24px;line-height:1.7}.noResults{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:32px;max-width:800px;margin:0 auto;padding:100px 5%}.noResults h3{color:#1e293b;margin-bottom:16px;font-size:32px}.noResults p{color:#64748b;margin-bottom:32px;font-size:18px}.showcaseSection{z-index:10;justify-content:space-between;align-items:center;gap:160px;margin-bottom:280px;display:flex;position:relative}.showcaseSection.reversed{flex-direction:row-reverse}.showcaseText{flex:1;max-width:520px}.showcaseIconBox{background:var(--accent-blue);width:70px;height:70px;color:var(--primary-blue);border-radius:20px;justify-content:center;align-items:center;margin-bottom:36px;display:flex;box-shadow:0 15px 30px #0e5bd826}.showcaseText h3{letter-spacing:-1.5px;color:#0f172a;margin-bottom:28px;font-size:46px;font-weight:800;line-height:1.25}.showcaseText p{color:#475569;letter-spacing:-.2px;font-size:22px;line-height:1.8}.showcaseMockup{flex:1.2;justify-content:center;display:flex}.hidden-state .text-reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:translate(-40px)}.showcaseSection.reversed .hidden-state .text-reveal{transform:translate(40px)}.is-revealed .text-reveal{opacity:1;transform:translate(0)}.hidden-state .mockup-reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.8,.2,1) .3s,transform 1s cubic-bezier(.2,.8,.2,1) .3s;transform:translateY(60px)}.is-revealed .mockup-reveal{opacity:1;transform:translateY(0)}.ctaSection{z-index:10;justify-content:center;padding:100px 5%;display:flex;position:relative}.ctaContainer{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));color:#fff;text-align:center;border-radius:48px;width:100%;max-width:1200px;padding:100px}.ctaContainer h2{letter-spacing:-1.5px;margin-bottom:24px;font-size:52px;font-weight:900;line-height:1.15}.ctaContainer p{opacity:.95;margin-bottom:48px;font-size:22px;line-height:1.6}.ctaBtn{color:var(--primary-blue);background:#fff;border-radius:100px;padding:22px 46px;font-size:22px;font-weight:800;text-decoration:none;transition:transform .3s;display:inline-block}.ctaBtn:hover{transform:scale(1.05)}.storeDownloads{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:48px;display:flex}.storeBtn{background-color:var(--background);color:var(--foreground);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:10px 24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000026}.storeBtn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0003}.storeBtnText{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.storeBtnText span{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:10px;line-height:1}.storeBtnText strong{margin-top:3px;font-size:20px;font-weight:800;line-height:1.1}.landingFooter{z-index:10;background:var(--background);padding:80px 5% 40px;position:relative}.footerContent{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.footerLinks{gap:40px;display:flex}.footerLinks a{color:#64748b;font-weight:600;text-decoration:none}.copyright{text-align:center;color:#94a3b8;margin-bottom:20px;font-size:16px}.biblicalVerse{text-align:center;color:#94a3b8;opacity:.55;letter-spacing:.5px;max-width:800px;margin:0 auto;padding-bottom:40px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:400;line-height:1.4}.verseQuote{margin-bottom:4px;display:block}.verseRef{text-transform:uppercase;letter-spacing:2px;opacity:.8;font-size:14px}.logoContainer{display:block}.mobileMenuBtn{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px;transition:background .3s;display:none}@media (max-width:1024px){.landingHeader{z-index:1000;justify-content:center;align-items:center;width:100%;height:80px;padding:0 20px;display:flex;position:fixed;top:0;left:0}.logoContainer{display:block}.headerLeft{gap:0;width:auto;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.headerHeader .logoImg,.headerLeft .logoImg{display:none}.navLinks,.headerRight,.navDivider{display:none!important}.mobileMenuBtn{justify-content:center;align-items:center;display:flex}.heroSection,.showcaseSection{text-align:center;gap:60px;padding:140px 20px 80px;flex-direction:column!important}.showcaseText{max-width:100%}.showcaseIconBox{margin:0 auto 30px}.phoneFrame{width:300px;height:620px}.heroTitle{letter-spacing:-1.5px;font-size:42px}.heroPara{margin-bottom:40px;font-size:18px}.heroActions{flex-direction:column;width:100%}.ctaMainBtn{justify-content:center;width:100%}.showcaseHeader h2{font-size:36px}.showcaseText h3{font-size:32px}.ctaContainer{border-radius:32px;padding:60px 20px}.ctaContainer h2{font-size:32px}}.mobileMenuOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;background:#0f172a66;width:100%;height:100%;transition:opacity .4s;position:fixed;top:0;left:0}.mobileMenuOverlay.active{opacity:1;pointer-events:auto}.mobileMenuDrawer{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffffe6;flex-direction:column;width:85%;max-width:380px;height:100%;padding:30px;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:-100%;box-shadow:-20px 0 50px #0000001a}.mobileMenuDrawer.active{right:0}.drawerHeader{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.closeMenuBtn{background:var(--accent-blue);color:var(--primary-blue);border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobileNavLinks{flex-direction:column;gap:20px;display:flex}.mobileNavLink{color:var(--foreground);border-bottom:1px solid #0000000d;padding:12px 0;font-size:20px;font-weight:700;text-decoration:none}.drawerDivider{background:#0000001a;height:1px;margin:20px 0}.mobileLoginLink{color:var(--foreground);align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.mobileRegisterBtn{background:var(--primary-blue);color:#fff;text-align:center;border-radius:16px;padding:18px;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 10px 20px #0e5bd833}.drawerFooter{margin-top:auto;padding-top:40px}.drawerFooter p{opacity:.6;margin-bottom:15px;font-size:14px}.drawerStoreButtons{gap:10px;display:flex}.mobileDrawerBtn{flex:1;justify-content:center;padding:8px 12px!important}.mobileDrawerBtn .headerStoreText span{font-size:7px}.mobileDrawerBtn strong{font-size:11px}@keyframes CTAPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 35px #10b98100}to{box-shadow:0 0 #10b98100}}.CTA-pulse-animation{animation:3s cubic-bezier(.66,0,0,1) infinite CTAPulse}@media (max-width:1024px){.drawerFooter{padding-bottom:20px}}.drawerSocialSection{flex-direction:column;gap:20px;display:flex}.socialIconsRow{gap:12px;display:flex}.socialIconBtn{color:#475569;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.socialIconBtn:hover{color:#fff;transform:translateY(-4px)}.socialIconBtn.wa:hover{background:#25d366}.socialIconBtn.ig:hover{background:#e4405f}.socialIconBtn.fb:hover{background:#1877f2}.socialIconBtn.tk:hover{background:#000}.socialIconBtn.yt:hover{background:red}.emailCopyBox{background:#f1f5f9;border:1px solid #00000008;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.emailIcon{color:var(--primary-blue);opacity:.7}.emailText{color:#475569;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.copyBtn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.copyBtn:hover{color:var(--primary-blue);border-color:var(--primary-blue);background:#f8fafc}.copyBtn.copied{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}