.team-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-content:center;gap:1.5rem;margin-top:3rem;display:grid}.team-card{background:#fff;border:1px solid #8000201a;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.team-card:before{content:"";background:linear-gradient(90deg,var(--primary-burgundy),var(--primary-gold));z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #80002026}.team-image-container{aspect-ratio:4/5;border-bottom:3px solid var(--primary-gold);background-color:#f9fafb;width:100%;position:relative;overflow:hidden}.team-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.team-card:hover .team-image{transform:scale(1.08)}.team-info{text-align:center;background:#fff;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:center;padding:1.25rem 1rem;display:flex}.team-name{color:var(--primary-burgundy);margin-bottom:.5rem;font-family:Manjari,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2}.team-role{color:var(--primary-burgundy);text-transform:uppercase;letter-spacing:.05em;background-color:#80002014;border:1px solid #8000201a;border-radius:50px;margin-bottom:.75rem;padding:.35rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.team-role:after{display:none}.committee-photo-card{transition:transform .3s,box-shadow .3s}.committee-photo-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #80002026}@media (max-width:768px){.team-grid{grid-template-columns:1fr}}
.news-section{background:linear-gradient(#fff 0%,#f9fafb 100%);padding:4rem 0}.news-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.news-card{background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001a}.news-card:before{content:"";background:linear-gradient(90deg,var(--primary-burgundy),var(--primary-gold));transform-origin:0;z-index:10;height:5px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.news-card:hover:before{transform:scaleX(1)}.news-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #80002033}.pinned-badge{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:25px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px;box-shadow:0 4px 12px #dc262666}.news-image{background:linear-gradient(135deg,#fff9f0,#fef5e7);width:100%;height:240px;position:relative;overflow:hidden}.news-image:after{content:"";opacity:0;background:linear-gradient(#0000 0%,#0000004d 100%);transition:opacity .3s;position:absolute;inset:0}.news-card:hover .news-image:after{opacity:1}.news-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.news-card:hover .news-image img{transform:scale(1.12)}.news-category-badge{color:#fff;fontSize:.7rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#800020f2,#600018f2);border:1px solid #fff3;border-radius:20px;padding:.4rem .9rem;font-weight:700;position:absolute;bottom:12px;right:12px}.news-content{background:linear-gradient(#fff 0%,#fafafa 100%);flex-direction:column;flex:1;padding:2rem;display:flex}.news-meta{color:var(--text-light);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;font-size:.875rem;display:flex}.news-date,.news-views{align-items:center;gap:.4rem;font-weight:500;display:flex}.news-title{color:var(--primary-burgundy);letter-spacing:-.3px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .3s}.news-card:hover .news-title{color:#600018}.news-excerpt{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.news-link{color:var(--primary-gold);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid #d4af374d;border-radius:30px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.news-link:hover{color:#fff;background:linear-gradient(135deg,var(--primary-burgundy),#600018);border-color:var(--primary-burgundy);gap:.75rem;transform:translate(5px)}.news-footer{text-align:center;margin-top:4rem}.news-footer .btn{text-transform:uppercase;letter-spacing:1px;padding:1rem 3rem;font-size:1.1rem;font-weight:700;box-shadow:0 8px 20px #80002040}.news-footer .btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #80002059}@media (max-width:768px){.news-grid{grid-template-columns:1fr;gap:2rem}.news-image{height:200px}.news-title{font-size:1.3rem}.news-content{padding:1.5rem}.news-footer{margin-top:3rem}}html[lang=ml] .news-category-badge{max-width:90%;padding:.3rem .7rem!important;font-size:.6rem!important}
.notification-toggle{background:linear-gradient(135deg,var(--primary-burgundy),var(--secondary-brown));width:60px;height:60px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px}.notification-toggle:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.notification-toggle.expanded{background:var(--primary-gold)}.bell-icon{font-size:1.8rem;animation:2s ease-in-out infinite ring}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{background:var(--accent-red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite pulse;display:flex;position:absolute;top:5px;right:5px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel{border-radius:var(--border-radius-lg);width:340px;max-height:500px;box-shadow:var(--shadow-xl);z-index:998;border:2px solid var(--primary-gold);background:#fff;flex-direction:column;transition:left .3s;display:flex;position:fixed;bottom:100px;left:-350px}.notification-panel.expanded{left:20px}.notification-header{border-bottom:2px solid var(--primary-gold);background:linear-gradient(135deg,var(--bg-light-gold),var(--primary-cream));justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.notification-header h3{color:var(--primary-burgundy);margin:0;font-size:1.2rem}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;transition:all .3s;display:flex}.close-btn:hover{color:var(--primary-burgundy);background:#0000001a}.notification-list{flex:1;padding:.5rem;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.notification-list::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:3px}.empty-state{text-align:center;color:var(--text-light);padding:3rem 1rem}.notification-item{border-radius:var(--border-radius-md);background:var(--bg-secondary);border-left:4px solid var(--accent-blue);cursor:pointer;gap:.75rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex}.notification-item:hover{background:var(--bg-light-gold);transform:translate(4px)}.notification-item.urgent{border-left-color:var(--accent-red);background:#d9534f0d}.notification-item.warning{border-left-color:#ffa726}.notification-item.success{border-left-color:var(--accent-green)}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1;min-width:0}.notification-title{color:var(--primary-burgundy);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.notification-message{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem;line-height:1.4}.notification-time{color:var(--text-light);font-size:.75rem}.notification-footer{border-top:1px solid var(--bg-secondary);text-align:center;padding:1rem}.view-all-link{color:var(--primary-gold);font-weight:600;text-decoration:none;transition:color .3s}.view-all-link:hover{color:var(--primary-burgundy);text-decoration:underline}.notification-overlay{z-index:997;background:#0000004d;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.notification-panel{width:90%;max-width:340px;left:-100%}.notification-panel.expanded{left:5%}.notification-toggle{width:55px;height:55px;bottom:10px;left:10px}.bell-icon{font-size:1.6rem}}
.hero-section{background-color:#800020;background:linear-gradient(135deg,var(--primary-burgundy),var(--secondary-brown));z-index:1;justify-content:center;align-items:center;height:600px;display:flex;position:relative;overflow:hidden}.hero-content{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.hero-text{text-align:center;color:#fff;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:2rem;display:flex}.cross-symbol{color:var(--primary-gold);text-shadow:0 4px 12px #0009;margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{text-shadow:0 4px 16px #000c;letter-spacing:-1px;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;line-height:1.1;color:#fff!important}.hero-subtitle{text-shadow:0 2px 8px #000c;letter-spacing:.5px;opacity:1;margin-bottom:2.5rem;font-size:1.5rem;font-weight:400;color:#eb5!important}.church-names{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto 3rem;display:flex}.hero-overlay-image-container{z-index:0;pointer-events:none;align-items:flex-end;width:auto;height:380px;display:flex;position:absolute;bottom:0;left:0}.hero-overlay-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000080);width:auto;height:100%;animation:1s ease-out fadeInLeft}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hero-content .container{z-index:10;position:relative}.church-name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0009;border:1px solid #fff3;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #0000004d;color:#fff!important}.church-name:hover{border-color:var(--primary-gold);background:#000c;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin-top:0;display:flex}.quick-links-section{background:linear-gradient(#f9fafb 0%,#fff 100%);padding-top:3rem;padding-bottom:3rem;position:relative}.quick-link-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:16px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.quick-link-card:before{content:"";background:linear-gradient(90deg,var(--primary-burgundy),var(--primary-gold));height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.quick-link-card:hover:before{transform:scaleX(1)}.quick-link-card .icon{margin-bottom:1.25rem;font-size:3.5rem;transition:transform .3s}.quick-link-card:hover .icon{transform:scale(1.1)rotate(5deg)}.quick-link-card h3{color:var(--primary-burgundy);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.quick-link-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.quick-link-card:hover{border-color:#d4af374d;transform:translateY(-8px);box-shadow:0 16px 32px #80002026}.row{flex-wrap:wrap;margin:0 -1rem;display:flex}.col-3{flex:0 0 25%;max-width:25%;padding:0 1rem}.col-4{flex:0 0 33.333%;max-width:33.333%;padding:0 1rem}.churches-grid{gap:3rem;display:grid}.church-card{background:#fff;border:1px solid #0000000d;border-radius:16px;grid-template-columns:minmax(300px,400px) 1fr;gap:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden;box-shadow:0 8px 24px #0000001f}.church-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #80002033}.church-image{width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.church-image:after{content:"";opacity:0;background:linear-gradient(#0000 0%,#0000001a 100%);transition:opacity .3s;position:absolute;inset:0}.church-card:hover .church-image:after{opacity:1}.church-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.church-image:hover img{transform:scale(1.08)}.church-info{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);flex-direction:column;justify-content:center;padding:2.5rem;display:flex}.church-info h3{color:var(--primary-burgundy);letter-spacing:-.5px;margin-bottom:1.25rem;font-size:2.25rem;font-weight:700}.church-info .church-description{color:var(--text-secondary);margin-bottom:1.75rem;font-size:1.05rem;line-height:1.8}.church-info .church-details{background:linear-gradient(135deg,#fff9f0 0%,#fef5e7 100%);border:1px solid #d4af3733;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #d4af371a}.church-info .church-details p{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.church-info .church-details p:last-child{margin-bottom:0}.church-info .church-details strong{color:var(--primary-burgundy);font-weight:600}.service-card{text-align:center;background:#fff;border:1px solid #0000000d;height:100%;padding:2rem;transition:all .3s}.service-card .service-icon{margin-bottom:1rem;font-size:3rem}.service-card h4{color:var(--primary-burgundy);margin-bottom:.5rem}.service-card p{color:var(--text-secondary);margin-bottom:1rem}.service-card .service-link{color:var(--primary-gold);font-weight:600;text-decoration:none;transition:all .3s}.service-card .service-link:hover{color:var(--primary-burgundy);text-decoration:underline}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.notifications-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.notification-card{border-left:4px solid var(--primary-gold);background:#fff;border-radius:8px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.notification-card.high-priority{border-left-color:var(--accent-red)}.notification-card.high-priority .notification-type{background:var(--accent-red)}.notification-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.notification-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.notification-type{background:var(--primary-gold);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.notification-type.announcement{background:var(--accent-blue)}.notification-type.event{background:var(--accent-green)}.notification-type.urgent{background:var(--accent-red)}.notification-date{color:var(--text-light);font-size:.85rem}.notification-type-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#fff;background:#6b7280;border-radius:20px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #00000026}.notification-type-badge.event{background:linear-gradient(135deg,#10b981,#059669)}.notification-type-badge.announcement{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-type-badge.general{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-card h4{color:var(--primary-burgundy);margin-bottom:.5rem}.notification-card p{color:var(--text-secondary);line-height:1.6}.cta-section{padding:4rem 0}.cta-section h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.cta-section .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.loading-container{text-align:center;padding:4rem 0}.loading-container p{color:var(--text-secondary);margin-top:1rem}.mt-4{margin-top:2rem}@media (max-width:1200px){.hero-overlay-image-container{opacity:1;height:280px}}@media (max-width:1024px){.hero-section{height:auto;min-height:550px;padding:4rem 0}.desktop-only-decor{display:none!important}.hero-title{font-size:3rem}.church-card{grid-template-columns:1fr}.church-image{height:280px}.col-3,.col-4{flex:0 0 50%;max-width:50%}}@media (max-width:768px){.hero-section{height:auto;min-height:500px}.hero-overlay-image-container{opacity:1;height:170px;left:0}.hero-title{font-size:2.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1.25rem}.cross-symbol{font-size:3.5rem}.church-names{flex-direction:column;gap:.75rem}.hero-buttons{margin-bottom:2rem}.quick-link-card{padding:2rem 1.5rem}.notifications-grid{grid-template-columns:1fr}.col-3,.col-4{flex:0 0 100%;max-width:100%}}@media (max-width:480px){.hero-section{min-height:100vh;padding:6rem 0 4rem}.hero-overlay-image-container{opacity:1;height:140px;bottom:-60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cross-symbol{font-size:3rem}.hero-text{margin-top:0;padding:1rem}.church-name{padding:.5rem 1rem;font-size:.9rem}.quick-link-card{padding:1.5rem 1rem}.quick-link-card .icon{font-size:3rem}.church-info{padding:1.5rem}.church-info h3{font-size:1.5rem}}.history-section-container{background:linear-gradient(#fff 0%,#fcf7f7 100%);padding:6rem 0;position:relative;overflow:hidden}.history-section-title{color:#800020;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.history-content-card{background:#fff;border:1px solid #8000200d;border-radius:20px;max-width:1000px;margin:0 auto;padding:3rem;position:relative;box-shadow:0 10px 30px #8000200d}.history-quote-icon{color:#fff;background:#800020;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #80002033}.history-text{color:#4b5563;text-align:justify;white-space:pre-wrap;font-size:1.1rem;line-height:1.8}@media (max-width:768px){.history-section-container{padding:4rem 0 6rem}.history-section-title{font-size:2rem}.history-content-card{border-radius:16px;padding:2rem 1.5rem}.history-text{text-align:left;font-size:1rem;line-height:1.7}}