:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;--brand-yellow: #f8c847;--brand-cyan: #01acbf;--brand-red: #ff6161}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}nav{position:sticky;top:0;z-index:50;background-color:#fff;box-shadow:0 2px 4px #0000001a}nav .container{display:flex;justify-content:space-between;align-items:center;padding:1rem}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.5rem;cursor:pointer}.nav-menu{display:flex;gap:2rem;align-items:center}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand-cyan);color:#fff}.hero-overlay{position:absolute;inset:0;background-color:#0000004d}.hero-content{position:relative;z-index:1;text-align:center;max-width:64rem;padding:0 1rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem}.btn{padding:.75rem 2rem;border-radius:9999px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:scale(1.05)}.btn-primary{background-color:#fff;color:var(--brand-cyan)}.btn-donate{background:var(--brand-yellow);color:#fff}.section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem}.card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;height:100%}.card-image{height:12rem;background:var(--brand-cyan);display:flex;align-items:center;justify-content:center}.card-content{padding:1.5rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.card-icon{color:#fff;font-size:3.75rem}.grid{display:grid;gap:2rem}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.dark{background-color:#111827;color:#fff}.dark .card{background-color:#1f2937}@media(max-width:768px){.grid-cols-3{grid-template-columns:1fr}.nav-menu{display:none}.nav-menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#fff;padding:1rem}.hero-title{font-size:2.5rem}}