:root{--color-primary:#0056b3;--color-primary-light:#3385ff;--color-accent:#d4af37;--color-accent-hover:#f1c40f;--color-bg-dark:#0f1115;--color-bg-darker:#08090a;--color-text-main:#f0f2f5;--color-text-muted:#a0aab5;--font-main:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--transition-fast:.2s ease;--transition-medium:.4s ease;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;font-size:16px;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);max-width:100vw;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:6rem 0;position:relative}.bg-dark{background-color:var(--color-bg-dark)}.bg-darker{background-color:var(--color-bg-darker)}.text-center{text-align:center}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-3{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-700{max-width:700px}.text-gradient{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.grid-2{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.align-items-center{align-items:center}.btn{transition:var(--transition-medium);cursor:pointer;border:2px solid #0000;border-radius:50px;padding:.8rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;box-shadow:0 4px 15px #0056b34d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0056b380}.btn-outline{border-color:var(--color-text-main);color:var(--color-text-main);background:0 0}.btn-outline:hover{background:var(--color-text-main);color:var(--color-bg-dark);transform:translateY(-3px)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:var(--transition-medium);border-radius:16px;padding:2rem}.glass-panel:hover{background:#ffffff14;transform:translateY(-5px)}.section-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--color-text-muted);font-size:1.1rem}.lead-text{color:var(--color-accent);font-size:1.25rem;font-weight:300}.navbar{z-index:1000;transition:var(--transition-medium);padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);background:#08090ae6;padding:.5rem 0;box-shadow:0 4px 30px #00000080}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{height:90px;transition:var(--transition-medium)}.navbar.scrolled .nav-logo{height:70px}.nav-links{display:none}@media (width>=768px){.nav-links{gap:2rem;display:flex}}.nav-link{color:var(--color-text-main);text-transform:uppercase;letter-spacing:1px;transition:var(--transition-fast);font-size:.9rem;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--color-accent);width:0%;height:2px;transition:var(--transition-fast);position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;display:block}@media (width>=768px){.menu-toggle{display:none}}.bar{background-color:#fff;width:25px;height:2px;margin:5px auto;transition:all .3s ease-in-out;display:block}.mobile-menu{background:var(--color-bg-darker);z-index:999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s ease-in-out;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.active{right:0}.mobile-link{color:var(--color-text-main);text-transform:uppercase;letter-spacing:2px;margin:1.5rem 0;font-size:1.5rem;font-weight:600;text-decoration:none}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;background-position:50%;background-size:cover;width:100%;height:100%;animation:20s infinite alternate slowZoom;position:absolute;top:0;left:0;transform:scale(1.05)}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay{z-index:-1;background:linear-gradient(#08090ab3,#08090ae6);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;max-width:800px;padding:0 2rem}.badge{text-transform:uppercase;letter-spacing:2px;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-block}.hero-title{font-family:var(--font-serif);background:linear-gradient(135deg, #fff, var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.2}@media (width<=768px){.hero-title{font-size:2.5rem}}.hero-subtitle{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid #ffffff80;border-radius:12px;width:24px;height:36px;position:relative}.mouse:before{content:"";background:#fffc;border-radius:2px;width:4px;height:6px;animation:1.5s infinite scrollWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;top:6px}to{opacity:0;top:18px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}.stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.stat-box{text-align:center;padding:1.5rem}.stat-number{color:var(--color-accent);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1;display:block}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:.9rem}.ministries-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.ministry-card{background:var(--glass-bg);transition:var(--transition-medium);text-align:center;border:1px solid var(--glass-border);border-radius:16px;width:200px;padding:1.5rem;display:block}.ministry-card:hover{background:#ffffff1a;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.ministry-img{border-radius:8px;width:100%;height:auto}.services-grid{grid-template-columns:1fr;gap:2rem;max-width:900px;margin-left:auto;margin-right:auto;display:grid}@media (width>=768px){.services-grid{grid-template-columns:1fr 1fr}}.service-icon{margin-bottom:1rem;font-size:3rem}.service-day{margin-bottom:.5rem;font-size:1.5rem}.service-time{color:var(--color-accent);margin-bottom:1rem;font-size:2rem;font-weight:800}.service-desc{color:var(--color-text-muted)}.highlight{background:linear-gradient(135deg,#0056b31a,#0056b34d);border-color:#0056b380}.info-item{gap:1.5rem;margin-bottom:1.5rem;display:flex}.info-item .icon{color:var(--color-accent);font-size:2rem}.info-item h4{margin-bottom:.2rem;font-size:1.1rem}.info-item p{color:var(--color-text-muted)}.social-links{gap:1rem;display:flex}.social-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;transition:var(--transition-fast);border-radius:50px;padding:.5rem 1.5rem;text-decoration:none}.social-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.footer{border-top:1px solid var(--glass-border);background:#000;padding:4rem 0 2rem}.footer-logo{opacity:.5;height:50px;transition:var(--transition-fast)}.footer-logo:hover{opacity:1}.footer p{color:var(--color-text-muted);font-size:.9rem}.footer-credit{opacity:.5;margin-top:2rem;font-size:.8rem}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.165,.84,.44,1)}.animate-on-scroll.is-visible{opacity:1;transform:translate(0)}.fade-up{transform:translateY(40px)}.fade-right{transform:translate(-40px)}.fade-left{transform:translate(40px)}.gallery-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.gallery-img{object-fit:cover;border-radius:8px;width:100%;height:250px}.p-1{padding:.5rem}
