html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}*{box-sizing:border-box}body{color:#102033;background:#f7fbff;margin:0;font-family:Arial,Helvetica,sans-serif}.site{width:100%;min-height:100vh;overflow-x:hidden}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;width:100%;height:86px;padding:0 60px;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #00000014}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:58px;height:58px}.brand h2{color:#0b72b9;margin:0;font-size:20px}.brand p{color:#10a37f;margin:3px 0 0;font-size:13px;font-weight:700}nav{gap:28px;display:flex}nav a{color:#102033;font-weight:700;text-decoration:none}button{cursor:pointer;border:none;font-weight:800}.nav-actions{align-items:center;gap:12px;display:flex}.search-btn{color:#0b72b9;background:#fff;border:1px solid #dbeafe;border-radius:14px;width:48px;height:48px;font-size:28px}.donor-btn{color:#10a37f;background:#fff;border:2px solid #10a37f;border-radius:14px;height:48px;padding:0 20px;font-weight:800}.main-btn{color:#fff;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:999px;padding:15px 25px}.outline-btn{color:#0b72b9;background:#fff;border-radius:999px;padding:15px 25px}.hero{background:linear-gradient(135deg,#e8f7ff,#f4fffb);grid-template-columns:1fr 1fr;align-items:center;gap:45px;width:100%;min-height:calc(100vh - 86px);padding:55px 60px;display:grid}.hero-left{max-width:650px}.label{color:#f59e0b;text-transform:uppercase;letter-spacing:1.5px;font-weight:900}.hero h1{color:#102033;margin:18px 0;font-size:56px;line-height:1.08}.hero-left p{color:#334155;font-size:19px;line-height:1.7}.hero-buttons{gap:16px;margin-top:28px;display:flex}.hero-right{border-radius:30px;width:100%;height:430px;overflow:hidden;box-shadow:0 25px 70px #0000002e}.hero-right img{object-fit:cover;width:100%;height:100%}.support-box{background:#fff;border-radius:28px;grid-column:1/3;grid-template-columns:1.1fr 1.8fr 1fr;align-items:center;gap:25px;padding:28px;display:grid;box-shadow:0 20px 60px #0000001a}.support-box h3{margin:0;font-size:24px}.support-box p{color:#64748b;margin:8px 0 0}.support-donation h4{color:#0b72b9;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px}.amount-buttons{gap:10px;display:flex}.amount-buttons button{color:#102033;background:#fff;border:1px solid #dbeafe;border-radius:14px;width:76px;height:54px}.amount-buttons .active{color:#fff;background:#0b72b9}.support-donation p{color:#10a37f;margin-top:15px;font-weight:700}.support-btn{color:#fff;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:18px;padding:18px}.stats{background:#fff;border-radius:28px;grid-template-columns:repeat(4,1fr);width:calc(100% - 120px);margin:55px auto;padding:30px;display:grid;box-shadow:0 18px 50px #00000014}.stats div{text-align:center;border-right:1px solid #e5e7eb}.stats div:last-child{border-right:none}.stats h3{color:#0b72b9;margin:0;font-size:34px}.stats p{color:#64748b;margin:8px 0 0}.missions{text-align:center;padding:40px 60px 90px}.center{display:block}.missions h2{margin:15px 0;font-size:42px}.section-text{color:#64748b;max-width:700px;margin:0 auto 45px;font-size:18px;line-height:1.6}.cards{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.cards article{text-align:left;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px #00000014}.cards img{object-fit:cover;width:100%;height:190px}.cards h3{color:#0b72b9;margin:22px 22px 8px}.cards p{color:#64748b;margin:0 22px 25px;line-height:1.5}.don-frequency{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.don-frequency button{color:#102033;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:15px}.don-frequency .active{color:#10a37f;background:#f0fff8;border:2px solid #10a37f}.free-amount{background:#fff;border:1px solid #dbeafe;border-radius:14px;align-items:center;margin-top:14px;padding:0 16px;display:flex}.free-amount input{color:#102033;border:none;outline:none;width:100%;height:52px;font-weight:700}.free-amount span{color:#0b72b9;font-weight:900}.support-donation strong,.blue-word{color:#0b72b9}.support-box>div:first-child{background:linear-gradient(135deg,#e8f7ff,#f0fff8);border-left:6px solid #0b72b9;border-radius:22px;padding:24px}.support-box>div:first-child h3{color:#0b3d78;font-size:27px;line-height:1.2}.support-box>div:first-child p{color:#0f766e;font-size:16px;font-weight:700;line-height:1.6}.needs{text-align:center;background:#eef8ff;padding:70px 60px}.needs h2{font-size:42px}.needs-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.needs-grid div{background:#fff;border-radius:24px;padding:30px;font-size:32px;box-shadow:0 15px 45px #00000014}.needs-grid h3{color:#0b72b9;font-size:22px}.needs-grid p{color:#64748b;font-size:16px}.next-mission{color:#fff;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:30px;grid-template-columns:220px 1fr;align-items:center;gap:35px;margin:70px 60px;padding:45px;display:grid}.mission-date{color:#0b72b9;text-align:center;background:#fff;border-radius:24px;padding:25px}.mission-date strong{color:#f59e0b;font-size:70px;display:block}.mission-info h2{margin:12px 0;font-size:38px}.mission-info p{font-size:18px;line-height:1.6}.official{background:#fff;border-radius:30px;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin:70px 60px;padding:45px;display:grid;box-shadow:0 18px 50px #00000014}.official h2{color:#102033;font-size:38px}.official p{color:#64748b;font-size:18px;line-height:1.6}.official-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:24px;padding:35px}.official-badge h3{margin:0 0 10px;font-size:28px}.partner{background:linear-gradient(135deg,#fff7ed,#f0fff8);border-radius:30px;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin:70px 60px;padding:45px;display:grid}.partner h2{color:#102033;font-size:38px}.partner p{color:#64748b;font-size:18px;line-height:1.6}.partner-card{color:#fff;text-align:center;background:#0b3d78;border-radius:24px;padding:40px}.partner-card h3{margin:0 0 10px;font-size:32px}.contact-page{background:#f7fbff;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#0b72b9,#10a37f);justify-content:center;align-items:center;height:220px;display:flex}.contact-hero h1{color:#fff;font-size:54px}.contact-content{background:#fff;border-radius:24px;width:80%;margin:-50px auto 80px;padding:50px;box-shadow:0 20px 60px #0000001a}.contact-search h2{color:#102033;font-size:30px}.search-large{gap:15px;margin:20px 0 10px;display:flex}.search-large input{border:1px solid #dbeafe;border-radius:8px;flex:1;padding:18px}.search-large button{color:#fff;background:#0b72b9;border-radius:8px;padding:0 28px}.contact-layout{grid-template-columns:1fr 1.5fr;gap:45px;margin-top:50px;display:grid}.contact-categories{border-right:1px solid #e5e7eb;padding-right:30px}.contact-categories h4{text-transform:uppercase;color:#64748b}.contact-categories p{color:#102033;font-weight:700}.contact-form h2{border-left:5px solid #0b72b9;padding-left:15px}.contact-form input,.contact-form textarea{border:1px solid #dbeafe;border-radius:8px;width:100%;margin-bottom:14px;padding:16px}.contact-form textarea{height:140px}.faq-item button{color:#102033;text-align:left;background:0 0;width:100%;padding:12px 0;font-size:16px;font-weight:800}.faq-item p{color:#475569;background:#eef8ff;border-radius:12px;margin:0 0 8px;padding:14px;line-height:1.5}.footer{color:#102033;background:#f7fbff;border-top:1px solid #e5e7eb;padding:0 60px 35px}.footer-top{background:#eef8ff;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;padding:35px 45px;display:flex}.footer-top h2{color:#0b3d78;margin:0;font-size:30px}.footer-contact-box{align-items:center;gap:20px;display:flex}.footer-contact-box p{color:#475569;margin:0}.footer-contact-box button{color:#fff;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:999px;padding:16px 26px}.footer-links{border-bottom:1px solid #dbeafe;grid-template-columns:repeat(3,1fr);gap:45px;padding:45px 0;display:grid}.footer-links h3{color:#0b3d78;margin-bottom:18px}.footer-links p{color:#475569;margin:12px 0}.footer-bottom{color:#64748b;justify-content:space-between;padding-top:25px;font-size:14px;display:flex}.footer-socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:25px 0;display:flex}.footer-socials a{color:#0b3d78;align-items:center;gap:10px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.footer-socials a:hover{color:#10a37f}.footer-socials svg{font-size:24px}.about{background:#fff;border-radius:30px;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin:70px 60px;padding:45px;display:grid;box-shadow:0 18px 50px #00000014}.about h2{color:#102033;font-size:38px}.about p{color:#64748b;font-size:18px;line-height:1.6}.about-points{gap:18px;display:grid}.about-points div{color:#0b3d78;background:#eef8ff;border-radius:18px;padding:22px;font-weight:800}.about-page{background:#f7fbff;min-height:100vh}.about-hero-page{color:#fff;text-align:center;background:linear-gradient(135deg,#0b72b9,#10a37f);place-items:center;min-height:260px;padding:60px;display:grid}.about-hero-page h1{margin:0;font-size:54px}.about-hero-page p{font-size:20px}.about-page-content{background:#fff;border-radius:28px;width:82%;margin:-45px auto 80px;padding:50px;box-shadow:0 20px 60px #0000001a}.about-page-content h2{color:#102033;font-size:40px}.about-page-content p{color:#64748b;font-size:18px;line-height:1.7}.about-values{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;display:grid}.about-values div{background:#eef8ff;border-left:5px solid #0b72b9;border-radius:22px;padding:28px}.about-values h3{color:#0b72b9;font-size:25px}.actions-page{background:#f7fbff;min-height:100vh}.actions-hero-page{color:#fff;text-align:center;background:linear-gradient(135deg,#0b72b9,#10a37f);place-items:center;min-height:260px;padding:60px;display:grid}.actions-hero-page h1{margin:0;font-size:54px}.actions-hero-page p{max-width:760px;font-size:20px}.actions-page-content{background:#fff;border-radius:28px;width:82%;margin:-45px auto 80px;padding:50px;box-shadow:0 20px 60px #0000001a}.actions-page-content h2{color:#102033;font-size:40px}.actions-details-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin:35px 0;display:grid}.actions-details-grid div{background:#eef8ff;border-left:5px solid #0b72b9;border-radius:22px;padding:30px}.actions-details-grid h3{color:#0b72b9;font-size:25px}.actions-details-grid p{color:#64748b;font-size:17px;line-height:1.6}.help-page{background:#f7fbff;min-height:100vh}.help-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0b72b9,#10a37f);place-items:center;min-height:260px;padding:60px;display:grid}.help-hero h1{margin:0;font-size:54px}.help-hero p{font-size:20px}.help-content{background:#fff;border-radius:28px;width:82%;margin:-45px auto 80px;padding:50px;box-shadow:0 20px 60px #0000001a}.help-intro h2{color:#102033;font-size:40px}.help-intro p{color:#64748b;font-size:18px;line-height:1.7}.help-donation-box{background:#eef8ff;border-radius:26px;margin:40px 0;padding:35px}.help-donation-box h3{color:#0b3d78}.payment-card{background:#fff;border-left:6px solid #10a37f;border-radius:20px;margin:25px 0;padding:25px}.payment-card strong{color:#0b72b9;font-size:32px}.help-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin:40px 0;display:grid}.help-grid div{background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:25px;box-shadow:0 12px 35px #0000000f}.help-grid h3{color:#0b72b9}.help-grid p{color:#64748b;line-height:1.5}.help-mission-box{background:linear-gradient(135deg,#fff7ed,#eef8ff);border-radius:26px;justify-content:space-between;align-items:center;gap:25px;margin:45px 0;padding:35px;display:flex}.help-mission-box h2{color:#102033;font-size:32px}.help-mission-box p{color:#64748b;font-size:17px}.donor-page{background-color:#0000;background-image:linear-gradient(#ffffff8c,#fffc),url(/assets/hero-CzYo9xcb.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:90px 60px 40px}.donor-login-box{background:#fff;border-radius:22px;width:70%;margin:0 auto;padding:45px;box-shadow:0 20px 60px #00000029}.donor-login-box h1{color:#0b72b9;text-transform:uppercase;font-size:30px}.donor-login-box p{color:#475569;line-height:1.6}.donor-login-box input{border:1px solid #dbeafe;border-radius:8px;width:100%;margin-top:14px;padding:17px}.donor-login-box a{color:#0b72b9;margin:12px 0 25px;font-weight:700;text-decoration:none;display:block}.donor-login-btn,.first-login button{color:#fff;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:10px;margin:0 auto;padding:16px 30px;display:block}.first-login{text-align:center;margin-top:35px}.first-login h3{color:#102033;margin-bottom:5px}.donor-footer{background:#ffffffe6;border-radius:22px;justify-content:space-between;gap:30px;margin-top:45px;padding:30px 45px;display:flex}.donor-socials{color:#0b72b9;gap:18px;font-size:34px;display:flex}.donor-dashboard{background:#fff;border-radius:22px;width:75%;margin:0 auto;padding:45px;box-shadow:0 20px 60px #00000029}.donor-dashboard h1{color:#0b72b9}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0;display:grid}.dashboard-grid div{background:#eef8ff;border-radius:18px;padding:25px}.dashboard-grid h3{color:#0b3d78}.search-panel{z-index:200;background:#fff;border-radius:18px;gap:10px;padding:18px;display:flex;position:fixed;top:92px;right:60px;box-shadow:0 18px 50px #00000026}.search-panel input{border:1px solid #dbeafe;border-radius:10px;width:320px;padding:14px}.search-panel button{color:#fff;background:#0b72b9;border-radius:10px;padding:14px 20px}.footer-links button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;margin:10px 0;padding:0;font-family:inherit;font-size:15px;font-weight:400;display:block}.footer-links button:hover{color:#0b72b9;font-weight:500;text-decoration:underline}button,.cards article,.needs-grid div,.stats,.support-box,.help-donation-box,.contact-content,.about-page-content,.actions-page-content,.official,.partner,.footer-top{transition:transform .25s,box-shadow .25s}.cards article:hover,.needs-grid div:hover,.support-box:hover,.help-donation-box:hover,.contact-content:hover,.about-page-content:hover,.actions-page-content:hover,.official:hover,.partner:hover,.footer-top:hover{transform:translateY(-6px);box-shadow:0 22px 60px #0b72b92e}button:active{transform:scale(.96)}nav a{transition:color .3s}nav a:hover{color:#0b72b9;text-decoration:underline}.cards article{cursor:pointer}.category-page{background:linear-gradient(135deg,#eef8ff,#f4fffb);min-height:100vh;padding:120px 60px}.category-content{background:#fff;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1150px;margin:auto;padding:45px;display:grid;box-shadow:0 20px 60px #0000001a}.category-content h1{color:#102033;font-size:46px}.category-content p{color:#475569;font-size:18px;line-height:1.7}.category-content img{object-fit:cover;border-radius:25px;width:100%;height:420px}.site main,.site section,.footer{animation:.55s both pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.navbar{flex-direction:column;gap:16px;height:auto;padding:18px}nav{flex-wrap:wrap;justify-content:center;gap:16px}.nav-actions{flex-wrap:wrap;justify-content:center}.hero,.support-box,.category-content,.about-page-content,.actions-details-grid,.help-grid,.contact-layout,.footer-links{grid-template-columns:1fr}.hero h1,.help-hero h1,.actions-hero-page h1,.about-hero-page h1{font-size:38px}.cards{grid-template-columns:1fr}}.donor-socials a{color:#0b72b9;transition:transform .25s,color .25s}.donor-socials a:hover{color:#10a37f;transform:scale(1.15)}.legal-page{background:#f7fbff;min-height:100vh;padding:120px 60px}.legal-page h1{color:#0b72b9;font-size:46px}.legal-page p{color:#475569;font-size:18px;line-height:1.7}.footer-bottom button{color:#64748b;cursor:pointer;font:inherit;background:0 0;border:none;margin-right:12px}.footer-bottom button:hover{color:#0b72b9;text-decoration:underline}.news-page{background:#f7fbff;min-height:100vh;padding:120px 60px}.news-page h1{color:#0b72b9;font-size:50px}.news-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;display:grid}.news-grid article{cursor:pointer;background:#fff;border-radius:24px;padding:30px;transition:transform .25s,box-shadow .25s;box-shadow:0 15px 45px #00000014}.news-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 60px #0b72b92e}button,a,.cards article,.needs-grid div,.news-grid article,.dashboard-grid div,.help-grid div{transition:all .3s}button:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 14px 35px #0b72b940}.cards article:hover,.needs-grid div:hover,.news-grid article:hover,.dashboard-grid div:hover,.help-grid div:hover{transform:translateY(-8px);box-shadow:0 22px 60px #0b72b92e}.cards article:hover img{transform:scale(1.08)}.cards img{transition:transform .4s}.hero{position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);background:#0b72b92e;border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;left:-120px}.hero:after{content:"";filter:blur(12px);background:#10a37f2e;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-150px;right:-150px}.hero-left,.hero-right,.support-box{z-index:2;position:relative}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0b72b914}.brand{cursor:pointer}nav a{position:relative}nav a:after{content:"";background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:999px;width:0%;height:3px;transition:width .3s;position:absolute;bottom:-8px;left:0}nav a:hover:after{width:100%}.label{color:#f59e0b;background:#f59e0b1f;border-radius:999px;padding:8px 14px;font-size:13px;display:inline-block}.missions h2,.needs h2,.partner h2,.official h2,.help-intro h2,.actions-page-content h2,.about-page-content h2{position:relative}.missions h2:after,.needs h2:after,.partner h2:after,.official h2:after,.help-intro h2:after,.actions-page-content h2:after,.about-page-content h2:after{content:"";background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:999px;width:90px;height:5px;margin-top:14px;display:block}.center+h2:after{margin-left:auto;margin-right:auto}.hero-right,.cards article,.news-grid article,.needs-grid div,.help-grid div{overflow:hidden}.hero-right img,.cards img{transition:transform .45s,filter .45s}.hero-right:hover img,.cards article:hover img{filter:brightness(1.05)contrast(1.05);transform:scale(1.06)}.stats div{padding:10px;position:relative}.stats h3{background:linear-gradient(135deg,#0b72b9,#10a37f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stats div:hover h3{transform:scale(1.08)}.stats h3{transition:transform .3s}button{position:relative;overflow:hidden}button:before{content:"";background:#ffffff40;width:100%;height:100%;transition:left .45s;position:absolute;top:0;left:-120%;transform:skew(-25deg)}button:hover:before{left:120%}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 20%,#0b72b914,#0000 25%),radial-gradient(circle at 80% 30%,#10a37f14,#0000 25%),radial-gradient(circle at 50% 80%,#f59e0b12,#0000 25%);position:fixed;inset:0}.cards article,.needs-grid div,.stats,.support-box,.help-donation-box,.official,.partner,.contact-content,.about-page-content,.actions-page-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0b72b914}.cards article,.needs-grid div,.help-grid div,.news-grid article{background:#ffffffeb}input,textarea{transition:border-color .25s,box-shadow .25s,transform .25s}input:focus,textarea:focus{transform:translateY(-2px);box-shadow:0 0 0 4px #0b72b91f;border-color:#0b72b9!important}input::placeholder,textarea::placeholder{color:#94a3b8}.cards article,.needs-grid div,.help-grid div,.news-grid article,.dashboard-grid div{animation:.7s both cardAppear}.cards article:first-child,.needs-grid div:first-child,.help-grid div:first-child{animation-delay:50ms}.cards article:nth-child(2),.needs-grid div:nth-child(2),.help-grid div:nth-child(2){animation-delay:.12s}.cards article:nth-child(3),.needs-grid div:nth-child(3),.help-grid div:nth-child(3){animation-delay:.19s}.cards article:nth-child(4),.needs-grid div:nth-child(4),.help-grid div:nth-child(4){animation-delay:.26s}@keyframes cardAppear{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.help-page,.actions-page,.about-page,.contact-page,.news-page,.legal-page,.donor-page{background:radial-gradient(circle at 0 0,#0b72b91f,#0000 28%),radial-gradient(circle at 100% 100%,#10a37f1f,#0000 30%),#f7fbff}.scroll-progress{z-index:9999;background:linear-gradient(135deg,#0b72b9,#10a37f);height:4px;position:fixed;top:0;left:0}.back-to-top{color:#fff;z-index:999;background:linear-gradient(135deg,#0b72b9,#10a37f);border-radius:50%;width:52px;height:52px;font-size:24px;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 40px #0b72b94d}.back-to-top:hover{transform:translateY(-5px)scale(1.08)}