/* Sanctified Church v2 styles */
:root{
  --bg:#070707; --card:rgba(255,255,255,0.03);
  --gold:#d4a51f; --muted:#bfae6b;
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI, system-ui, -apple-system, 'Helvetica Neue', Arial; color:#fff; background:var(--bg);}
.bg-anim{position:fixed;inset:0;background:linear-gradient(180deg, rgba(13,14,30,0.6), rgba(5,5,10,0.9));pointer-events:none;z-index:-1;}
.site-header{padding:36px 18px 20px;text-align:center}
.header-inner{display:flex;flex-direction:column;align-items:center;gap:12px}
.cross{width:64px;height:64px;background:var(--gold);clip-path:polygon(40% 0,60% 0,60% 40,100% 40,100% 60,60% 60,60% 100,40% 100,40% 60,0 60,0 40,40% 40);box-shadow:0 0 18px rgba(212,165,31,0.6);animation:glow 2.4s infinite alternate}
@keyframes glow{from{filter:drop-shadow(0 0 8px rgba(212,165,31,0.3))}to{filter:drop-shadow(0 0 28px rgba(212,165,31,0.6))}}
.title-block h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0;text-shadow:0 0 12px rgba(212,165,31,0.12)}
.scripture{color:var(--muted);font-style:italic;margin-top:6px}

.quick-nav{display:flex;gap:8px;justify-content:center;padding:10px 12px}
.quick-nav button{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--gold);padding:8px 12px;border-radius:8px;cursor:pointer}

.container{max-width:980px;margin:20px auto;padding:0 16px}
.card{background:var(--card);padding:18px;border-radius:12px;margin-bottom:18px;box-shadow:0 6px 30px rgba(0,0,0,0.6)}
.lead{color:var(--muted);font-size:1.05rem}
blockquote{border-left:4px solid rgba(212,165,31,0.2);padding-left:12px;color:var(--muted)}

.audio-player{display:flex;gap:10px;align-items:center}
#audioState{color:var(--muted)}

.video-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}
.video-placeholder{height:150px;background:#0b0b0b;border:1px solid rgba(212,165,31,0.06);display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--gold);font-weight:700;box-shadow:0 6px 18px rgba(212,165,31,0.06)}

.prayer-form input, .prayer-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:#fff;margin-bottom:10px}
.form-row{display:flex;gap:10px;justify-content:flex-end}
.prayers-list .prayer-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:12px;border-radius:8px;margin-bottom:10px;border-left:4px solid rgba(212,165,31,0.08)}
.prayers-list .meta{color:var(--muted);font-size:0.85rem;margin-bottom:8px}
.prayers-list .body{white-space:pre-wrap}

.site-footer{padding:20px;text-align:center;color:var(--muted);font-size:0.9rem;border-top:1px solid rgba(255,255,255,0.02);margin-top:20px}
.small{opacity:0.8;font-size:0.75rem}

/* Responsive tweaks */
@media (min-width:900px){
  .header-inner{flex-direction:row;align-items:center;justify-content:center}
  .title-block{margin-left:16px;text-align:left}
}