:root{--primary: #1e40af;--primary-hover: #1d4ed8;--secondary: #059669;--secondary-hover: #047857;--accent: #dc2626;--light: #f8fafc;--dark: #1e293b;--body-bg: #ffffff;--body-color: #333333;--card-bg: #ffffff;--card-border: #e2e8f0;--input-bg: #ffffff;--input-border: #ced4da;--text-muted: #6c757d;--shadow-color: rgba(0, 0, 0, .1)}.dark{--body-bg: #0f172a;--body-color: #e2e8f0;--card-bg: #1e293b;--card-border: #334155;--input-bg: #1e293b;--input-border: #475569;--text-muted: #94a3b8;--shadow-color: rgba(0, 0, 0, .3);--light: #1e293b}.dark .dark-icon{display:none!important}.dark .light-icon{display:inline-block!important}:root:not(.dark) .light-icon{display:none!important}:root:not(.dark) .dark-icon{display:inline-block!important}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--body-color);background-color:var(--body-bg)}.dark body{background-color:var(--body-bg);color:var(--body-color)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.navbar-brand{font-weight:700;font-size:1.25rem}@media (max-width: 991.98px){.navbar-brand{font-size:1rem}}.navbar .collapse{display:none;visibility:visible}.navbar .collapse.show{display:block}@media (min-width: 992px){.navbar .collapse,.navbar .collapse.show{display:flex!important}}.navbar-nav .nav-item.dropdown:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu{z-index:2000}.hero{background:linear-gradient(#00000080,#00000080),url(https://placehold.co/1600x600/1e40af/white?text=House+Of+Hope+Church) center/cover no-repeat;height:70vh;min-height:400px;display:flex;align-items:center;justify-content:center;color:#fff}.hero-content{max-width:800px;text-align:center;padding:0 1rem}.hero .container{height:100%;display:flex;align-items:center;justify-content:center}.section-title{position:relative;margin-bottom:2rem}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary)}.service-card,.give-card,.sermon-card,.event-card,.staff-card{transition:all .3s ease;border:none;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px var(--shadow-color);background-color:var(--card-bg);color:var(--body-color)}.dark .service-card,.dark .give-card,.dark .sermon-card,.dark .event-card,.dark .staff-card{border:1px solid var(--card-border)}.service-card:hover,.give-card:hover,.sermon-card:hover,.event-card:hover,.staff-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--shadow-color)}.ministry-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 20px;font-size:1.8rem}.testimonial-card{border-left:4px solid var(--primary);background:var(--card-bg);padding:20px;border-radius:0 10px 10px 0;color:var(--body-color)}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}footer{background-color:var(--dark)!important}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;margin-right:10px;transition:all .3s}.social-icons a:hover{background:var(--primary);transform:translateY(-3px)}.quick-info{background:var(--primary);color:#fff}.quick-info i{color:#93c5fd}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--secondary);border-color:var(--secondary)}.btn-secondary:hover{background:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:#b91c1c;border-color:#b91c1c}.badge-accent{background-color:var(--accent)}.give-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 20px;font-size:1.5rem}.amount-btn{min-width:80px;height:50px;font-weight:600}.payment-method{padding:20px;border-radius:10px;cursor:pointer;transition:all .3s;border:2px solid var(--card-border);background-color:var(--card-bg);color:var(--body-color)}.payment-method:hover{border-color:var(--primary)}.payment-method.active{border-color:var(--primary);background-color:#1e40af0d}.payment-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.2rem}.impact-item{display:flex;align-items:center;padding:15px;border-radius:8px;margin-bottom:15px;background:var(--light);border-left:4px solid var(--primary)}.dark .impact-item{background:var(--card-bg)}.impact-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:15px;font-size:1.1rem}.step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:1.2rem;margin-right:15px}.accordion-button{color:var(--body-color);font-weight:500;background-color:var(--card-bg)}.accordion-button:not(.collapsed){background-color:#1e40af14;color:var(--primary)}.accordion-body{display:block!important;visibility:visible!important;color:var(--body-color);line-height:1.6;background-color:var(--card-bg)}.accordion-collapse{overflow:visible!important}.accordion-collapse.collapse.show{display:block!important}.accordion-collapse.collapse:not(.show){display:none}.accordion-item{background-color:var(--card-bg);border-color:var(--card-border)}.bg-gradient-primary{background:linear-gradient(90deg,var(--primary),#2563eb)}.form-control,.form-select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--body-color)}.form-control:focus,.form-select:focus{background-color:var(--input-bg);border-color:var(--primary);color:var(--body-color);box-shadow:0 0 0 .25rem #1e40af40}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.dark .form-control,.dark .form-select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--body-color)}.text-muted{color:var(--text-muted)!important}.card-text{color:var(--body-color)}.bg-light{background-color:var(--light)!important}.dark .bg-light{background-color:#1e293b!important}.nav-link.active{font-weight:600}@media (max-width: 768px){.hero{height:50vh;min-height:300px}.hero h1{font-size:1.75rem}.hero .lead{font-size:1rem}.hero .btn-lg{padding:.5rem 1rem;font-size:1rem}.quick-info .row>div{padding:.5rem 0;font-size:.875rem}.quick-info .row>div:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}section.py-5{padding-top:2rem;padding-bottom:2rem}.section-title{font-size:1.5rem}.testimonial-card{margin-bottom:1rem}footer .row>div{margin-bottom:1.5rem}}@media (max-width: 576px){.hero h1{font-size:1.5rem}.input-group-lg .form-control{font-size:1rem}.btn-lg{padding:.5rem 1rem;font-size:.875rem}.d-flex.gap-5{gap:1rem!important;flex-direction:column;align-items:center}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pagination .page-link{background-color:var(--card-bg);border-color:var(--card-border);color:var(--body-color)}.pagination .page-item.active .page-link{background-color:var(--primary);border-color:var(--primary)}.pagination .page-link:hover{background-color:var(--primary);color:#fff}.dark .dropdown-menu{background-color:var(--card-bg);border-color:var(--card-border)}.dark .dropdown-item{color:var(--body-color)}.dark .dropdown-item:hover{background-color:#1e40af1a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stretched-link:after{position:absolute;inset:0;z-index:1;content:""}@media print{.hero{display:none}nav,footer,.btn,.social-icons{display:none!important}body{background:#fff;color:#000}}