body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}html{scroll-behavior:smooth}:root{--primary-color:#e17055;--secondary-color:#fab1a0;--accent-color:#00b894;--bg-light:#fff0e6;--bg-white:#fff;--text-dark:#2d3436;--text-muted:#636e72}*{box-sizing:border-box;margin:0;padding:0}.app-container{color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.header{background:var(--bg-white);z-index:100;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo img{height:50px}.nav{align-items:center;gap:2rem;display:flex}.nav a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--primary-color)}.donate-btn{border-radius:50px;padding:.6rem 1.5rem;font-weight:600;background:var(--primary-color)!important;color:#fff!important}.donate-btn:hover{transform:translateY(-2px);background:#d65d45!important}.hero{background:linear-gradient(135deg,var(--bg-light)0%,var(--secondary-color)100%);text-align:center;padding:6rem 2rem}.hero-content{max-width:800px;margin:0 auto}.hero h1{color:var(--primary-color);margin-bottom:1rem;font-size:3.5rem;font-weight:700}.tagline{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem;font-style:italic;font-weight:500}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#d65d45;transform:translateY(-2px);box-shadow:0 5px 15px #e170554d}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:#fff}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-large{padding:1.2rem 3rem;font-size:1.3rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.mission{background:var(--bg-white);padding:5rem 2rem}.mission h2{text-align:center;color:var(--primary-color);margin-bottom:3rem;font-size:2.5rem}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.mission-card{background:var(--bg-light);border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 5px 15px #0000001a}.mission-card:hover{transform:translateY(-5px)}.mission-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem}.mission-card p{color:var(--text-muted);line-height:1.8}.impact{background:var(--bg-light);padding:5rem 2rem}.impact h2{text-align:center;color:var(--primary-color);margin-bottom:3rem;font-size:2.5rem}.impact-stats{flex-wrap:wrap;justify-content:space-around;gap:2rem;margin-bottom:3rem;display:flex}.stat{text-align:center;background:#fff;border-radius:10px;min-width:200px;padding:2rem;box-shadow:0 5px 15px #0000001a}.stat-number{color:var(--primary-color);margin-bottom:.5rem;font-size:3rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:1.1rem}.impact-text{text-align:center;max-width:800px;margin:0 auto}.impact-text p{color:var(--text-muted);margin-bottom:1rem;font-size:1.2rem}.cta{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:#fff;text-align:center;padding:5rem 2rem}.cta h2{margin-bottom:1rem;font-size:2.5rem}.cta p{max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.cta .btn-primary{color:var(--primary-color);background:#fff}.cta .btn-primary:hover{background:var(--bg-light)}.contact{background:var(--bg-white);text-align:center;padding:5rem 2rem}.contact h2{color:var(--primary-color);margin-bottom:1rem;font-size:2.5rem}.contact>p{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-btn{background:var(--bg-light);color:var(--text-dark);border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 5px 15px #0000001a}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.contact-btn span{font-size:1.5rem}.footer{background:var(--text-dark);color:#fff;text-align:center;padding:2rem}.footer p{margin:.5rem 0}@media (max-width:768px){.header-content,.nav{flex-direction:column;gap:1rem}.hero h1{font-size:2.5rem}.tagline{font-size:1.2rem}.subtitle{font-size:1rem}.mission-grid{grid-template-columns:1fr}.impact-stats{flex-direction:column;align-items:center}}