.navbar{background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:.5rem}.navbar-logo:hover{color:var(--secondary-color)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-item{position:relative}.nav-link{color:var(--white);text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 0;transition:color .3s ease}.nav-link:hover{color:var(--secondary-color)}.menu-icon{display:none;cursor:pointer}.hamburger{width:30px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{width:100%;height:3px;background-color:var(--white);border-radius:3px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media screen and (max-width: 768px){.menu-icon{display:block}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:left .3s ease;box-shadow:0 10px 27px #0000000d;padding:2rem 0;gap:0}.nav-menu.active{left:0}.nav-item{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-link{font-size:1.1rem}}.footer{background-color:var(--primary-color);color:var(--white);padding:var(--spacing-lg) 0 var(--spacing-sm);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.footer-section h3{color:var(--white);margin-bottom:var(--spacing-sm);font-size:1.3rem}.footer-section h4{color:var(--white);margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-section p{color:#fffc;font-size:.95rem;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--secondary-color)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.9rem}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}}.hero{position:relative;height:600px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');background-size:50px 50px;opacity:.3}.hero-overlay{position:relative;z-index:1;text-align:center;padding:0 2rem}.hero-content h1{font-size:3.5rem;color:var(--white);margin-bottom:1.5rem;animation:fadeInUp 1s ease}.hero-content p{font-size:1.5rem;color:#ffffffe6;margin-bottom:2rem;animation:fadeInUp 1s ease .2s backwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .4s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-section{background-color:var(--white)}.welcome-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2rem}.welcome-text h3{font-size:1.8rem;margin-bottom:1rem}.welcome-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.welcome-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--light-bg) 0%,#d5dbdb 100%);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.image-placeholder span{font-size:5rem;margin-bottom:1rem}.image-placeholder p{font-size:1.2rem;color:var(--dark-text);font-weight:600}.service-times{background-color:var(--light-bg)}.times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.time-card{text-align:center;padding:2.5rem 2rem}.time-icon{font-size:3rem;margin-bottom:1rem}.time-card h3{margin-bottom:1rem;color:var(--primary-color)}.time-card .time{font-size:1.2rem;font-weight:700;color:var(--secondary-color);margin-bottom:1rem}.ministries-section{background-color:var(--white)}.ministries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.ministry-card{text-align:center;padding:2rem}.ministry-icon{font-size:3rem;margin-bottom:1rem}.ministry-card h3{margin-bottom:1rem;color:var(--primary-color)}.ministry-card p{font-size:1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);color:var(--white);text-align:center;padding:4rem 0}.cta-content h2{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.cta-content p{color:#ffffffe6;font-size:1.2rem;margin-bottom:2rem}@media (max-width: 768px){.hero{height:500px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.welcome-content{grid-template-columns:1fr}.image-placeholder{height:300px}.times-grid,.ministries-grid{grid-template-columns:1fr}}.page-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:4rem 0;text-align:center}.page-header h1{color:var(--white);font-size:3rem;margin-bottom:1rem}.page-header p{color:#ffffffe6;font-size:1.3rem}.our-story{background-color:var(--white)}.story-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center}.story-text h2{font-size:2.5rem;margin-bottom:1.5rem}.story-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.story-image{display:flex;justify-content:center}.mission-vision{background-color:var(--light-bg)}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.mv-card{text-align:center;padding:3rem 2rem}.mv-icon{font-size:4rem;margin-bottom:1.5rem}.mv-card h3{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-color)}.mv-card p{font-size:1.1rem;line-height:1.8}.core-values{background-color:var(--white)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.value-card{background-color:var(--light-bg);padding:2rem;border-radius:10px;border-left:4px solid var(--secondary-color);transition:all .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-left-color:var(--accent-color)}.value-number{display:inline-block;width:50px;height:50px;background-color:var(--secondary-color);color:var(--white);border-radius:50%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.value-card h3{font-size:1.5rem;margin-bottom:1rem}.value-card p{font-size:1rem;line-height:1.6}.leadership{background-color:var(--light-bg)}.leaders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.leader-card{text-align:center;padding:2rem}.leader-image{margin-bottom:1.5rem}.image-placeholder-small{width:150px;height:150px;background:linear-gradient(135deg,var(--light-bg) 0%,#d5dbdb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 5px 15px #0000001a}.image-placeholder-small span{font-size:3rem}.leader-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-color)}.leader-title{font-weight:600;color:var(--secondary-color);margin-bottom:1rem}.leader-card p:not(.leader-title){font-size:.95rem;line-height:1.6}.beliefs{background-color:var(--white)}.beliefs-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.belief-item{background-color:var(--light-bg);padding:2rem;border-radius:10px;transition:all .3s ease}.belief-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.belief-item h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.belief-item p{font-size:1rem;line-height:1.6}@media (max-width: 768px){.page-header h1{font-size:2rem}.story-content,.mv-grid,.values-grid,.leaders-grid,.beliefs-content{grid-template-columns:1fr}}.filter-section{background-color:var(--light-bg);padding:2rem 0}.filter-container{text-align:center}.filter-container h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--primary-color)}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{padding:.6rem 1.5rem;border:2px solid var(--secondary-color);background-color:var(--white);color:var(--secondary-color);border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.filter-btn:hover{background-color:var(--secondary-color);color:var(--white);transform:translateY(-2px)}.filter-btn.active{background-color:var(--secondary-color);color:var(--white);box-shadow:0 4px 10px #3498db4d}.sermons-section{background-color:var(--white)}.sermons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.sermon-card{padding:2rem;display:flex;flex-direction:column}.sermon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sermon-category{background-color:var(--secondary-color);color:var(--white);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.sermon-duration{color:var(--light-text);font-size:.9rem}.sermon-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color);line-height:1.3}.sermon-speaker,.sermon-series,.sermon-date{font-size:.95rem;color:var(--light-text);margin-bottom:.5rem}.sermon-description{font-size:1rem;line-height:1.6;margin:1rem 0;flex-grow:1}.sermon-actions{display:flex;gap:1rem;margin-top:1rem}.sermon-actions .btn{flex:1;text-align:center;padding:.7rem}.no-sermons{text-align:center;padding:3rem;background-color:var(--light-bg);border-radius:10px;margin-top:2rem}.no-sermons p{font-size:1.2rem;color:var(--light-text)}.subscribe-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:3rem 0}.subscribe-content{background-color:#fffffff2;padding:3rem;text-align:center;max-width:700px;margin:0 auto}.subscribe-content h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.subscribe-content p{font-size:1.1rem;margin-bottom:2rem}.subscribe-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.sermons-grid{grid-template-columns:1fr}.sermon-actions,.subscribe-buttons{flex-direction:column}.subscribe-buttons .btn{width:100%}}.featured-events{background-color:var(--white)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.featured-card{padding:2rem;border:2px solid var(--secondary-color);position:relative;background:linear-gradient(135deg,#3498db0d,#fff 50%)}.featured-badge{position:absolute;top:1rem;right:1rem;background-color:var(--accent-color);color:var(--white);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.featured-card h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--primary-color)}.events-section{background-color:var(--light-bg)}.section-subtitle{font-size:2rem;margin-bottom:2rem;color:var(--primary-color);text-align:center}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.event-card{padding:2rem;display:flex;flex-direction:column;background-color:var(--white)}.event-header{margin-bottom:1rem}.event-type{background-color:var(--secondary-color);color:var(--white);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.event-card h3,.featured-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.event-details{margin:1rem 0;padding:1rem;background-color:var(--light-bg);border-radius:8px}.event-date,.event-time,.event-location{font-size:.95rem;color:var(--dark-text);margin-bottom:.5rem;font-weight:500}.event-description{font-size:1rem;line-height:1.6;margin:1rem 0;flex-grow:1;color:var(--light-text)}.event-card .btn,.featured-card .btn{margin-top:auto;width:100%}.no-events{text-align:center;padding:3rem;background-color:var(--white);border-radius:10px;margin-top:2rem}.no-events p{font-size:1.2rem;color:var(--light-text)}.calendar-cta{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);padding:3rem 0}.calendar-cta .cta-content{background-color:#fffffff2;padding:3rem;text-align:center;max-width:600px;margin:0 auto}.calendar-cta .cta-content h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.calendar-cta .cta-content p{font-size:1.1rem;margin-bottom:2rem}@media (max-width: 768px){.featured-grid,.events-grid{grid-template-columns:1fr}}.contact-section{background-color:var(--light-bg)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.contact-info>p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.info-cards{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.info-card{background-color:var(--white);padding:1.5rem;border-radius:10px;border-left:4px solid var(--secondary-color);box-shadow:0 2px 10px #0000000d}.info-icon{font-size:2rem;margin-bottom:.5rem}.info-card h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--primary-color)}.info-card p{font-size:.95rem;color:var(--light-text);margin-bottom:.3rem}.social-links{background-color:var(--white);padding:2rem;border-radius:10px;text-align:center}.social-links h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color)}.social-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-icon{background-color:var(--secondary-color);color:var(--white);padding:.7rem 1.5rem;border-radius:25px;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease}.social-icon:hover{background-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 10px #0003}.contact-form-container{background-color:var(--white);padding:2.5rem}.contact-form-container h2{font-size:2rem;margin-bottom:.5rem;color:var(--primary-color)}.contact-form-container>p{font-size:1rem;color:var(--light-text);margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.9rem;border:2px solid var(--light-bg);border-radius:8px;font-size:1rem;font-family:var(--font-primary);transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-color)}.form-group textarea{resize:vertical;min-height:120px}.form-status{padding:1rem;border-radius:8px;text-align:center;font-weight:600}.form-status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{width:100%;padding:1rem;font-size:1.1rem;cursor:pointer}.map-section{background-color:var(--white);text-align:center}.map-section h2{font-size:2rem;margin-bottom:2rem;color:var(--primary-color)}.map-container{max-width:1000px;margin:0 auto}.map-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--light-bg) 0%,#d5dbdb 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a}.map-content{text-align:center}.map-content span{font-size:4rem;display:block;margin-bottom:1rem}.map-content p{font-size:1.3rem;color:var(--dark-text);font-weight:600;margin-bottom:.5rem}.map-address{font-size:1rem!important;color:var(--light-text)!important;font-weight:400!important}@media (max-width: 968px){.contact-grid{grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}}@media (max-width: 768px){.contact-form-container{padding:1.5rem}.map-placeholder{height:300px}.social-icons{flex-direction:column}.social-icon{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #e74c3c;--light-bg: #ecf0f1;--dark-text: #2c3e50;--light-text: #7f8c8d;--white: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--font-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-secondary: Georgia, "Times New Roman", serif}body{font-family:var(--font-primary);line-height:1.6;color:var(--dark-text);background-color:var(--white)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);margin-bottom:var(--spacing-sm);color:var(--primary-color)}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-sm);color:var(--light-text)}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--secondary-color);color:var(--white)}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-secondary{background-color:var(--accent-color);color:var(--white)}.btn-secondary:hover{background-color:#c0392b;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-lg)}.section-title h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.section-title p{font-size:1.1rem;color:var(--light-text)}.card{background-color:var(--white);border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.section{padding:var(--spacing-md) 0}}