@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#2b2b2b;background:#f6f7fb}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul{list-style:none}:root{--primary:#2e3a8c;--secondary:#e85d9a;--tertiary:#2b2b2b;--hope:#2ec4b6;--cream:#f6f7fb;--gray-light:#f4f5f8;--gray:#c1c1c1;--gray-dark:#6b7280;--white:#fff;--container:1320px}.brand-colored{font-weight:700}.brand-colored .brand-rio{color:var(--primary)}.brand-colored .brand-abrace{color:var(--secondary)}.no-break{white-space:nowrap}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section-tag{display:inline-block;background:var(--primary);color:var(--white);font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:6px 16px;border-radius:4px}.section-tag,.section-title{font-weight:600;margin-bottom:16px}.section-title{font-family:Poppins,sans-serif;font-size:40px;line-height:1.2;color:var(--tertiary)}.section-title span{color:var(--primary)}.section-subtitle{font-size:15px;color:var(--gray-dark);line-height:1.7}button,input,select,textarea{font-size:16px!important}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,background .2s}.btn:hover{opacity:.88}.btn-primary{background:var(--secondary);color:var(--white)}.btn-primary:hover{background:#d94a8a}.btn-secondary{border:2px solid var(--primary);color:var(--primary);background:#fff;border-radius:8px}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.card{background:#fff;border-radius:12px;padding:24px}.top-header{background:var(--primary);height:40px;display:flex;align-items:center}.top-header .container{display:flex;align-items:center;justify-content:space-between;width:100%}.top-header-left{display:flex;align-items:center;gap:28px}.top-header-item{display:flex;align-items:center;gap:8px;color:var(--white);font-size:13px;font-weight:500}.top-header-right{display:flex;align-items:center;gap:20px}.social-icons{gap:10px}.social-icons,.social-icons a{display:flex;align-items:center;color:var(--white)}.social-icons a{width:24px;height:24px;justify-content:center;transition:opacity .2s}.social-icons a:hover{opacity:.75}.navbar{background:var(--white);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px rgba(0,0,0,.05);border-bottom:1px solid #eaeaea}.navbar .container{justify-content:space-between;height:100px}.logo,.navbar .container{display:flex;align-items:center}.logo{gap:10px;flex-shrink:0}.logo-icon{width:44px;height:44px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;color:var(--primary)}.logo-text span{color:var(--secondary)}.nav-links{display:flex;align-items:center;gap:36px}.nav-links li{list-style:none}.mobile-logo{display:none}.nav-links a{color:var(--tertiary);font-size:15px;font-weight:500;transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--secondary)}.nav-right{display:flex;align-items:center;gap:20px}.mobile-menu-toggle{display:none;z-index:102;position:relative}.search-icon{width:20px;height:20px;cursor:pointer;color:var(--tertiary);opacity:.8;transition:opacity .2s}.search-icon:hover{opacity:1}.hero{background:var(--white);min-height:860px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(46,58,140,.08) 0,transparent 60%),radial-gradient(circle at 30% 80%,rgba(232,93,154,.04) 0,transparent 50%)}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:60px;gap:60px;padding-top:60px;padding-bottom:80px}.hero-eyebrow{font-size:17px;font-weight:500;color:var(--secondary);margin-bottom:20px}.hero-title{font-family:Poppins,sans-serif;font-weight:800;font-size:62px;line-height:1.15;color:var(--primary);margin-bottom:28px}.title-line{display:block;opacity:0;transform:translateY(20px);animation:fadeUp 1.6s cubic-bezier(.2,.8,.2,1) forwards}.title-line:first-child{animation-delay:.2s}.title-line:nth-child(2){animation-delay:.6s}.title-line:nth-child(3){animation-delay:1s}.title-line:nth-child(4){animation-delay:1.4s}.title-line:nth-child(5){animation-delay:1.8s}.hero-title .highlight{color:var(--secondary)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-desc{font-size:17px;color:var(--gray-dark);line-height:1.7;margin-bottom:36px;max-width:520px}.hero-cta{gap:28px;margin-bottom:40px}.hero-cta,.hero-enrollees{display:flex;align-items:center}.hero-enrollees{gap:12px}.hero-avatars{display:flex}.hero-avatars .avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--white);background:var(--gray);margin-left:-10px;overflow:hidden}.hero-avatars .avatar:first-child{margin-left:0}.hero-avatars .avatar img{width:100%;height:100%;object-fit:cover}.hero-enrollees p{font-size:15px;font-weight:500;color:var(--gray-dark)}.hero-image-wrap{position:relative;display:flex;justify-content:center;align-items:flex-end}.hero-person-img{position:relative;z-index:2;width:100%;max-width:480px;height:520px;background:rgba(0,0,0,.02);border-radius:16px;overflow:hidden}.hero-person-img img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-badge{position:absolute;bottom:40px;left:-20px;background:var(--white);border-radius:10px;padding:18px 20px;box-shadow:0 10px 35px rgba(0,0,0,.1);z-index:3;min-width:168px;text-align:center}.hero-badge-circle{width:80px;height:80px;border-radius:50%;border:6px solid var(--hope);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:15px;font-weight:700;color:var(--hope);line-height:1.3;text-align:center}.hero-badge p{font-size:12px;color:var(--gray-dark);font-weight:500;line-height:1.4}.about-section,.blog-section,.donate-section,.events-section,.services-section,.testimonials-section,.volunteer-section{padding:80px 0}.donate-section,.testimonials-section{background:var(--white)}.about-section .container,.services-section .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.about-images{position:relative}.about-img-main{width:100%;height:480px;background:var(--gray-light);border-radius:16px;overflow:hidden}.about-img-main img{width:100%;height:100%;object-fit:cover}.about-img-secondary{position:absolute;bottom:-30px;right:-30px;width:220px;height:200px;background:var(--gray-light);border-radius:12px;overflow:hidden;border:6px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,.12)}.about-img-secondary img{width:100%;height:100%;object-fit:cover}.about-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(232,93,154,.5);color:#fff}.about-play svg{margin-left:4px}.about-stats{display:flex;gap:32px;margin-top:36px}.about-stat{gap:16px}.about-stat,.about-stat-icon{display:flex;align-items:center}.about-stat-icon{width:56px;height:56px;background:rgba(46,58,140,.9);border-radius:12px;justify-content:center;flex-shrink:0;color:#fff}.about-stat-text h3{font-size:22px;font-weight:700;color:var(--tertiary)}.about-stat-text p{font-size:13px;color:var(--gray-dark)}.about-points{margin:24px 0 32px;display:flex;flex-direction:column;gap:12px}.about-point{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--gray-dark);line-height:1.6}.about-point .check{width:22px;height:22px;background:var(--hope);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#fff}.section-header{text-align:center;margin-bottom:50px}.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.standard-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;height:100%}.standard-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.card-img{width:100%;height:220px;background:var(--gray-light);overflow:hidden;position:relative;flex-shrink:0}.card-img img{width:100%;height:100%;object-fit:cover}.card-tag{position:absolute;top:16px;left:16px;background:var(--hope);color:var(--white);font-size:12px;font-weight:600;padding:5px 12px;border-radius:4px}.card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:var(--gray-dark)}.standard-card h3{font-size:18px;font-weight:600;color:var(--tertiary);margin-bottom:16px;line-height:1.4;font-family:Poppins,sans-serif}.standard-card p{font-size:14px;color:var(--gray-dark);line-height:1.6;margin-bottom:16px}.card-body .btn{margin-top:auto;align-self:flex-start}.progress-bar-wrap{margin-bottom:16px}.progress-bar-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-dark);margin-bottom:6px}.progress-bar-labels span strong{color:var(--primary);font-weight:600}.progress-bar{width:100%;height:6px;background:#e5e5e5;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--hope),#02a07f);border-radius:10px}.donate-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.donate-btn{background:var(--secondary);color:var(--white);font-size:14px;font-weight:500;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s}.donate-btn:hover{background:#d94a8a}.join-section{background:var(--primary);padding:80px 0;position:relative;overflow:hidden}.join-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.08)'/%3E%3C/svg%3E") repeat}.join-section .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.join-title{font-family:Poppins,sans-serif;font-weight:800;font-size:44px;color:var(--white);line-height:1.15;max-width:580px}.join-title span{color:var(--secondary)}.join-cta{flex-shrink:0}.services-map{position:relative;width:100%;height:480px;border-radius:16px;overflow:hidden;background:var(--gray-light)}.services-map img{width:100%;height:100%;object-fit:cover}.services-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}.service-item{display:flex;align-items:flex-start;gap:18px;padding:20px;background:var(--white);border-radius:12px;transition:background .2s;box-shadow:0 2px 10px rgba(0,0,0,.03)}.service-item:hover{background:#fdfdfd;box-shadow:0 4px 15px rgba(0,0,0,.06)}.service-icon{width:52px;height:52px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon svg{color:#fff}.service-text h3{font-size:16px;font-weight:600;color:var(--tertiary);margin-bottom:4px;font-family:Poppins,sans-serif}.service-text p{font-size:13px;color:var(--gray-dark);line-height:1.5}.partners-marquee{width:100%;overflow:hidden;display:flex;padding:20px 0;background:var(--white);position:relative}.partners-marquee:after,.partners-marquee:before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.partners-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.partners-marquee:after{right:0;background:linear-gradient(270deg,#fff,transparent)}.partners-track{display:flex;align-items:center;gap:80px;animation:scrollMarquee 30s linear infinite;width:max-content}.partners-track img{height:75px;width:auto;max-width:200px;object-fit:contain;filter:grayscale(100%) opacity(.7);transition:all .3s ease}.partners-track img:hover{filter:grayscale(0) opacity(1);transform:scale(1.05)}@keyframes scrollMarquee{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 30px))}}footer{background:var(--primary);padding:60px 0 0;color:var(--white)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;grid-gap:48px;gap:48px;padding-bottom:48px}.footer-brand p{font-size:14px;color:#d0d2e8;line-height:1.7;margin:20px 0 24px}.footer-heading{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--white);margin-bottom:20px}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:#d0d2e8;display:flex;align-items:center;gap:10px;transition:color .2s}.footer-links a:hover{color:var(--secondary)}.footer-links a:before{content:"›";color:var(--hope);font-size:18px;line-height:1}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:13px;color:#d0d2e8;line-height:1.55}.footer-contact-icon{width:36px;height:36px;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.footer-social{display:flex;gap:10px;margin-top:20px}.footer-social a{width:36px;height:36px;border:1.5px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;transition:background .2s,border-color .2s}.footer-social a:hover{background:var(--secondary);border-color:var(--secondary)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding:20px 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:13px;color:#d0d2e8}@media (max-width:1024px){.hero-title{font-size:48px}.section-title{font-size:32px}.cards-grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:768px){.top-header{display:none}.navbar .logo img{height:44px!important}.navbar .container{height:80px}.nav-right{gap:8px}.nav-right .btn-primary{font-size:13px;padding:8px 14px;white-space:nowrap}.mobile-menu-toggle{display:block;background:none;border:none;cursor:pointer;color:var(--tertiary);margin-left:4px}.nav-links{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--white);flex-direction:column;justify-content:flex-start;padding:18px 24px 40px;box-shadow:2px 0 20px rgba(0,0,0,.1);z-index:101;transition:left .3s ease;display:flex;gap:15px}.mobile-logo img{height:44px;width:auto}.nav-links.active{left:0}.nav-links li{width:100%;text-align:left}.nav-links .mobile-logo{display:block;margin-bottom:80px;text-align:left}.nav-links a{display:block;width:100%;font-size:20px}body.menu-open .navbar{z-index:101}body.menu-open{overflow:hidden}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.menu-overlay.active{opacity:1;visibility:visible}.nav-links li{margin:0}.hero .container{grid-template-columns:1fr}.hero-image-wrap{display:none}.about-section .container,.cards-grid-3,.cards-grid-4,.services-section .container{grid-template-columns:1fr}.join-section .container{flex-direction:column;text-align:center;gap:24px}.join-title{font-size:32px}.about-img-secondary{right:0;bottom:-20px;width:180px;height:160px}}body,html{overflow-x:hidden;width:100%;touch-action:manipulation}input{font-size:16px}.page-header{background-color:var(--primary);background-size:cover;background-position:50%;position:relative;padding:80px 0;color:#fff;text-align:center}.page-header:before{content:"";position:absolute;inset:0;background:rgba(46,58,140,.75);z-index:1}.page-header .container{position:relative;z-index:2}.page-header h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;margin-bottom:16px}.page-header p{font-size:18px;color:#fff;max-width:600px;margin:0 auto}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease;filter:drop-shadow(2px 5px 10px rgba(0,0,0,.25))}.whatsapp-float:hover{transform:scale(1.1);filter:drop-shadow(2px 5px 15px rgba(0,0,0,.35))}@media (max-width:768px){.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}}