:root{--bg-primary:#effbfc;--bg-secondary:#286c83;--text-dark:#000;--text-primary:#244655;--text-secondary:#265364;--text-light:#fafafa;--text-white:#fff;--font-logo:"Amarante", serif;--font-main:"Open Sans", sans-serif;--border-radius-lg:35px;--border-radius-md:20px;--border-radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-dark);overflow-x:hidden}.container{max-width:1380px;margin:0 auto;padding:0 30px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:10px}.gap-md{gap:20px}.gap-lg{gap:40px}.gap-xl{gap:79px}section{margin-bottom:80px}.section-title{color:var(--text-primary);text-align:center;margin-bottom:40px;font-size:80px;font-weight:700;line-height:1.2}@media (width<=1024px){.section-title{font-size:60px}}@media (width<=768px){.section-title{font-size:40px}.container{padding:0 15px}section{margin-bottom:40px}}.navbar{justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px;display:flex}.navbar-logo{font-family:var(--font-logo);color:var(--text-dark);font-size:50px}.navbar-links{align-items:center;gap:60px;display:flex}.nav-link{color:var(--text-dark);font-size:20px;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--bg-secondary)}.navbar-login{background:var(--bg-secondary);color:var(--text-light);cursor:pointer;border:none;border-radius:100px;padding:10px 40px;font-size:18px;font-weight:600;transition:opacity .3s,transform .3s}.navbar-login:hover{opacity:.9;transform:scale(1.05)}@media (width<=1024px){.navbar-links{display:none}}.hero-banner{border-radius:var(--border-radius-lg,16px);width:100%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.hero-image{width:100%;height:auto;display:block}.about-section{padding-top:80px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-logo-container{justify-content:center;align-items:center;display:flex}.about-logo-image{object-fit:contain;width:100%;max-width:450px;height:auto}.about-text-container{flex-direction:column;gap:15px;display:flex}.about-title{color:var(--text-secondary);font-size:50px;font-weight:700}.about-subtitle{color:var(--text-secondary);font-size:30px;font-weight:700}.about-description{color:var(--text-secondary);font-size:24px;font-weight:600;line-height:1.6}@media (width<=1024px){.about-grid{text-align:center;grid-template-columns:1fr}}.impact-section{padding-top:40px}.impact-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.impact-left{flex-direction:column;gap:60px;display:flex}.impact-bars{flex-direction:column;gap:10px;display:flex}.bar{background:var(--bg-secondary);border-radius:4px;height:30px}.bar-1{width:70%;height:40px}.bar-2{width:100%;height:40px}.bar-3{width:90%}.bar-4{width:100%}.bar-5{width:40%}.impact-icons{gap:80px;padding-left:50px;display:flex}.icon-group{flex-direction:column;align-items:center;gap:10px;display:flex}.icon-circle{background:var(--bg-secondary);border-radius:50%;width:60px;height:60px}.icon-base{background:var(--bg-secondary);border-radius:4px;width:50px;height:20px}.icon-line{background:var(--bg-secondary);border-radius:4px;width:80px;height:15px}.impact-right{flex-direction:column;gap:20px;display:flex}.stat-card{background:var(--bg-secondary);border-radius:20px;align-items:center;gap:20px;padding:20px;display:flex}.stat-square{background:var(--bg-primary);border-radius:25px;width:120px;height:120px}.stat-lines{flex-direction:column;flex-grow:1;gap:20px;display:flex}.stat-line-short{background:var(--bg-primary);border-radius:4px;width:100px;height:20px}.stat-line-long{background:var(--bg-primary);border-radius:4px;width:100%;max-width:280px;height:60px}@media (width<=1024px){.impact-grid{grid-template-columns:1fr}}.vm-section{padding-top:40px}.vm-grid{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px;display:grid}.vm-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);height:462px;box-shadow:0 10px 20px #0000000d}.vm-bars{flex-direction:column;gap:20px;display:flex}.vm-bar{background:var(--bg-secondary);border-radius:4px;width:100%;height:30px}@media (width<=768px){.vm-grid{grid-template-columns:1fr}.vm-card{height:300px}}.projects-section{padding-top:40px}.projects-container{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:40px;position:relative}.projects-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.projects-subtitle{color:var(--text-white);font-size:50px;font-weight:700;line-height:1.2}.projects-description{color:var(--text-white);font-size:30px;font-weight:600}.projects-header-bars{flex-direction:column;align-items:flex-end;gap:10px;margin-top:20px;display:flex}.ph-bar-long{background:var(--bg-primary);border-radius:4px;width:400px;height:30px}.ph-bar-short{background:var(--bg-primary);border-radius:4px;width:200px;height:30px}.projects-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;display:grid}.project-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);height:420px;transition:transform .3s}.project-card:hover{transform:translateY(-10px)}.btn-view-more{background:var(--text-white);color:var(--text-dark);cursor:pointer;border:none;border-radius:100px;padding:10px 30px;font-size:18px;font-weight:600;transition:background .3s,color .3s}.btn-view-more:hover{background:#e0e0e0}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-subtitle{font-size:40px}.ph-bar-long{width:250px}.ph-bar-short{width:120px}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;gap:20px}.projects-header-bars{align-items:flex-start}}.faq-section{padding-top:40px}.faq-list{flex-direction:column;gap:30px;display:flex}.faq-item{background:var(--bg-secondary);border-radius:var(--border-radius-lg);cursor:pointer;width:100%;height:100px;transition:transform .2s,background .3s}.faq-item:hover{background:#245a6d;transform:scale(1.01)}.footer-section{background:var(--bg-secondary);width:100%;height:180px;margin-top:80px}.footer-content{justify-content:center;align-items:center;height:100%;display:flex}.take-action-page{background:#effbfc;flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:40px 0;display:flex}.action-card{background-color:#0000;gap:32px;width:100%;max-width:1000px;display:flex}.action-card-left{background-color:#38748c;border-radius:12px;flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:24px;display:flex}.action-card-image-placeholder{aspect-ratio:1;background-color:#effbfc;border-radius:8px;width:100%}.action-btn{color:#38748c;cursor:pointer;text-align:center;background-color:#fff;border:none;border-radius:20px;padding:10px 0;font-weight:600;transition:all .3s}.action-btn:hover{background-color:#f0f0f0}.action-card-right{flex-direction:column;flex-grow:1;gap:12px;display:flex}.action-card-right h2{color:#2f6174;margin:0;font-size:24px}.action-card-right h3{color:#2f6174;text-transform:uppercase;margin:0;font-size:16px}.action-card-right p{color:#4a4a4a;margin:0 0 12px;font-size:14px;line-height:1.6}.auth-page{background-color:#0a3c52;background-image:url(/assets/bg-882iCt1K.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.auth-container{z-index:10;background-color:#effbfc;border-radius:20px;flex-direction:column;width:100%;max-width:480px;padding:40px;display:flex;position:relative;box-shadow:0 10px 30px #0003}.auth-logo-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-img{object-fit:contain;width:120px;height:auto;margin-bottom:16px}.auth-title{color:#2f6174;margin:0 0 8px;font-size:28px;font-weight:700}.auth-subtitle{color:#555;margin:0 0 24px;font-size:14px}.role-selector{gap:16px;margin-bottom:24px;display:flex}.role-btn{color:#38748c;cursor:pointer;background:0 0;border:1px solid #38748c;border-radius:20px;flex:1;padding:10px;font-weight:600;transition:all .3s}.role-btn.active{color:#fff;background-color:#38748c}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#38748c;margin-bottom:8px;font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#888;position:absolute;left:12px}.auth-input{border:1px solid #ccc;border-radius:20px;outline:none;width:100%;padding:12px 12px 12px 40px;font-size:14px}.auth-input:focus{border-color:#38748c}.submit-btn{color:#fff;cursor:pointer;background-color:#38748c;border:none;border-radius:20px;margin-top:16px;padding:12px;font-size:16px;font-weight:600;transition:background-color .3s}.submit-btn:hover{background-color:#2f6174}.auth-divider{text-align:center;color:#aaa;align-items:center;margin:20px 0 12px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ccc;flex:1}.auth-divider:before{margin-right:10px}.auth-divider:after{margin-left:10px}.auth-redirect{text-align:center;color:#555;margin:0;font-size:14px}.auth-link{color:#38748c;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.welcome-content{text-align:center;color:#fff;z-index:10}.welcome-title{text-shadow:2px 2px 4px #00000080;margin:0 0 10px;font-size:48px;font-weight:700}.welcome-subtitle{margin:0 0 40px;font-size:18px}.welcome-buttons{justify-content:center;gap:20px;display:flex}.welcome-btn{color:#38748c;cursor:pointer;background-color:#fff;border:none;border-radius:24px;padding:12px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s}.welcome-btn:hover{transform:scale(1.05)}