:root{--primary:#17324e;--primary-2:#254c74;--accent:#8d6a43;--bg:#f7f9fc;--text:#223142;--muted:#64748b;--line:#d9e2ec;}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;} .navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(23,50,78,.08);} .navbar-brand{font-weight:800;color:var(--primary);} .nav-link{font-weight:600;color:var(--primary)!important;} .brand-logo{height:48px;width:auto;} .hero{background:linear-gradient(135deg, rgba(23,50,78,.95), rgba(37,76,116,.92));color:#fff;padding:5.5rem 0 4.5rem;} .hero h1{font-weight:800;letter-spacing:-.03em;font-size:clamp(2rem,5vw,4rem);} .hero p{color:rgba(255,255,255,.9);max-width:800px;} .section-pad{padding:4.5rem 0;} .section-light{background:var(--bg);} .section-title{font-weight:800;color:var(--primary);letter-spacing:-.02em;font-size:clamp(1.7rem,3vw,2.5rem);} .eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:800;} .card-soft,.article-card,.contact-card,.visit-card,.value-card{background:#fff;border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 10px 28px rgba(15,23,42,.04);} .lead-muted,.muted{color:var(--muted);} .btn-brand{background:var(--primary);border-color:var(--primary);color:#fff;} .btn-brand:hover{background:var(--primary-2);border-color:var(--primary-2);color:#fff;} .btn-outline-brand{border-color:var(--primary);color:var(--primary);} .btn-outline-brand:hover{background:var(--primary);color:#fff;} .footer{background:#0f1c2b;color:rgba(255,255,255,.85);} .footer a{color:#fff;text-decoration:none;} .list-clean{padding-left:1.1rem;} .list-clean li{margin-bottom:.55rem;} .article-card{padding:1.5rem;} .article-card h3{color:var(--primary);font-size:1.25rem;font-weight:800;scroll-margin-top:92px;} .refs{font-size:.96rem;color:#495a6b;background:#f8fafc;border-radius:.85rem;padding:1rem;border:1px solid var(--line);} .refs strong{display:block;color:var(--primary);margin-bottom:.45rem;} .side-index{position:sticky;top:92px;} .side-index a{text-decoration:none;color:var(--primary);display:block;padding:.38rem .25rem;border-bottom:1px solid #eef2f7;font-size:.95rem;} .side-index a:hover{color:var(--primary-2);} .value-card h5,.contact-card h5,.visit-card h5{color:var(--primary);font-weight:700;} .map-wrap iframe,.video-wrap iframe{width:100%;border:0;border-radius:1rem;} .map-wrap iframe{min-height:380px;} .video-wrap iframe{aspect-ratio:16/9;min-height:320px;} .top-space{margin-top:-2rem;} .quote-box{background:#eef4fa;border:1px solid var(--line);border-radius:1rem;padding:1rem 1.2rem;} .smallcaps{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:800;} @media (max-width:991px){.side-index{position:static;}}
.form-status{padding:.7rem .9rem;border-radius:.65rem;display:none;}
.form-status-success{display:block;background:#e8f7ef;color:#1f6a3a;border:1px solid #b9e6cb;}
.form-status-error{display:block;background:#fdecec;color:#8a1f2d;border:1px solid #f6c2c8;}
.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.video-feature{position:relative;border-radius:1rem;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,23,42,.04);}
.video-feature img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
.video-feature-cta{position:absolute;left:1rem;bottom:1rem;background:rgba(15,28,43,.9);color:#fff;padding:.55rem .9rem;border-radius:999px;font-weight:700;}
.sermons-intro{padding:2rem 2.1rem !important;}
.sermons-intro .section-title{font-size:clamp(1.95rem,3.2vw,3rem);margin-bottom:.35rem;}
.sermons-copy{max-width:36ch;margin-bottom:1.35rem;}
.channel-pill{display:inline-block;border:1px solid var(--line);background:#f8fbff;color:var(--primary);padding:.22rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;margin-right:.45rem;}
.back-index-link{display:inline-block;font-weight:700;color:var(--primary);text-decoration:none;}
.back-index-link:hover{text-decoration:underline;color:var(--primary-2);}
@media (max-width:767.98px){
  .hero{padding:4rem 0 3.1rem;}
  .section-pad{padding:3rem 0;}
  .top-space{margin-top:0;}
  .navbar-brand{font-size:1.05rem;}
  .brand-logo{height:40px;}
  .map-wrap iframe,.video-wrap iframe{min-height:260px;}
  .sermons-intro{padding:1.2rem !important;}
  .sermons-copy{max-width:none;}
  .channel-pill{margin-bottom:.4rem;}
}
@media (max-width:575.98px){
  .hero h1{font-size:clamp(1.7rem,8.2vw,2.2rem);}
  .hero .btn{width:100%;}
  .contact-card,.visit-card,.card-soft,.article-card{padding:1rem;}
  .form-control{font-size:16px;}
}
.quick-back-btn{
  position:fixed;
  right:16px;
  bottom:18px;
  z-index:1040;
  border:1px solid var(--line);
  background:#fff;
  color:var(--primary);
  border-radius:999px;
  padding:.6rem .85rem;
  display:flex;
  gap:.45rem;
  align-items:center;
  font-weight:700;
  box-shadow:0 8px 24px rgba(15,23,42,.18);
}
.quick-back-btn:hover{background:#f6f9fd;}
@media (min-width:992px){
  .quick-back-btn{bottom:24px;right:22px;}
}

.footer-youtube-link{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.06);font-weight:700;transition:all .2s ease;}
.footer-youtube-link:hover{background:#fff;color:#0f1c2b !important;border-color:#fff;text-decoration:none;}
.footer-youtube-icon{width:20px;height:20px;fill:#ff3b30;display:block;}

.footer-compact{font-size:.95rem;}
.footer-compact .fw-bold{font-size:1.02rem;}
.footer-youtube-link{padding:.35rem .6rem;font-size:.9rem;}
.footer-youtube-bullet{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:999px;background:#ff3b30;color:#fff;font-size:.66rem;line-height:1;}
@media (max-width:575.98px){
  .footer-compact{font-size:.88rem;}
  .footer-youtube-link{font-size:.84rem;padding:.3rem .55rem;}
}
.btn.is-loading{
  pointer-events:none;
  animation:btnPulse .9s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(255,255,255,.35);
  background:#eaf1fa !important;
  border-color:var(--primary) !important;
  color:var(--primary) !important;
}
.btn-loading-wrap{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
.btn-loading-spinner{
  width:1rem;
  height:1rem;
  border:2px solid rgba(23,50,78,.25);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:btnSpin .7s linear infinite;
}
.btn-loading-bar{
  width:1.3rem;
  height:.28rem;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(23,50,78,.2) 0%, rgba(23,50,78,.9) 50%, rgba(23,50,78,.2) 100%);
  background-size:200% 100%;
  animation:btnBar 1s linear infinite;
}
@keyframes btnSpin{to{transform:rotate(360deg);}}
@keyframes btnPulse{0%,100%{opacity:1;transform:translateY(0);}50%{opacity:.84;transform:translateY(-1px);}}
@keyframes btnBar{0%{background-position:200% 0;}100%{background-position:-200% 0;}}