:root{--primary: #1e40af;--secondary: #059669;--accent: #dc2626;--light: #f8fafc;--dark: #1e293b}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.navbar-brand{font-weight:700;font-size:1.5rem}.navbar .collapse{display:none;visibility:visible}.navbar .collapse.show{display:block}@media (min-width: 992px){.navbar .collapse,.navbar .collapse.show{display:flex!important}}.hero{background:linear-gradient(#00000080,#00000080),url(https://placehold.co/1600x600/1e40af/white?text=House+Of+Hope+Church) center/cover no-repeat;height:70vh;display:flex;align-items:center;justify-content:center;color:#fff}.hero-content{max-width:800px;text-align:center}.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{transition:all .3s ease;border:none;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.service-card:hover,.give-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.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:#fff;padding:20px;border-radius:0 10px 10px 0}.event-card{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.staff-card{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.staff-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.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-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:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background:var(--secondary);border-color:var(--secondary)}.btn-secondary:hover{background:#047857;border-color:#047857}.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 #e2e8f0}.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:#f8fafc;border-left:4px solid var(--primary)}.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:#333;font-weight:500}.accordion-button:not(.collapsed){background-color:#1e40af14;color:#1e40af}.accordion-body{display:block!important;visibility:visible!important;color:#333;line-height:1.6}.accordion-collapse{overflow:visible!important}.accordion-collapse.collapse.show{display:block!important}.accordion-collapse.collapse:not(.show){display:none}.bg-gradient-primary{background:linear-gradient(90deg,var(--primary),#2563eb)}@media (max-width: 768px){.hero{height:50vh}}
