@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";.header{background-color:var(--bg-main);border-bottom:1px solid var(--border-color);z-index:50;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:90px;display:flex}.logo-img{width:auto;height:65px;display:block}.main-nav ul{gap:var(--space-6);align-items:center;list-style:none;display:flex}.main-nav a{color:var(--text-main);font-size:.95rem;font-weight:500}.main-nav a:hover,.main-nav a.active{color:var(--primary-color)}.btn-donate{background-color:var(--primary-color);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all .2s;color:#fff!important}.btn-donate:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.lang-switcher{align-items:center;gap:var(--space-2);color:var(--text-muted);display:flex}.lang-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--text-main);cursor:pointer;background-color:#0000;outline:none;font-size:.875rem}.lang-select:focus{border-color:var(--primary-color)}@media (width<=768px){.main-nav{display:none}}.footer{background-color:var(--secondary-color);color:#fff;padding:var(--space-12) 0 var(--space-6);margin-top:auto}.footer h3,.footer h4{color:#fff;margin-bottom:var(--space-4)}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.contact-item{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);color:#a0aec0;display:flex}.contact-item a{color:#a0aec0}.contact-item a:hover{color:#fff}.mt-2{margin-top:var(--space-4);color:#a0aec0}.footer-bottom{padding-top:var(--space-6);text-align:center;color:#718096;border-top:1px solid #ffffff1a;font-size:.875rem}.hero{background-image:url(https://hacofoundation.com/wp-content/uploads/2020/12/cem.jpg);background-position:50%;background-size:cover;align-items:center;min-height:80vh;display:flex;position:relative}.hero-overlay{background:linear-gradient(90deg,#1a202ce6 0%,#1a202c99 100%);position:absolute;inset:0}.hero-content{z-index:10;color:#fff;max-width:800px;position:relative}.hero h1{color:#fff;margin-bottom:var(--space-6)}.hero-subtitle{margin-bottom:var(--space-8);color:#e2e8f0;max-width:600px;font-size:1.25rem}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-link{align-items:center;gap:var(--space-2);color:var(--primary-color);font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.btn-link:hover{gap:var(--space-3);color:var(--primary-dark)}@media (width<=768px){.hero{min-height:60vh}}:root{--primary-color:#d75e26;--primary-light:#fc8200;--primary-dark:#b84c1b;--secondary-color:#1a202c;--text-main:#2d3748;--text-muted:#718096;--bg-main:#fff;--bg-subtle:#f7fafc;--bg-dark:#1a202c;--border-color:#e2e8f0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--secondary-color);margin-bottom:var(--space-4);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-4)}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-16) 0}.section-bg{background-color:var(--bg-subtle)}.grid{gap:var(--space-8);display:grid}.grid-2,.grid-3{grid-template-columns:1fr}@media (width>=768px){h1{font-size:3.5rem}h2{font-size:2.5rem}.section{padding:var(--space-24) 0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--secondary-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:var(--bg-subtle);color:var(--primary-color);border-color:var(--primary-color)}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);background:#fff;transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.card-title{margin-bottom:var(--space-2)}.text-center{text-align:center}.badge{color:#c05621;background-color:#feebc8;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}