:root{--bg-primary:#070a12;--bg-secondary:#0d121f;--bg-card:#101726d9;--bg-card-hover:#172035f2;--border-subtle:#e5a93c26;--border-hover:#f59e0b73;--gold-primary:#e5a93c;--gold-bright:#fbbf24;--gold-glow:#f59e0b59;--gold-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);--gold-soft:#fef3c7;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-blue:#38bdf8;--font-serif:"Cinzel", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-card:0 10px 30px -10px #0009, 0 0 1px #ffffff1a;--shadow-glow:0 0 35px #f59e0b38;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(80% 50% at 50% -20%,#e5a93c1f,#0000),radial-gradient(600px at 90% 40%,#38bdf80d,#0000),radial-gradient(500px at 10% 70%,#f59e0b0f,#0000);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:var(--font-sans);letter-spacing:-.02em;color:#fff;font-weight:700}.serif-title{font-family:var(--font-serif);letter-spacing:.03em}.gold-gradient-text{background:linear-gradient(135deg,#fff7ed 10%,#fbbf24 60%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:var(--transition);background:#070a12d1;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon-container{background:linear-gradient(135deg,#f59e0b33,#d977060d);border:1px solid #f59e0b4d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 15px #f59e0b33}.brand-name{letter-spacing:.02em;color:#fff;flex-direction:column;font-size:1.35rem;font-weight:800;display:flex}.brand-tagline{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-bright);font-size:.68rem;font-weight:600}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.94rem;font-weight:500;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:var(--gold-bright);background:#f59e0b1f;border:1px solid #f59e0b40}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gold-gradient);color:#110e05;box-shadow:0 4px 18px #f59e0b59}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b73}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px)}.btn-youtube{color:#fff;background:#c00;box-shadow:0 4px 16px #cc000059}.btn-youtube:hover{background:#e60000;transform:translateY(-2px);box-shadow:0 6px 22px #cc000080}.hero{text-align:center;padding:70px 0 50px;position:relative;overflow:hidden}.hero-pill{border-radius:var(--radius-full);color:var(--gold-bright);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:20px;font-size:3.2rem;line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:680px;margin:0 auto 32px;font-size:1.15rem;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.verse-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:840px;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#111827e6,#0f172a99);border:1px solid #f59e0b40;margin:40px auto 0;padding:24px 32px;position:relative}.verse-text{color:var(--gold-soft);margin-bottom:8px;font-size:1.15rem;font-style:italic;line-height:1.6}.verse-ref{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;font-weight:700}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.section-title{font-size:1.95rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:4px;font-size:.96rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);background:var(--bg-card-hover);transform:translateY(-5px)}.video-thumbnail-wrap{aspect-ratio:16/9;cursor:pointer;background:#000;position:relative;overflow:hidden}.video-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .video-thumb-img{transform:scale(1.05)}.video-play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.card:hover .video-play-overlay{opacity:1}.play-circle{background:var(--gold-gradient);color:#110e05;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s;display:flex;transform:scale(.9);box-shadow:0 0 20px #f59e0b99}.card:hover .play-circle{transform:scale(1)}.video-duration{color:#fff;background:#000000c7;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.card-badge{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-flex}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.08rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.card-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:16px;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{color:var(--text-dim);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:14px;font-size:.8rem;display:flex}.filter-tabs{scrollbar-width:thin;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-tab{white-space:nowrap;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;padding:8px 18px;font-size:.88rem;font-weight:500}.filter-tab:hover{color:#fff;background:#ffffff1a}.filter-tab.active{background:var(--gold-gradient);color:#110e05;border-color:#0000;font-weight:700;box-shadow:0 2px 12px #f59e0b4d}.yt-spotlight{border-radius:var(--radius-lg);background:linear-gradient(135deg,#cc000026 0%,#141b2de6 100%);border:1px solid #cc000059;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:40px 0;padding:32px 36px;display:flex;box-shadow:0 10px 30px #00000080}.yt-spotlight-info{align-items:center;gap:20px;display:flex}.yt-avatar{color:#fff;background:#c00;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 0 20px #c006}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#04070ee0;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#0f1626;border:1px solid #f59e0b4d;width:100%;max-width:920px;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 40px #f59e0b33}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-close-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-video-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative}.modal-video-wrapper iframe{border:none;width:100%;height:100%}.modal-info{padding:24px}.footer{border-top:1px solid var(--border-subtle);background:#050811;margin-top:100px;padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-col h4{color:#fff;margin-bottom:18px;font-size:1rem}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:var(--text-muted);transition:var(--transition);font-size:.9rem;text-decoration:none}.footer-col a:hover{color:var(--gold-bright)}.footer-bottom{color:var(--text-dim);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.85rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=900px){.hero-title{font-size:2.4rem}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media (width<=600px){.hero-title{font-size:2rem}.footer-grid{grid-template-columns:1fr}.yt-spotlight{padding:20px}}