*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#c5a253;--gold-light:#e0c578;--gold-dark:#9c7d3a;--deep:#1a1a2e;--deep-light:#2a2a4a;--cream:#f9f7f2;--white:#fff;--text:#2c2c2c;--text-light:#666;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.15);--transition:.3s ease}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;color:var(--text);line-height:1.7;background:var(--cream)}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.content-narrow{max-width:760px;margin:0 auto}
a{color:var(--gold-dark);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:100;background:var(--deep);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;color:var(--white);font-size:1.25rem;font-weight:bold;letter-spacing:.5px}
.logo:hover{color:var(--white)}
.logo-mark{color:var(--gold);font-size:1.5rem}
.main-nav{display:flex;gap:28px;align-items:center}
.main-nav a{color:rgba(255,255,255,.85);font-size:1rem;font-family:Helvetica,Arial,sans-serif;position:relative;padding:4px 0}
.main-nav a:hover{color:var(--gold-light)}
.main-nav a.active{color:var(--gold)}
.main-nav a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gold);border-radius:2px}
.main-nav a.nav-donate{background:var(--gold);color:var(--deep);padding:8px 20px;border-radius:30px;font-weight:bold}
.main-nav a.nav-donate:hover{background:var(--gold-light);color:var(--deep)}
.main-nav a.nav-donate.active::after{display:none}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--white);border-radius:2px;transition:var(--transition)}
.hero{min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#2a2a4a 50%,#1a1a2e 100%);position:relative;overflow:hidden}
.hero::before{content:'✦';position:absolute;font-size:600px;color:rgba(197,162,83,.04);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(26,26,46,.5) 100%)}
.hero-content{position:relative;z-index:2}
.hero h1{color:var(--white);font-size:3rem;font-weight:normal;margin-bottom:16px;letter-spacing:1px}
.hero-subtitle{color:var(--gold-light);font-size:1.3rem;font-family:Helvetica,Arial,sans-serif;margin-bottom:36px;font-style:italic}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 36px;border-radius:30px;font-size:1rem;font-weight:bold;font-family:Helvetica,Arial,sans-serif;cursor:pointer;border:none;transition:all var(--transition);text-align:center}
.btn-primary{background:var(--gold);color:var(--deep)}
.btn-primary:hover{background:var(--gold-light);color:var(--deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-outline{background:transparent;color:var(--white);border:2px solid var(--gold)}
.btn-outline:hover{background:var(--gold);color:var(--deep)}
.btn-full{width:100%}
.section{padding:80px 0}
.section.alt-bg{background:var(--white)}
.section-title{text-align:center;font-size:2rem;font-weight:normal;color:var(--deep);margin-bottom:40px;position:relative}
.section-title::after{content:'✦';display:block;color:var(--gold);font-size:1.2rem;margin-top:8px}
.welcome-text{text-align:center;font-size:1.15rem;max-width:700px;margin:0 auto}
.welcome-text p{margin-bottom:20px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.feature-card{background:var(--white);border-radius:var(--radius);padding:36px 24px;text-align:center;box-shadow:var(--shadow);transition:transform var(--transition)}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.feature-icon{font-size:2.5rem;margin-bottom:16px}
.feature-card h3{color:var(--deep);font-size:1.3rem;margin-bottom:12px}
.feature-card p{color:var(--text-light);font-family:Helvetica,Arial,sans-serif;font-size:.95rem}
.cta-bar{background:var(--deep);text-align:center;color:var(--white)}
.cta-bar h2{font-size:2rem;font-weight:normal;margin-bottom:12px}
.cta-bar p{color:var(--gold-light);margin-bottom:28px;font-style:italic}
.page-banner{background:linear-gradient(135deg,#1a1a2e 0%,#2a2a4a 100%);padding:60px 0;text-align:center}
.page-banner h1{color:var(--white);font-size:2.5rem;font-weight:normal;margin-bottom:8px}
.page-banner p{color:var(--gold-light);font-size:1.15rem;font-style:italic}
.donate-banner{background:linear-gradient(135deg,#1a1a2e 0%,#3a2a1a 100%)}
.belief-list{display:grid;gap:24px}
.belief-item{background:var(--cream);border-left:4px solid var(--gold);padding:24px;border-radius:0 var(--radius) var(--radius) 0}
.belief-item h3{color:var(--deep);margin-bottom:8px;font-size:1.2rem}
.belief-item p{color:var(--text-light);font-family:Helvetica,Arial,sans-serif}
.pastor-card{display:flex;gap:32px;align-items:center;background:var(--white);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);flex-wrap:wrap}
.pastor-photo{flex-shrink:0}
.photo-placeholder{width:140px;height:140px;border-radius:50%;background:var(--deep-light);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--gold)}
.pastor-info h3{color:var(--deep);font-size:1.5rem;margin-bottom:4px}
.pastor-title{color:var(--gold-dark);font-style:italic;margin-bottom:12px;font-family:Helvetica,Arial,sans-serif}
.pastor-info p{color:var(--text-light);font-family:Helvetica,Arial,sans-serif}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.contact-detail{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}
.contact-icon{font-size:1.8rem;flex-shrink:0}
.contact-detail h3{color:var(--deep);font-size:1.1rem;margin-bottom:4px}
.contact-detail p{color:var(--text-light);font-family:Helvetica,Arial,sans-serif}
.contact-form-wrap{background:var(--white);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.contact-form .form-field{margin-bottom:20px}
.contact-form label{display:block;color:var(--deep);font-size:.95rem;margin-bottom:6px;font-weight:bold;font-family:Helvetica,Arial,sans-serif}
.contact-form input,.contact-form textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Helvetica,Arial,sans-serif;transition:border-color var(--transition)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold)}
.contact-form textarea{resize:vertical}
.donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:700px;margin:0 auto}
.donate-card{background:var(--white);border-radius:var(--radius);padding:40px 28px;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:12px}
.donate-icon{font-size:3rem}
.donate-card h3{color:var(--deep);font-size:1.4rem}
.donate-card p{color:var(--text-light);font-family:Helvetica,Arial,sans-serif;font-size:.95rem}
.donate-handle{font-size:1.2rem;font-weight:bold;color:var(--gold-dark);background:var(--cream);padding:8px 20px;border-radius:20px;font-family:Helvetica,Arial,sans-serif}
.donate-placeholder{color:var(--text-light);font-style:italic;font-family:Helvetica,Arial,sans-serif;padding:8px 20px}
.signature{font-style:italic;color:var(--gold-dark);margin-top:16px}
.site-footer{background:var(--deep);color:rgba(255,255,255,.7);padding:40px 0}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.footer-brand{display:flex;align-items:center;gap:8px;color:var(--white);font-size:1.1rem}
.footer-nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}
.footer-nav a{color:rgba(255,255,255,.7);font-family:Helvetica,Arial,sans-serif;font-size:.95rem}
.footer-nav a:hover{color:var(--gold-light)}
.footer-copy{font-size:.85rem;color:rgba(255,255,255,.5);font-family:Helvetica,Arial,sans-serif}
@media(max-width:768px){.nav-toggle{display:flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--deep);padding:20px;gap:16px}.main-nav.open{display:flex}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.contact-grid{grid-template-columns:1fr}.pastor-card{flex-direction:column;text-align:center}.section{padding:50px 0}.section-title{font-size:1.6rem}.page-banner h1{font-size:1.8rem}}