*{margin:0;padding:0;box-sizing:border-box}
body{background:#000;color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* SPLASH */
#splash{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.8s;padding:0;overflow:hidden}
#splash::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55));z-index:1}
#splash.hide{opacity:0;visibility:hidden}
.splash-inner{position:relative;z-index:2;padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}

/* VERSE - WHITE - NO GOLD */
.splash-verse{position:static;width:88%;max-width:340px;font-family:'Playfair Display',serif;font-style:italic;color:#FFFFFF !important;font-size:19px;font-weight:600;line-height:1.6;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,0.7) !important;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.35));border:1px solid rgba(255,255,255,0.4) !important;padding:14px 18px;border-radius:16px;z-index:5;box-shadow:none !important;animation:none !important;order:3;margin-top:18px}
.splash-verse *, .verse, .scripture p{color:#FFFFFF !important;text-shadow:0 2px 12px rgba(0,0,0,0.7) !important}
#bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;z-index:0;opacity:1}
#splash-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;background:#000 !important;z-index:0 !important;opacity:1 !important;display:block !important}
.splash-blue-overlay{position:absolute !important;inset:0 !important;z-index:1 !important;background:linear-gradient(180deg, rgba(37,99,235,0.85) 0%, rgba(37,99,235,0.65) 45%, rgba(0,0,0,0.85) 100%) !important;pointer-events:none !important}
.btn-enter{order:1;background:#2563EB !important;background-color:#1e3cff !important;border:1px solid #fff !important;color:#fff !important;padding:16px 70px !important;letter-spacing:6px !important;font-size:15px !important;font-weight:800 !important;border-radius:2px !important;box-shadow:none !important;cursor:pointer}
.btn-enter:hover{background:#1d4ed8;color:#fff}
.help-btn{position:absolute;bottom:22px;left:22px;width:52px;height:52px;border-radius:50%;background:#2563EB;background-color:#2563EB;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;z-index:3;cursor:pointer;box-shadow:0 0 20px rgba(37,99,235,.7);color:#fff}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.95);display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #222}
.logo{font-family:'Anton',sans-serif;font-size:28px;letter-spacing:2px}
.logo span{font-size:9px;display:block;font-family:'Inter';letter-spacing:5px;color:#2563EB;font-weight:800}
a.logo{display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
a.logo:hover{opacity:.8}
a.logo:active{transform:scale(.97)}
.nav-links{display:none;gap:20px;font-size:12px;font-weight:600;letter-spacing:1px}
@media(min-width:851px){.nav-links{display:flex}}
.btn{padding:10px 18px;background:#2563EB;background-color:#2563EB;color:#fff;border-radius:30px;font-weight:800;font-size:13px;border:1px solid #2563EB}

/* HERO */
.hero{min-height:auto;background:#000;background-image:none;display:block;padding:60px 20px 0 20px;overflow:hidden}
.hero-inner{max-width:1100px;margin:auto;width:100%}
.eyebrow{color:#2563EB;letter-spacing:4px;font-weight:800;font-size:12px}
.hero h1{font-family:'Anton',sans-serif;font-size:clamp(42px,10vw,108px);line-height:.92;margin:14px 0;word-break:break-word;overflow-wrap:break-word;max-width:100%}
.hero h1 em{font-family:'Playfair Display',serif;font-weight:400;color:#93c5fd}
.hero p{max-width:650px;color:#ddd;line-height:1.8;margin-bottom:26px;font-size:16px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-white{background:#2563EB;background-color:#2563EB;color:#fff;padding:15px 28px;border-radius:30px;font-weight:800;border:1px solid #2563EB}
.btn-outline{border:1px solid #fff;padding:15px 28px;border-radius:30px;font-weight:800;background:transparent;color:#fff}

/* SECTIONS */
section{padding:72px 20px;max-width:1100px;margin:auto;overflow:hidden}
.tag{color:#2563EB;font-weight:800;letter-spacing:4px;font-size:12px}
h2{font-family:'Anton',sans-serif;font-size:clamp(34px,7vw,58px);line-height:1;margin:12px 0 16px}
.lead{color:#bbb;line-height:1.85;max-width:750px;font-size:16px}
.grid{display:grid;gap:16px;margin-top:28px;grid-template-columns:1fr}
@media(min-width:750px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:#111;border:1px solid #222;border-radius:18px;padding:26px;min-width:0;overflow-wrap:break-word;word-break:break-word}
.card h3{font-size:20px;margin:12px 0 8px;overflow-wrap:break-word}
.card p{color:#aaa;font-size:14px;line-height:1.75;overflow-wrap:break-word}
.num{font-family:'Anton',sans-serif;font-size:42px;color:#2563EB}
.scripture{background:linear-gradient(135deg,#0a1a3a,#000);border:1px solid #2563EB;border-radius:22px;padding:36px;text-align:center}
.scripture p{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(22px,5vw,32px);line-height:1.4}
.scripture small{color:#93c5fd;letter-spacing:3px;font-weight:800}
.vision-box{background:#0a0a0a;border:1px solid #222;border-radius:22px;padding:28px;min-width:0;overflow-wrap:break-word}
.vision-box b{color:#2563EB}
.prayer-box{background:linear-gradient(135deg,#0a1a3a,#000);border:1px solid #2563EB;border-radius:20px;padding:28px}
input,textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #333;background:#0a0a0a;color:#fff;margin-bottom:12px;font-family:inherit}
label{font-size:12px;letter-spacing:2px;color:#93c5fd;font-weight:800}
.event{display:block;gap:20px;align-items:center}
.event img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;border-radius:20px;border:1px solid #333;background:#000;max-height:none}
.give{background:#2563EB;color:#fff;border-radius:24px;padding:36px;text-align:center}
.give-box{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px;max-width:520px;margin:20px auto;text-align:left;line-height:1.95}
footer{border-top:1px solid #222;padding:40px 20px;text-align:center;color:#777;font-size:13px;line-height:1.8}
footer b{color:#fff;letter-spacing:3px}
@media(max-width:600px){
  .splash-verse{font-size:16px;padding:12px 14px}
  #splash{padding-bottom:70px}
  .hero{padding:30px 16px 0 16px}
  section{padding:50px 16px}
}
.countdown{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}
.count-box{background:#000;border:1px solid #2563EB;border-radius:16px;min-width:78px;padding:16px 10px;text-align:center}
.count-box b{font-family:'Anton',sans-serif;font-size:32px;display:block;color:#fff;line-height:1}
.count-box span{font-size:11px;letter-spacing:2px;color:#93c5fd;font-weight:800}
.watch-grid{display:grid;gap:16px;margin-top:28px}
@media(min-width:750px){.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.watch-card{background:#111;border:1px solid #222;border-radius:18px;overflow:hidden;min-width:0}
.watch-thumb{height:170px;background:linear-gradient(135deg,#2563EB,#000);display:flex;align-items:center;justify-content:center;font-size:52px}
.watch-card div{padding:20px}
.watch-card h3{font-size:17px;margin-bottom:6px}
.watch-card p{color:#aaa;font-size:13px;line-height:1.6}
.watch-card video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;display:block}
.event-row{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#111;border:1px solid #222;border-radius:16px;padding:18px;margin-top:12px;flex-wrap:wrap}
.event-row b{font-size:16px}
.event-row span{color:#aaa;font-size:13px;display:block;margin-top:4px}
.menu-btn{display:none !important;width:46px !important;height:46px !important;min-width:46px !important;border-radius:50% !important;background:#2563EB !important;background-color:#2563EB !important;border:none !important;cursor:pointer !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:0 !important;position:relative !important;z-index:120 !important;overflow:visible !important}
.menu-btn span{display:block !important;visibility:visible !important;opacity:1 !important;width:22px !important;min-width:22px !important;height:3px !important;min-height:3px !important;background:#fff !important;background-color:#fff !important;border-radius:3px !important;transition:all .3s ease !important;transform-origin:center !important;flex-shrink:0 !important}
.menu-btn.open span:nth-child(1){transform:translateY(9px) rotate(45deg) !important}
.menu-btn.open span:nth-child(2){opacity:0 !important;transform:scaleX(0) !important}
.menu-btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg) !important}
@media(max-width:850px){
  .menu-btn{display:flex !important}
  .nav-links{display:none;position:fixed;top:68px;left:0;right:0;background:#000;border-bottom:1px solid #222;flex-direction:column;padding:20px;gap:18px;text-align:center;z-index:99}
  .nav-links.open{display:flex !important}
  .nav-links a{font-size:16px;padding:8px}
}
html{scroll-behavior:smooth}
.splash-brand{position:relative;z-index:2;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(72px,22vw,140px);line-height:1;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6);letter-spacing:2px;margin-top:-20px}
.splash-sub{position:relative;z-index:2;letter-spacing:6px;font-size:11px;font-weight:800;color:#fff;opacity:.9;margin-bottom:22px}
.help-wrap{position:absolute;bottom:28px;left:20px;right:20px;z-index:5;display:flex;align-items:center;gap:12px}
.help-btn{position:static !important;width:64px;height:64px;min-width:64px;border-radius:50%;background:#2563EB !important;background-color:#2563EB !important;border:none !important;font-size:38px !important;box-shadow:0 0 25px rgba(37,99,235,.8) !important}
.help-bubble{background:#fff;color:#000;padding:14px 18px;border-radius:14px;font-size:17px;font-weight:500;max-width:260px;text-align:center;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.faq-popup{position:absolute;inset:0;z-index:10;display:none;flex-direction:column;justify-content:flex-end;padding:12px}
.faq-popup.open{display:flex}
.faq-card{background:#fff;border-radius:18px;overflow:hidden;color:#000;text-align:left;max-height:78vh;overflow-y:auto}
.faq-top{background:#000;color:#fff;padding:24px;display:flex;justify-content:space-between;gap:12px}
.faq-top h2{font-family:'Inter',sans-serif;font-size:34px;font-weight:800;margin:0}
.faq-top p{font-size:15px;line-height:1.6;color:#ddd;margin-top:10px}
.faq-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer}
.faq-list{display:flex;flex-direction:column}
.faq-item{background:#fff;border:none;border-bottom:1px solid #eee;padding:18px 20px;text-align:left;font-size:17px;font-weight:700;color:#0b4dff;cursor:pointer}
.faq-item .faq-ans{display:none;font-weight:400;color:#333;font-size:14px;line-height:1.6;margin-top:8px}
.faq-item.open .faq-ans{display:block}
.faq-close-bottom{width:64px;height:64px;border-radius:50%;background:#2563EB;color:#fff;border:none;font-size:26px;margin:16px auto 10px;cursor:pointer}
.menu-link{cursor:pointer}

/* KOINONIA POSTER + COUNTDOWN */
.koinonia-poster{position:relative !important;width:100% !important;min-height:520px !important;max-width:1100px !important;margin:auto !important;overflow:hidden !important;background:#000 !important;display:flex !important;align-items:flex-end !important}
.koinonia-poster img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important}
.koinonia-poster .k-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(180deg, rgba(37,99,235,0.55) 0%, rgba(37,99,235,0.35) 40%, rgba(0,0,0,0.85) 100%) !important;z-index:1 !important}
.koinonia-content{position:relative !important;z-index:2 !important;width:100% !important;color:#fff !important;text-align:center !important;padding:20px 16px 16px !important}
.koinonia-content .k-small{letter-spacing:4px !important;font-size:11px !important;font-weight:800 !important}
.koinonia-content h1{font-family:'Playfair Display',serif !important;font-style:italic !important;font-size:34px !important;line-height:1 !important;margin:6px 0 !important}
.koinonia-content .k-theme{font-family:'Anton',sans-serif !important;font-size:46px !important;line-height:0.95 !important;letter-spacing:1px !important;margin:8px 0 !important;text-shadow:0 4px 20px rgba(0,0,0,0.8) !important}
.k-bottom{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;text-align:left !important;margin-top:12px !important;font-size:13px !important;line-height:1.5 !important}
.k-date{text-align:right !important}
.k-time-red{background:#2563EB !important;background-color:#2563EB !important;color:#fff !important;font-weight:900 !important;padding:4px 8px !important;margin-top:4px !important;font-size:13px !important;display:inline-block !important}
.koinonia-countdown{background:#000 !important;color:#fff !important;display:flex !important;align-items:center !important;gap:14px !important;padding:18px 16px !important;border-top:1px solid #222 !important;border-bottom:1px solid #222 !important;max-width:1100px !important;margin:auto !important;flex-wrap:wrap !important}
.koinonia-countdown .c-icon{font-size:36px !important}
.koinonia-countdown h3{font-size:19px !important;letter-spacing:1px !important;margin:2px 0 !important}
.c-timer{margin-left:auto !important;display:flex !important;gap:8px !important;text-align:center !important}
.c-timer div{background:#111 !important;border:1px solid #2563EB !important;border-radius:10px !important;min-width:52px !important;padding:8px 6px !important}
.c-timer b{display:block !important;font-size:20px !important;line-height:1 !important;color:#fff !important;font-family:'Anton',sans-serif !important}
.c-timer span{font-size:9px !important;letter-spacing:1px !important;color:#93c5fd !important;font-weight:800 !important}
body.light-mode .c-timer div{background:#eee !important;border-color:#ddd !important}
body.light-mode .c-timer b{color:#000 !important}

/* SUN + LIGHT MODE */
.theme-btn{width:46px !important;height:46px !important;min-width:46px !important;border-radius:50% !important;background:#1a1a1a !important;color:#fff !important;border:none !important;font-size:22px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important}
body.light-mode{background:#fff !important;color:#000 !important}
body.light-mode nav,body.light-mode .hero,body.light-mode .koinonia-countdown,body.light-mode section,body.light-mode .card,body.light-mode .vision-box{background:#fff !important;color:#000 !important;border-color:#eee !important}
body.light-mode .koinonia-countdown h3,body.light-mode .koinonia-countdown p,body.light-mode h2,body.light-mode .hero h1{color:#000 !important}
body.light-mode .theme-btn{background:#eee !important;color:#000 !important}
body.light-mode .hero p,body.light-mode .lead,body.light-mode .card p{color:#333 !important}

/* VERSE WHITE - FINAL */
.splash-verse{color:#FFFFFF !important;border:1px solid rgba(255,255,255,0.4) !important;background:linear-gradient(180deg,rgba(0,0,0,0.65),rgba(0,0,0,0.35)) !important;text-shadow:0 2px 12px rgba(0,0,0,0.7) !important;box-shadow:none !important;animation:none !important}
.splash-verse *{color:#FFFFFF !important}

/* WORD ANIMATIONS - children only, hero container stays free for scroll blur */
.hero h1, .hero .eyebrow, .hero p, .hero-btns{animation:wordUp .8s cubic-bezier(.2,.8,.2,1) both !important}
.hero .eyebrow{animation-delay:.1s}
.hero h1{animation-delay:.2s}
.hero p{animation-delay:.4s}
.hero-btns{animation-delay:.6s}
@keyframes wordUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.koinonia-content h1{animation:wordUp .8s .1s both !important}
.koinonia-content .k-theme{animation:wordUp .8s .3s both !important}
.koinonia-content .k-small{animation:wordUp .8s both !important}
.rot-word{display:inline-block;color:#93c5fd;transition:opacity .3s}
.page-section.active .card, .page-section.active .vision-box{opacity:1 !important;transform:none !important}

/* ========================================================= */
/* ===== BLUE THEME - SAVED PAGE - SPECIFIC, NOT GLOBAL ===== */
/* ========================================================= */
.saved-box{border-color:#2563EB !important;box-shadow:0 0 0 1px rgba(37,99,235,.35), 0 20px 50px rgba(0,0,0,.5) !important}
.saved-box h1 em{color:#93c5fd !important}
.saved-box .verse{color:#93c5fd !important}
.saved-box .prayer{border-color:#2563EB !important}
[style*="#E60000"], [style*="#FFA500"], [style*="#FFD700"], [style*="#FF7A00"], [style*="#ff5a00"], [style*="#ffb347"], [style*="#ff6a00"]{
  border-color:#2563EB !important;
}
[style*="color:#E60000"], [style*="color:#ffb347"], [style*="color:#ff6a00"]{
  color:#93c5fd !important;
}

/* ========================================================= */
/* ===== SCROLL BLUR - SINGLE SOURCE OF TRUTH - MUST BE LAST ===== */
/* ========================================================= */
/* MODIFIED: .hero REMOVED from this group - hero must never get filter/transform from scroll */
.koinonia-poster, .koinonia-countdown{
  transition:filter .3s ease, opacity .3s ease, transform .3s ease !important;
  will-change:filter, opacity, transform;
}
/* ONE class only - .blur-reveal */
.blur-reveal{
  filter:blur(14px) !important;
  opacity:0 !important;
  transform:translateY(30px) scale(.98) !important;
  transition:filter .9s ease, opacity .9s ease, transform .9s ease !important;
}
.blur-reveal.visible{
  filter:blur(0) !important;
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
.page-section{display:none}
.page-section.active{display:block !important;filter:blur(0) !important;opacity:1 !important;visibility:visible !important;animation:none !important}
.page-section.active .card,
.page-section.active .vision-box,
.page-section.active .blur-reveal.visible{
  filter:blur(0) !important;
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
@media (prefers-reduced-motion: reduce){
  .blur-reveal, .page-section{
    filter:none !important;
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
    transition:none !important;
    animation:none !important;
  }
}

/* ========================================================= */
/* ===== MODIFICATION: HERO NEVER BLURRY - MUST BE VERY LAST ===== */
/* This beats index.html inline <style> + script.js inline filter */
/* ========================================================= */
.hero, .hero-inner, .hero h1, .hero h1 em, .hero .eyebrow, .hero p, .hero-btns, .hero .rot-word{
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
.hero{
  transition:none !important;
  will-change:auto !important;
}