:root{--primary: #a71e63;--primary-rgb: 167, 30, 99;--logo-blue: #009fe3;--accent: #ff7a59;--bg: #ffffff;--panel: #ffffff;--text: #1b2230;--muted: #6b7280;--success: #34d399}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden;width:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden;width:100%;position:relative}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}main{flex:1}.container{width:100%;max-width:1040px;margin:0 auto;padding:16px}header{background:#fff;position:sticky;top:0;z-index:200;border-bottom:3px solid var(--logo-blue);box-shadow:0 4px 12px #00000014;padding:12px 0!important}footer{background:#a71e63;color:#fff;margin-top:auto}a{color:var(--primary)}.desktop-nav{display:flex;gap:8px;align-items:center}.desktop-nav a{color:var(--primary);text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;transition:all .2s ease}.desktop-nav a:hover{background:rgba(var(--primary-rgb),.08)}.desktop-nav a.active{color:#fff;background:var(--primary)}.burger-menu{display:none;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer;padding:8px}.burger-menu span{width:24px;height:3px;background:var(--primary);border-radius:2px;transition:all .3s ease}.mobile-menu{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:var(--panel);border-radius:12px;border:1px solid rgba(0,0,0,.06)}.mobile-menu a{color:var(--primary);text-decoration:none;padding:12px;border-radius:8px;font-weight:600}.mobile-menu a.active{background:rgba(var(--primary-rgb),.12)}.sticky-donate-btn{position:fixed;bottom:24px;right:24px;background:var(--primary);color:#fff;width:64px;height:64px;display:none;align-items:center;justify-content:center;border-radius:50%;font-size:28px;text-decoration:none;box-shadow:0 8px 24px #a71e6366;z-index:100;transition:all .3s ease}.sticky-donate-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 32px #a71e6399;background:#c92378}.category-info-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fffffff2;color:var(--primary);border:0;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.category-info-btn:hover{transform:scale(1.1);background:#fff;box-shadow:0 4px 12px #0000004d}.sponsor-slider{overflow:hidden;padding:24px 0;background:#00000005;border-radius:12px}.sponsor-track{display:flex;gap:32px;animation:sponsor-scroll 40s linear infinite}.sponsor-logo{flex-shrink:0;width:140px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease}.sponsor-logo:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border-color:var(--primary)}.sponsor-logo img{max-width:100%;max-height:100%;object-fit:contain}@keyframes sponsor-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.desktop-nav{display:none!important}.burger-menu,.sticky-donate-btn{display:flex!important}.grid.grid.cols-2,.grid.grid.cols-3,.grid.grid.cols-4,.grid.cols-3{grid-template-columns:1fr!important}header{padding:8px 0!important}.hero,.campaign-fullscreen,.testimonial-fullscreen,.donation-cta-fullscreen{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.row{flex-wrap:wrap}.image-card .title{font-size:32px}.image-card .desc{font-size:20px}.category-info-btn{top:16px;right:16px;width:44px;height:44px;font-size:24px}.panel>section>.row:last-child{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px;box-shadow:0 -4px 12px #0000001a;z-index:50;margin:0!important}.panel>section>.row:last-child .button{flex:1}}.hero{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:url(https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=1600&auto=format&fit=crop) center/cover;overflow:hidden;border-top:3px solid var(--primary);border-bottom:3px solid var(--primary);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a71e63e0,#000000a6)}.hero>div{position:relative;z-index:1;max-width:640px;padding:32px;width:100%}.hero h1{font-size:40px;margin:0 0 8px;color:#fff}.hero p{color:#e8eef6;margin:0 0 16px}.hero .badge{background:#ffffff38;color:#fff}.panel{background:var(--panel);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:16px}.button{background:var(--primary);color:#fff;border:0;padding:12px 16px;border-radius:10px;cursor:pointer;font-weight:600}.button.secondary{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.button.ghost{background:#009fe326;border:1px solid var(--logo-blue);color:var(--logo-blue)}.grid{display:grid;gap:16px}.grid.cols-1{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.image-card{position:relative;border-radius:12px;overflow:hidden;padding:0;border:2px solid var(--primary);cursor:pointer;transition:transform .2s ease}.image-card img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform .3s ease}.image-card .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background:linear-gradient(180deg,#00000040,#0000008c);transition:background .3s ease;text-align:center}.image-card .title{font-weight:800;font-size:24px;text-shadow:0 2px 16px rgba(0,0,0,.6);color:#fff}.image-card .desc{color:#e8eef6;font-size:16px;text-shadow:0 1px 12px rgba(0,0,0,.5);margin-top:6px}.image-card.selected{outline:2px solid var(--primary);outline-offset:0;transform:translateY(-2px)}.image-card.selected .overlay{background:linear-gradient(180deg,#a71e6359 40%,#a71e63a6)}.image-card.selected img{transform:scale(1.05)}.image-card:hover{transform:translateY(-2px)}.image-card:hover .overlay{background:linear-gradient(180deg,#a71e6359 40%,#a71e63a6)}.image-card:hover img{transform:scale(1.05)}.marquee{overflow:hidden;position:relative}.marquee-track{display:flex;gap:12px;animation:marquee 30s linear infinite;will-change:transform}.marquee-item{min-width:360px;padding:16px}.marquee-item:nth-child(odd){background:var(--logo-blue);color:#fff}.marquee-item:nth-child(2n){background:var(--primary);color:#fff}.marquee-item small,.marquee-item>div:first-child{color:#fffc!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(var(--primary-rgb),.16);color:#ffd1e3;font-weight:600}.progress{height:10px;background:#e8eef6;border-radius:8px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:var(--value, 0%);transition:width .4s ease}form .field,.field{display:grid;gap:8px;margin-bottom:16px}label{color:var(--muted);font-size:14px;font-weight:600}input,select,textarea{background:#fff;color:var(--text);border:1px solid #d5dbe3;border-radius:10px;padding:12px 14px;width:100%;font-size:15px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.row{display:flex;gap:12px}.campaign-fullscreen{position:relative;min-height:500px;background-size:cover;background-position:center;background-attachment:fixed;padding:60px 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-bottom:40px;transition:background-image .5s ease}.campaign-fullscreen.hero-campaign{min-height:650px;padding:80px 0;margin-bottom:0}.campaign-fullscreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a71e63bf,#0009)}.campaign-fullscreen .container{position:relative;z-index:1}.campaign-content-box{background:var(--bg);border-radius:16px;padding:32px;max-width:600px;margin:0 auto;border:2px solid var(--primary);box-shadow:0 12px 40px #0000004d}.campaign-content-box .campaign-badge{display:inline-block;background:rgba(var(--primary-rgb),.15);padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;color:var(--primary);margin-bottom:12px}.campaign-content-box h3{margin:0 0 12px;font-size:24px;color:var(--primary)}.campaign-cta{display:block;width:fit-content;margin:0 auto;padding:16px 48px;font-size:18px;font-weight:700;text-align:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #a71e634d}.campaign-cta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #a71e6380;background:#c92378}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.carousel-arrow{background:var(--primary);color:#fff;border:0;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;transition:transform .2s ease}.carousel-arrow:hover{transform:scale(1.1)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--primary);background:transparent;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:var(--primary);transform:scale(1.2)}.carousel-dot:hover{background:rgba(var(--primary-rgb),.5)}.donation-cta-fullscreen{position:relative;min-height:400px;background-size:cover;background-position:center;background-attachment:fixed;padding:80px 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:48px;margin-bottom:48px;display:flex;align-items:center}.donation-cta-fullscreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#009fe3d9,#009fe3a6)}.donation-cta-fullscreen .container{position:relative;z-index:1}.donation-cta-content{text-align:center;max-width:800px;margin:0 auto}.testimonial-fullscreen{position:relative;min-height:500px;background-size:cover;background-position:center;background-attachment:fixed;padding:60px 0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.testimonial-fullscreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.testimonial-fullscreen .container{position:relative;z-index:1}.testimonial-with-image{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;background:var(--bg);border-radius:16px;padding:32px;border:2px solid rgba(var(--primary-rgb),.2);box-shadow:0 8px 32px #00000026}.testimonial-with-image.reverse{grid-template-columns:1fr 300px}.testimonial-with-image.reverse .testimonial-portrait{order:2}.testimonial-portrait{width:300px;height:300px;border-radius:16px;overflow:hidden;border:3px solid var(--primary);box-shadow:0 8px 24px #a71e6333}.testimonial-portrait img{width:100%;height:100%;object-fit:cover;display:block}.testimonial-content p{margin:0}.donate-page{min-height:100vh;transition:background-image .5s ease;position:relative}.donate-page.with-background{background-size:cover;background-position:center;background-attachment:fixed;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;z-index:10}.donate-page.with-background:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#009fe359;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}.donate-page .container{position:relative;z-index:1}.donate-content{padding-top:40px;padding-bottom:40px}@media print{@page{size:A4 portrait;margin:15mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;margin:0!important;padding:0!important}header,footer,nav,.button,button,a[href*=paypal],.no-print{display:none!important}.container{max-width:100%!important;padding:0!important;margin:0!important}.grid.cols-2{display:block!important}.certificate-print{display:block!important;width:160mm!important;min-height:240mm!important;border:5px solid #a71e63!important;padding:50px 40px!important;page-break-inside:avoid;margin:0 auto!important;box-sizing:border-box}.certificate-print img[alt=Logo]{height:70px!important}.certificate-print h3{font-size:28px!important;margin:16px 0 8px!important;color:#a71e63!important}.certificate-print p{font-size:16px!important;line-height:1.7!important;margin:10px 0!important;color:#1b2230!important}.certificate-print strong{font-size:18px!important}.certificate-signatures{display:flex!important;justify-content:space-around!important;margin-top:50px!important;padding-top:30px!important;border-top:1px solid #999!important}.signature-block{text-align:center!important}.signature-image{max-width:140px!important;height:auto!important;margin-bottom:8px!important}.signature-line{width:180px!important;height:1px!important;border-bottom:2px solid #333!important;margin:0 auto 8px!important}.signature-block small{display:block!important;font-size:13px!important;margin-top:4px!important;color:#666!important}}.certificate-signatures{display:flex;justify-content:space-around;margin-top:40px;padding-top:24px;border-top:1px solid #e0e0e0}.signature-block{text-align:center}.signature-image{max-width:150px;height:auto;margin-bottom:8px}.signature-line{width:180px;height:1px;border-bottom:2px solid var(--muted);margin:0 auto 8px}.signature-block small{display:block;margin-top:4px}.summary-grid{display:grid;grid-template-columns:180px 1fr;gap:12px 16px;font-size:15px}.summary-grid strong{color:var(--muted);font-weight:600}.selected-option{background:rgba(var(--primary-rgb),.08)!important}.amount-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;border-radius:8px;background:linear-gradient(to right,rgba(var(--primary-rgb),.2) 0%,var(--primary) 50%,var(--accent) 100%);outline:none;transition:opacity .2s}.amount-slider:hover{opacity:.9}.amount-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #a71e6366;transition:transform .2s ease,box-shadow .2s ease}.amount-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #a71e6399}.amount-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--primary);cursor:pointer;border:0;box-shadow:0 2px 8px #a71e6366;transition:transform .2s ease,box-shadow .2s ease}.amount-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #a71e6399}@media (max-width: 860px){.testimonial-with-image,.testimonial-with-image.reverse{grid-template-columns:1fr}.testimonial-portrait{width:100%;max-width:300px;height:300px;margin:0 auto}.testimonial-with-image.reverse .testimonial-portrait{order:0}.testimonial-fullscreen,.campaign-fullscreen,.donation-cta-fullscreen,.donate-page.with-background{background-attachment:scroll}}.project-card{background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.project-card img{width:100%;height:180px;object-fit:cover;display:block}.project-card-content{padding:16px}.project-card-content h4{margin:0 0 8px;font-size:15px;line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:var(--bg);border-radius:16px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.modal-close{position:absolute;top:12px;right:12px;background:#00000080;color:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:24px;cursor:pointer;z-index:10}.modal-header img{width:100%;height:240px;object-fit:cover;display:block;border-radius:16px 16px 0 0}.modal-body{padding:24px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin-top:16px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 860px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}.hero>div{padding:24px}}