@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#08130e;overflow-x:hidden}.container{font-family:Inter,sans-serif;color:#08130e;margin:0;padding:0;overflow-x:hidden}.nav{background:#efe3c2;padding:24px 0;position:sticky;top:0;z-index:1000}.nav-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 60px}.logo{font-size:36px;font-weight:700;margin:0}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{text-decoration:none;color:#08130e;font-size:18px;display:flex;align-items:center;gap:5px;font-weight:500;transition:color .3s}.nav-link:hover{color:#3e7b27}.login-btn{background:#3e7b27;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;gap:5px;font-weight:600;transition:background .3s;white-space:nowrap}.login-btn:hover{background:#2d5a1e}.hero{background:#efe3c2;padding:80px 60px}.hero-content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-image{display:flex;justify-content:center;position:relative}.hero-img{width:100%;max-width:600px;border-radius:20px;object-fit:cover}.eco-card{background:linear-gradient(180deg,#87ceeb,#98d8c8);border-radius:20px;padding:50px;width:100%;max-width:600px}.eco-title{font-size:56px;color:#4a7c9e;text-align:center;margin-bottom:40px;font-weight:700}.volunteers{display:flex;justify-content:space-around;margin-bottom:30px}.volunteer{font-size:70px}.landscape{margin-top:20px}.grass{height:70px;background:#85a947;border-radius:10px}.hero-text{display:flex;flex-direction:column;gap:25px}.hero-title{font-size:56px;font-weight:400;color:#3e7b27;margin:0;line-height:1.2}.hero-title-bold{font-weight:700;color:#08130e}.hero-description{font-size:18px;line-height:1.7;color:#08130e}.reporting-btn{background:#3e7b27;color:#fff;border:none;padding:18px 45px;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background .3s}.reporting-btn:hover{background:#2d5a1e}.what-we-do{background:#08130e;padding:80px 60px}.section-title{font-size:56px;font-weight:700;text-align:center;color:#efe3c2;margin-bottom:70px;text-decoration:underline}.section-title-dark{font-size:56px;font-weight:700;text-align:center;color:#08130e;margin-bottom:70px;text-decoration:underline}.donations-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.donation-card{background:#efe3c2;border-radius:20px;padding:25px;display:flex;flex-direction:column;gap:18px}.donation-image{height:180px;background:#c4b8a0;border-radius:15px;width:100%;object-fit:cover}.donation-title{font-size:26px;font-weight:700;margin:0}.donation-text{font-size:15px;line-height:1.6;flex:1}.learn-more-btn{background:#efe3c2;color:#08130e;border:2px solid #08130E;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.learn-more-btn:hover{background:#08130e;color:#efe3c2}.key-features{background:#efe3c2;padding:80px 60px}.features-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature-card{border-radius:20px;padding:35px;color:#08130e}.feature-red{background:linear-gradient(#fcc,#ff9292)}.feature-green{background:linear-gradient(#e9fded,#5de46a)}.feature-orange{background:linear-gradient(#ffe4bd,#ffc670)}.feature-blue{background:linear-gradient(#d2e6fd,#68afff)}.feature-purple{background:linear-gradient(#f1e9fd,#9858ff)}.feature-pink{background:linear-gradient(#ffcaea,#ff61c0)}.feature-title{font-size:22px;font-weight:700;margin:15px 0 12px}.feature-text{font-size:15px;line-height:1.6}.how-it-works{background:#efe3c2;padding:80px 60px}.video-container{max-width:1000px;margin:0 auto}.video-placeholder{background:linear-gradient(180deg,#87ceeb,#98d8c8,#85a947);border-radius:20px;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;border:12px solid #08130E;position:relative;overflow:hidden}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.play-button{width:90px;height:90px;background:#9858ff;border-radius:15px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:36px;cursor:pointer;transition:transform .3s;position:relative;z-index:1}.play-button:hover{transform:scale(1.1)}.video-text{font-size:32px;font-weight:700;color:#08130e;background:#fff;padding:18px 50px;border-radius:10px;position:relative;z-index:1;text-align:center}.video-highlight{color:#3e7b27}.about-us{background:#08130e;padding:80px 60px}.about-content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-text{display:flex;flex-direction:column;gap:25px}.about-description{font-size:18px;line-height:1.7;color:#efe3c2}.more-about-btn{background:#efe3c2;color:#08130e;border:none;padding:14px 35px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background .3s}.more-about-btn:hover{background:#d4c9a8}.about-image-container{height:350px}.about-image{height:100%;width:100%;background:linear-gradient(135deg,#98d8c8,#85a947);border-radius:20px;object-fit:cover}.statistics{background:#efe3c2;padding:80px 60px}.stats-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.stat-card{background:#efe3c2;border:3px solid #3E7B27;border-radius:20px;padding:50px;text-align:center}.stat-label{font-size:28px;font-weight:700;color:#3e7b27;margin-bottom:25px;text-decoration:underline}.stat-number{font-size:56px;font-weight:700;color:#08130e;margin:0}.collaborators{background:#efe3c2;padding:80px 60px}.collab-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.collab-card{background:#efe3c2;border-radius:20px;overflow:hidden}.collab-logo{height:220px;display:flex;justify-content:center;align-items:center;background:#f5f5f5;position:relative}.collab-logo-img{max-width:80%;max-height:80%;object-fit:contain;position:absolute;z-index:1}.red-cross{font-size:130px;color:#dc143c;font-weight:700}.clean-sri-lanka{font-size:26px;font-weight:700;color:#5de46a;text-align:center;line-height:1.2}.leo-club{font-size:65px;font-weight:700;color:#8b4513}.collab-info{background:#08130e}.collab-title{font-size:26px;font-weight:700;padding:25px 25px 12px;margin:0;color:#efe3c2}.collab-text{font-size:15px;line-height:1.6;padding:0 25px;color:#efe3c2}.more-btn{background:transparent;color:#efe3c2;border:1px solid #EFE3C2;padding:12px 35px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin:25px;transition:all .3s}.more-btn:hover{background:#fff;color:#08130e}.contact{background:linear-gradient(#08130ed9,#08130ed9);padding:80px 60px}.contact-title{font-size:56px;font-weight:700;text-align:center;color:#efe3c2;margin-bottom:25px;text-decoration:underline}.contact-subtitle{font-size:20px;text-align:center;color:#efe3c2;max-width:900px;margin:0 auto 50px;line-height:1.7}.form{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.label{font-size:20px;font-weight:600;color:#efe3c2}.input{padding:16px;font-size:17px;border-radius:8px;border:none;background:#efe3c24d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input::placeholder{color:#fff9}.textarea{padding:16px;font-size:17px;border-radius:8px;border:none;background:#efe3c24d;color:#fff;min-height:180px;resize:vertical;font-family:Inter,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.textarea::placeholder{color:#fff9}.submit-btn{background:linear-gradient(90deg,#efe3c2,#85a947);color:#08130e;border:none;padding:20px;border-radius:8px;font-size:22px;font-weight:700;cursor:pointer;margin-top:25px;transition:transform .3s}.submit-btn:hover{transform:translateY(-2px)}.footer{background:#08130e;padding:50px 60px;text-align:center}.footer-content{max-width:1600px;margin:0 auto}.footer-email{color:#efe3c2;font-size:18px;margin-bottom:12px;text-decoration:underline}.footer-phone{color:#efe3c2;font-size:18px;margin-bottom:35px}.social-icons{display:flex;justify-content:center;gap:35px;color:#fff;margin-bottom:35px}.social-icons svg{cursor:pointer;transition:transform .3s}.social-icons svg:hover{transform:scale(1.2);color:#efe3c2}.copyright{color:#efe3c2;font-size:15px}@media(max-width:1023px){.nav-content{padding:0 30px}.hero-content,.about-content{grid-template-columns:1fr;gap:40px}.hero-image{order:-1}.donations-grid,.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stats-grid,.collab-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.nav-content{padding:0 20px;flex-wrap:wrap;gap:15px}.nav-links{flex-wrap:wrap;gap:15px;justify-content:center}.donations-grid,.features-grid,.stats-grid,.collab-grid{grid-template-columns:1fr}.hero,.what-we-do,.key-features,.how-it-works,.about-us,.statistics,.collaborators,.contact{padding:40px 20px}.section-title,.section-title-dark,.contact-title{margin-bottom:40px}.video-placeholder{border:5px solid #08130E;height:350px}}@media(max-width:575px){.nav-content{padding:0 15px}.logo{font-size:24px}.nav-links{width:100%;justify-content:space-between}.nav-link{font-size:14px}.login-btn{padding:8px 20px;font-size:14px}.hero,.what-we-do,.key-features,.how-it-works,.about-us,.statistics,.collaborators,.contact{padding:30px 15px}.reporting-btn{width:100%;text-align:center;justify-content:center}.stat-card{padding:25px}.social-icons{gap:20px}.hero-title,.section-title,.section-title-dark,.contact-title{font-size:32px}}