:root[data-theme=dark]{--bg-color: #000;--text-color: #fff}:root[data-theme=light]{--bg-color: #fff;--text-color: #000}body{background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden;background:var(--bg-color);color:var(--text-color);font-family:Arial,sans-serif}.site-logo{max-width:160px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.4));transition:transform .3s ease,filter .3s ease}.site-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,255,255,.7))}.navbar{width:100%;max-width:100%;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;overflow:hidden}.navbar-right{display:flex;align-items:center;gap:25px}.nav-link{font-size:18px;text-decoration:none;color:var(--text-color);transition:opacity .3s ease}.nav-link:hover{opacity:.7}.theme-toggle{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-color)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:28px;height:3px;background:var(--text-color);transition:.3s}.hero-banner{width:100%;height:calc(100vh - 80px);background-image:url(/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero-overlay{text-align:center;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.7)}.hero-title{font-size:4rem;margin-bottom:10px}.hero-subtitle{font-size:1.5rem}.scripture-banner{width:100%;padding:25px 0;background:linear-gradient(90deg,#3a0066,#5a0099);text-align:center}.scripture-text{color:#fff;font-size:1.3rem;font-weight:300;padding:0 20px}.fade-in{opacity:0;animation:fadeIn 1.5s forwards}@keyframes fadeIn{to{opacity:1}}.content-section{padding:60px 20px;max-width:900px;margin:auto;text-align:center}.footer{width:100%;padding:40px 20px;background:#111;color:#ccc;text-align:center;margin-top:60px}.footer a{color:#fff;text-decoration:none;margin:0 10px}.footer a:hover{opacity:.7}@media (max-width: 768px){.navbar-right{position:absolute;top:70px;right:0;background:#000000d9;flex-direction:column;width:200px;padding:20px;transform:translate(100%);transition:transform .3s ease}.navbar-right.open{transform:translate(0)}.hamburger{display:flex}.site-logo{max-width:130px}.hero-title{font-size:2.5rem}}@media (max-width: 480px){.site-logo{max-width:100px}.hero-title{font-size:2rem}}