@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#14b8a6;--color-secondary-hover:#0d9488;--color-accent:#16a34a;--color-accent-hover:#15803d;--color-bg:#fafafa;--color-text:#1a1f2e;--color-text-muted:#64748b;--color-card:#fff;--color-border:#e5e7eb;--color-overlay:#00000080;--radius:.65rem;--radius-sm:.375rem;--radius-lg:1rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--header-height:4rem;--container-max:1200px;--container-padding:var(--space-4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}img,picture,video,svg{max-width:100%;height:auto;display:block}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed);color:var(--color-text-muted)}@media (width>=640px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.skip-link{top:-100%;left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius);z-index:10000;font-weight:var(--font-weight-semibold);position:absolute}.skip-link:focus{top:var(--space-4);color:#fff}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--header-height);transition:box-shadow var(--transition-base);background-color:#ffffffeb;position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header-logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.header-logo img{width:auto;height:2.5rem}.header-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em}.header-logo-text span{color:var(--color-primary)}.nav-desktop{display:none}.nav-desktop ul{align-items:center;gap:var(--space-1);display:flex}.nav-desktop a{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);display:block}.nav-desktop a:hover,.nav-desktop a.active{color:var(--color-primary);background-color:var(--color-primary-light)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.donate-btn{display:none}.hamburger-btn{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;transition:background-color var(--transition-fast);z-index:1001;justify-content:center;align-items:center;display:flex;position:relative}.hamburger-btn:hover{background-color:var(--color-primary-light)}.hamburger-icon{flex-direction:column;justify-content:center;gap:4px;width:1.25rem;height:1.25rem;display:flex}.hamburger-icon span{background-color:var(--color-text);width:100%;height:2px;transition:transform var(--transition-base), opacity var(--transition-fast);transform-origin:50%;border-radius:1px;display:block}.hamburger-btn[aria-expanded=true] .hamburger-icon span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-icon span:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] .hamburger-icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-mobile-overlay{background-color:var(--color-overlay);z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);position:fixed;inset:0}.nav-mobile-overlay.open{opacity:1;visibility:visible}.nav-mobile{background-color:var(--color-card);z-index:1000;width:min(85vw,380px);height:100dvh;transition:transform var(--transition-slow);overscroll-behavior:contain;padding:var(--space-7) var(--space-5) var(--space-5);box-shadow:var(--shadow-xl);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-mobile.open{transform:translate(0)}.nav-mobile ul{gap:var(--space-1);flex-direction:column;display:flex}.nav-mobile a{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);border-radius:var(--radius);transition:all var(--transition-fast);display:block}.nav-mobile a:hover,.nav-mobile a.active{color:var(--color-primary);background-color:var(--color-primary-light)}.nav-mobile .mobile-donate-btn{margin-top:var(--space-4);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);display:flex}@media (width>=1024px){.nav-desktop{display:flex}.hamburger-btn{display:none}.nav-mobile,.nav-mobile-overlay{display:none!important}.donate-btn{display:inline-flex}}main{flex:1}.site-footer{background-color:var(--color-text);color:#e2e8f0;padding-top:var(--space-8);margin-top:auto}.footer-grid{gap:var(--space-6);display:grid}.footer-brand{max-width:380px}.footer-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none;display:flex}.footer-logo img{filter:brightness(0)invert();width:auto;height:2rem}.footer-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em}.footer-logo-text span{color:var(--color-secondary)}.footer-tagline{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:#94a3b8;margin-bottom:var(--space-5)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a{font-size:var(--font-size-sm);color:#94a3b8;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-secondary)}.footer-contact-list{gap:var(--space-3);flex-direction:column;display:flex}.footer-contact-item{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:#94a3b8;display:flex}.footer-contact-item svg{width:1rem;height:1rem;color:var(--color-secondary);flex-shrink:0;margin-top:.15rem}.footer-contact-item a{color:#94a3b8}.footer-contact-item a:hover{color:var(--color-secondary)}.newsletter-form{gap:var(--space-2);margin-top:var(--space-2);display:flex}.newsletter-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:#fff;font-size:var(--font-size-sm);transition:border-color var(--transition-fast), background-color var(--transition-fast);background-color:#ffffff14;border:1px solid #ffffff1f;flex:1}.newsletter-input::placeholder{color:#64748b}.newsletter-input:focus{border-color:var(--color-secondary);background-color:#ffffff1f;outline:none}.newsletter-submit{padding:var(--space-2) var(--space-4);background-color:var(--color-secondary);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none}.newsletter-submit:hover{background-color:var(--color-secondary-hover);transform:translateY(-1px)}.footer-bottom{margin-top:var(--space-7);padding:var(--space-5) 0;gap:var(--space-3);text-align:center;border-top:1px solid #ffffff14;flex-direction:column;align-items:center;display:flex}.footer-copyright{font-size:var(--font-size-xs);color:#64748b}.footer-legal{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.footer-legal a{font-size:var(--font-size-xs);color:#64748b;transition:color var(--transition-fast)}.footer-legal a:hover{color:#94a3b8}@media (width>=640px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}@media (width>=1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr}.footer-brand{grid-column:span 1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.menu-open{overflow:hidden}
