:root{--radius:22px;--radius-sm:14px;--shadow-lg:0 30px 70px #08121d47;--shadow-md:0 16px 38px #08121d33;--transition:.26s ease}body[data-theme=classic]{--bg:#f6efe4;--bg-soft:#fff8ef;--surface:#fffdf8;--surface-soft:#f2e7d6;--text:#1f2632;--text-soft:#5b6472;--heading:#122033;--accent:#0e8388;--accent-2:#d88a2f;--btn-text:#fffdfa;--line:#0c33402e;--hero-overlay:linear-gradient(114deg,#08273094 12%,#0e83883d 56%,#d88a2f38 100%);--hero-bg:url(https://images.unsplash.com/photo-1765947382522-ca6d359af08c?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000);--hero-pos:center center;--page-glow:radial-gradient(circle at 9% 8%,#d88a2f33,transparent 39%),radial-gradient(circle at 90% 0%,#0e83882e,transparent 43%),linear-gradient(145deg,#f3e9da 0%,#fff8ef 52%,#f5ece0 100%);--strip-bg:#ffffffc2;--header-bg:#ffffffb3;--footer-bg:linear-gradient(130deg,#112535,#0c1d2b 48%,#143145 100%);--card-bg:linear-gradient(145deg,#ffffffeb,#ffffffbf);--input-bg:#fffc;--footer-text:#eff7ff;--footer-soft:#a9bfd0;--float-bg:#ffffffeb}body[data-theme=modern]{--bg:#071523;--bg-soft:#102638;--surface:#0f2b41;--surface-soft:#17384f;--text:#eef5ff;--text-soft:#b2c7d9;--heading:#f4f9ff;--accent:#5cd8c6;--accent-2:#ffb264;--btn-text:#072133;--line:#88b1cb4a;--hero-overlay:linear-gradient(114deg,#04121ea3 12%,#13465f57 56%,#8357234d 100%);--hero-bg:url(/images/church.png);--hero-pos:center center;--page-glow:radial-gradient(circle at 10% 8%,#5cd8c633,transparent 38%),radial-gradient(circle at 88% 1%,#ffb26429,transparent 42%),linear-gradient(145deg,#06111d 0%,#0a1d2f 50%,#06131f 100%);--strip-bg:#061726c7;--header-bg:#081828cc;--footer-bg:linear-gradient(130deg,#061321,#09243a 48%,#08263f 100%);--card-bg:linear-gradient(145deg,#112d42db,#091d2dd1);--input-bg:#071826c7;--footer-text:#edf5ff;--footer-soft:#97b4cb;--float-bg:#091a29e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--page-glow);min-height:100vh;margin:0;font-family:Outfit,sans-serif;line-height:1.62;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:-2;position:fixed;inset:0}body:before{mix-blend-mode:soft-light;opacity:.7;background:radial-gradient(circle at 18% 26%,#ffffff2e,#0000 25%),radial-gradient(circle at 80% 72%,#ffffff24,#0000 26%);animation:18s ease-in-out infinite alternate drift}body:after{opacity:.09;z-index:-1;background-image:linear-gradient(#0000 97%,#ffffff0f 100%);background-size:100% 26px}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:0 auto}.top-strip{border-bottom:1px solid var(--line);background:var(--strip-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 0}.top-strip .container{color:var(--text-soft);justify-content:space-between;align-items:center;gap:18px;font-size:.88rem;display:flex}.top-links{flex-wrap:wrap;gap:14px;display:flex}.top-links a{position:relative}.top-links a:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--transition);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.top-links a:hover:after{transform:scaleX(1)}.site-header{z-index:1000;background:var(--header-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:16px;min-height:80px;display:flex}.brand{color:var(--heading);align-items:center;gap:10px;min-width:0;display:flex}.brand-logo-image{object-fit:contain;filter:drop-shadow(0 6px 14px #0815203d);background:0 0;width:118px;height:auto;display:block}.brand-mark{background:linear-gradient(145deg,var(--accent),var(--accent-2));width:48px;height:48px;color:var(--btn-text);box-shadow:var(--shadow-md);border-radius:14px;place-items:center;font-size:1.1rem;animation:3.8s ease-in-out infinite pulse;display:grid}.brand-title{line-height:1.04;display:grid}.brand-title small{letter-spacing:.1em;color:var(--text-soft);font-family:Outfit,sans-serif;font-size:.72rem}.main-nav{align-items:center;gap:18px;display:flex}.main-nav a{color:var(--text-soft);transition:color var(--transition);white-space:nowrap;padding:4px 0;font-size:.9rem;position:relative}.main-nav a:after{content:"";background:linear-gradient(120deg,var(--accent),var(--accent-2));transform-origin:0;width:100%;height:2px;transition:transform var(--transition);position:absolute;bottom:0;left:0;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:var(--heading)}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.right-controls{align-items:center;gap:10px;display:flex}.right-controls .btn{white-space:nowrap;min-width:132px;line-height:1.1}.theme-switch{border:1px solid var(--line);background:#00000014;border-radius:999px;display:inline-flex;overflow:hidden}.theme-switch button{color:var(--text-soft);cursor:pointer;transition:all var(--transition);background:0 0;border:0;padding:8px 13px;font-size:.79rem}.theme-switch button.active{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:var(--btn-text);font-weight:700}.btn{cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition),filter var(--transition);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;display:inline-flex}.btn:hover{filter:saturate(1.1);transform:translateY(-3px)}.btn-primary{color:var(--btn-text);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--shadow-md)}.btn-outline{color:var(--heading);border:1px solid var(--line);background:#ffffff2e}body[data-theme=modern] .btn-outline{color:var(--text);background:#091c2b66}.nav-toggle{border:1px solid var(--line);color:var(--heading);background:#ffffff29;border-radius:12px;width:42px;height:42px;display:none}body[data-theme=modern] .nav-toggle{color:var(--text)}.hero{isolation:isolate;place-items:center;min-height:clamp(680px,94vh,980px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:var(--hero-overlay)center/cover no-repeat,var(--hero-bg)var(--hero-pos)/cover no-repeat;z-index:-3;animation:30s ease-in-out infinite alternate heroShift;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to top,var(--bg),transparent);z-index:-2;height:130px;position:absolute;inset:auto 0 0}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:78px 0 94px;display:grid}.kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-2);margin-bottom:12px;font-size:.77rem;font-weight:600}.hero h1{color:#f8fbff;text-wrap:balance;margin:0 0 18px;font-family:Playfair Display,serif;font-size:clamp(2.4rem,5.1vw,4.6rem);line-height:.92}.hero h1 span{color:#f6c27f;display:block}.hero p{color:#f1f7ffe6;max-width:56ch;font-size:1.04rem}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.info-panel{border-radius:var(--radius);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#fff3,#08131f4d);border:1px solid #e2eefc57;padding:22px}.info-panel h3{color:#fff;margin:0 0 12px;font-family:Playfair Display,serif}.info-list{gap:10px;display:grid}.info-item{color:#f0f6ffeb;align-items:flex-start;gap:10px;font-size:.91rem;display:flex}.info-item i{color:#ffd49e;margin-top:4px}section{padding:78px 0}.section-head{margin-bottom:26px}.section-head .kicker{margin-bottom:7px}.section-head h2{color:var(--heading);margin:0;font-family:Playfair Display,serif;font-size:clamp(2.05rem,4vw,3.2rem);line-height:1.05}.section-head p{max-width:68ch;color:var(--text-soft);margin:10px 0 0}.glass{border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mission-card{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);padding:24px}.mission-card:hover{border-color:#d88a2f66;transform:translateY(-6px);box-shadow:0 20px 44px #08142038}.mission-card i{color:var(--accent);margin-bottom:9px;font-size:1.55rem}.mission-card h3{color:var(--heading);margin:0 0 8px;font-family:Playfair Display,serif;font-size:1.16rem}.mission-card p{color:var(--text-soft);margin:0;font-size:.93rem}.about-wrap{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.about-image{border-radius:var(--radius);border:1px solid var(--line);min-height:320px;box-shadow:var(--shadow-md);overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.about-content{padding:24px}.about-content h3{color:var(--heading);margin:0 0 12px;font-family:Playfair Display,serif;font-size:1.8rem}.about-content p{color:var(--text-soft)}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;background:#fff3;padding:12px}body[data-theme=modern] .metric{background:#0514225c}.metric strong{color:var(--accent-2);font-family:Playfair Display,serif;font-size:1.45rem;display:block}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.gallery-tile{border-radius:var(--radius-sm);border:1px solid var(--line);min-height:220px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.gallery-tile img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition),filter var(--transition)}.gallery-tile:hover img{filter:brightness(1.06)saturate(1.08);transform:scale(1.09)}.gallery-tile span{color:#f6fcff;background:#05121e99;border:1px solid #e1eefc80;border-radius:999px;padding:6px 11px;font-size:.83rem;position:absolute;bottom:12px;left:12px}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.video-card{transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.video-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #0814213d}.video-frame{aspect-ratio:16/9;border:0;width:100%}.video-meta{padding:14px 16px 16px}.video-meta h3{color:var(--heading);margin:0;font-family:Playfair Display,serif;font-size:1.08rem}.video-meta p{color:var(--text-soft);margin:6px 0 0;font-size:.92rem}.events-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.event-card{transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.event-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0814213d}.event-poster{aspect-ratio:16/9;object-fit:cover;width:100%}.event-body{padding:15px}.event-body h3{color:var(--heading);margin:0;font-family:Playfair Display,serif;font-size:1.08rem}.event-meta{color:var(--text-soft);gap:6px;margin:10px 0;font-size:.9rem;display:grid}.event-meta div{align-items:center;gap:8px;display:flex}.event-meta i{color:var(--accent)}.badge{border:1px solid var(--line);background:#ffffff42;border-radius:999px;justify-content:center;align-items:center;padding:4px 11px;font-size:.73rem;display:inline-flex}body[data-theme=modern] .badge{background:#081a2873}.badge.scheduled{color:var(--accent-2)}.badge.published{color:#2c9f7e}.blog-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.blog-card{transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #0814213b}.blog-thumb{aspect-ratio:16/10;object-fit:cover;width:100%}.blog-body{padding:15px}.blog-body h3{color:var(--heading);margin:0;font-family:Playfair Display,serif;font-size:1.06rem}.blog-body p{color:var(--text-soft);margin:8px 0 0;font-size:.92rem}.contact-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-card,.form-card{padding:22px}.contact-item{color:var(--text-soft);align-items:flex-start;gap:11px;margin-bottom:12px;display:flex}.contact-item i{color:var(--accent);margin-top:4px}form{gap:10px;display:grid}.input,textarea{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:11px;padding:11px 12px;font-family:inherit}textarea{resize:vertical;min-height:130px}.map-frame{border:1px solid var(--line);border-radius:13px;width:100%;min-height:250px;margin-top:10px}.footer{border-top:1px solid var(--line);background:var(--footer-bg);color:var(--footer-text);padding:34px 0 18px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.footer h4{margin:0 0 9px;font-family:Playfair Display,serif}.footer ul{color:var(--footer-soft);gap:5px;margin:0;padding:0;font-size:.91rem;list-style:none;display:grid}.footer-note{color:var(--footer-soft);border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:14px;font-size:.88rem;display:flex}.socials{gap:8px;display:flex}.socials a{width:35px;height:35px;transition:transform var(--transition),background var(--transition),color var(--transition);color:var(--footer-text);border:1px solid #ffffff47;border-radius:10px;place-items:center;display:grid}.socials a:hover{background:#ffffff26;transform:translateY(-3px)}.float-stack{z-index:998;gap:10px;display:grid;position:fixed;bottom:16px;right:18px}.float-btn{border:1px solid var(--line);background:var(--float-bg);width:54px;height:54px;color:var(--heading);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}body[data-theme=modern] .float-btn{color:var(--text)}.float-btn.whatsapp{color:#fff;background:linear-gradient(135deg,#24d366,#1ba652)}.float-btn.donate-mobile{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--btn-text);display:none}.reveal{opacity:0;transition:opacity .62s,transform .62s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.page-hero{isolation:isolate;border-bottom:1px solid var(--line);align-items:center;min-height:clamp(320px,46vh,480px);padding:52px 0 46px;display:flex;position:relative;overflow:hidden}.page-hero:before{content:"";background:linear-gradient(120deg,#0a25388f,#0c828829,#d88a2f38),var(--hero-bg)var(--hero-pos)/cover no-repeat;z-index:-2;position:absolute;inset:0}body[data-theme=modern] .page-hero:before{background:linear-gradient(120deg,#0414229e,#0e5e7533,#83572333),var(--hero-bg)var(--hero-pos)/cover no-repeat}.page-hero:after{content:"";background:linear-gradient(to top,var(--bg),transparent);z-index:-1;height:80px;position:absolute;inset:auto 0 0}.page-hero .container{gap:8px;display:grid}.page-hero .kicker{margin:0}.page-hero h1{color:var(--heading);text-wrap:balance;max-width:19ch;margin:0;font-family:Playfair Display,serif;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.02}.page-hero p{color:var(--text-soft);max-width:66ch;margin:0}.page-body{padding:52px 0 78px}.simple-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.simple-card{padding:20px}.table{border-collapse:collapse;width:100%}.table th,.table td{border:1px solid var(--line);text-align:left;padding:10px;font-size:.92rem}.table th{color:var(--heading)}.auth-box{width:min(520px,92vw);margin:0 auto;padding:24px}.auth-box .helper{color:var(--text-soft);font-size:.85rem}.admin-grid{gap:18px;display:grid}.admin-section{gap:10px;padding:18px;display:grid}.admin-section h3{color:var(--heading);margin:0;font-family:Playfair Display,serif}.admin-inline{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-list{gap:10px;margin-top:10px;display:grid}.admin-item{border:1px solid var(--line);background:#fff3;border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}body[data-theme=modern] .admin-item{background:#07182694}.admin-thumb{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:120px;height:80px}.admin-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.5%,1.6%)scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heroShift{0%{transform:scale(1.01)translate(0,0)}to{transform:scale(1.03)translate(-.45%,-.2%)}}@media (max-width:1320px){.main-nav{gap:14px}.main-nav a{font-size:.84rem}.brand-logo-image{width:108px}.right-controls .btn{padding-inline:16px}}@media (max-width:1024px){.hero-grid,.about-wrap,.contact-grid{grid-template-columns:1fr}.mission-grid,.events-grid,.blog-grid,.footer-grid,.simple-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.theme-switch button{padding:7px 10px}}@media (max-width:820px){.top-strip{display:none}.site-header{top:0}.nav-wrap{gap:10px;min-height:74px;position:relative}.brand{gap:8px;min-width:0}.brand-logo-image{filter:drop-shadow(0 4px 10px #08152033);width:92px}.main-nav{background:var(--header-bg);border:1px solid var(--line);transform-origin:top;opacity:0;pointer-events:none;max-height:calc(100vh - 76px);transition:transform var(--transition),opacity var(--transition);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:0;border-right:0;border-radius:0 0 18px 18px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px 18px;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow:auto;transform:translateY(-10px)scaleY(.94)}body.menu-open .main-nav{opacity:1;pointer-events:auto;transform:translateY(0)scaleY(1)}.nav-toggle{flex:none;place-items:center;display:inline-grid}.main-nav a{width:100%;padding:6px 0;font-size:1rem}.main-nav a:after{display:none}.right-controls{gap:8px;margin-left:auto}.float-btn.donate-mobile{display:grid}.video-grid,.mission-grid,.events-grid,.blog-grid,.footer-grid,.simple-grid,.metrics,.admin-inline{grid-template-columns:1fr}.admin-item{grid-template-columns:1fr;justify-items:start}.admin-thumb{width:100%;height:170px}.admin-actions{justify-content:flex-start}.gallery-grid{grid-template-columns:1fr}.right-controls .btn{display:none}.hero h1{font-size:clamp(2.1rem,11vw,3.4rem)}.hero{min-height:84vh}.page-hero{min-height:280px}}