body{background-color:#fff;height:100%;margin:0}.wrapper{min-height:100%;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-around;background-color:transparent;padding:.5rem 2rem;font-family:Segoe UI,sans-serif;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color .4s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#c0c6c6d9;box-shadow:0 4px 6px #0000001a}body{padding-top:80px}.title{font-size:clamp(1.6rem,2vw,1.8rem);font-weight:700;color:#000;margin:0 0 0 -50px}.menu-toggle{display:none;font-size:1.8rem;background:none;border:none;color:#000;cursor:pointer;z-index:1001;transition:transform .3s ease,opacity .3s ease;margin-top:0;margin-right:0}.nav-links{display:flex;gap:1rem}.nav-links li{list-style:none}.nav-links a{text-decoration:none;color:#000;font-weight:500;padding:0rem .5rem;transition:color .3s ease;position:relative;font-size:18px}.nav-links a:hover,.nav-links a.active{color:#449908}.nav-links a.active:after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;background-color:#449908;border-radius:2px}@media (max-width: 950px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;position:absolute;margin-top:-4px;top:100%;left:0;width:100%;background:#c0c6c6f2;padding:1rem 0;box-shadow:0 4px 6px #0000001a}.nav-links.open{display:flex}.nav-links li{text-align:center;margin:.5rem 0}}.footer{position:relative;bottom:0;background-color:#c0c6c6d9;color:#000;font-family:Segoe UI,sans-serif;display:flex;justify-content:space-between;align-items:center;z-index:1000;flex-wrap:wrap;margin:0;padding:.5rem 5rem}.footer-center a{padding-right:15px;color:#000;font-size:1.2rem;transition:color .3s ease}.footer-center a:hover{color:#fff}.footer *{background-color:transparent}@media (max-width: 600px){.footer{flex-direction:column;text-align:center;gap:8px;padding:15px 10px}.footer-center{order:1}.footer-right{order:2}}._heading_71lzs_1{margin-top:0;text-align:center;text-transform:uppercase;font-weight:400;font-size:18px;letter-spacing:.091em;line-height:1.4;color:#595959;box-sizing:inherit;font-family:Quicksand,sans-serif}.image-card{width:25vw 300px 95vw;margin:10px 20px;padding:0}.image-card h4{text-align:center;margin:10px auto}.image-card img{width:300px;height:300px;margin:0 auto;text-align:center}.image-card p{width:280px;text-align:center;margin:10px auto}.team-card{background:linear-gradient(135deg,#e6f2e6,#cce0cc);padding:20px;border-radius:20px;box-shadow:0 10px 20px #0003;max-width:300px;width:90%;text-align:center;transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;margin-top:0}.team-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px #0000004d}.team-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #2d5a27;margin-bottom:5px}.team-card h3{font-size:1.5rem;color:#2d5a27;margin:5px 0 10px}.role{font-size:1.1rem;font-weight:700;color:#333;margin:0}.description{font-size:.95rem;color:#444;margin-top:5px}@media (max-width: 600px){.team-img{width:100px;height:100px}.team-card h3{font-size:1.3rem}.description{font-size:.9rem}}.action-card{background:linear-gradient(135deg,#e6f2e6,#cce0cc);padding:30px;border-radius:20px;box-shadow:0 10px 20px #0003;max-width:400px;width:60%;margin:50px auto;text-align:center;transition:transform .4s ease,box-shadow .4s ease}.action-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #00000040}.action-card h2{color:#2d5a27;margin-bottom:15px}.action-card p{color:#333;margin-bottom:20px;font-size:1rem}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 18px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff}.btn.plant{background-color:#2d5a27}.btn.volunteer{background-color:#3b7a57}.btn.donate{background-color:#1a8cff}.btn:hover{transform:scale(1.05);opacity:.9}@media (max-width: 600px){.action-card{padding:20px}.btn{font-size:.9rem;padding:10px 15px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:all;cursor:default}.popup-box{background:#fff;padding:25px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 15px #0003;position:relative;animation:fadeIn .2s ease-in-out;z-index:10000}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.donate-form input{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ccc;font-size:16px}.submit-btn{width:100%;padding:12px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.submit-btn:hover{background:#218838}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner{position:fixed;top:50%;left:48%;transform:translate(-50%,-50%);border:6px solid #e0e0e0;border-top:6px solid #333333;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;z-index:1002}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heading{text-align:center;font-weight:700;padding:0;border:0}.top{padding-top:0}.heading h3,h4{margin:0}.logo img{display:block;width:clamp(500px,60vw,800px);max-width:100%;height:auto;margin:10px auto}.Anthem video{display:block;margin:10px auto;height:auto;width:clamp(600px,80vw,800px);max-width:95%}.content1{margin:20px auto;align-items:center}.Content1 p{margin:10px 50px;font-size:16px}.Content2{margin:20px auto;align-items:center}.Content2 p{margin:10px 50px;font-size:16px}.cert{display:flex;flex-wrap:wrap;gap:0px;justify-content:center;padding:0;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.cert1,.cert2{width:clamp(25vw,300px,95vw);max-width:100%;height:250px;margin:20px auto;border-radius:10px;box-shadow:0 10px 20px #0003}.stats-container{display:flex;justify-content:center;align-items:center;padding:50px 20px}.stats-card{background:linear-gradient(135deg,#e6f2e6,#cce0cc);padding:30px;border-radius:20px;box-shadow:0 10px 20px #0003;max-width:500px;width:90%;text-align:center;transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d}.stats-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px #0000004d}.stats-card h2{font-size:2rem;margin-bottom:20px;color:#2d5a27}.stats-card ul{list-style:none;padding:0;margin:0}.stats-card li{font-size:1.2rem;margin:10px 0;color:#333;display:flex;align-items:center;justify-content:center}.stats-card li span{font-weight:700;font-size:1.4rem;color:#2d5a27;margin-right:10px}@media (max-width: 600px){.stats-card{padding:20px}.stats-card h2{font-size:1.6rem}.stats-card li{font-size:1rem}}.gallery{column-count:3;column-gap:0px;padding:10px;max-width:900px;margin-left:auto;margin-right:auto}.gallery-item{break-inside:avoid;margin-bottom:5px;margin-inline:2.5px}.gallery-item img,video{width:100%;max-width:clamp(45vw 370px 47vw);height:auto;max-height:550px;display:block;border-radius:6px;object-fit:cover}.gallery-item:hover{transform:scale(1.05);z-index:2}.video-wrapper{position:relative}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;background:#00000080;border-radius:50%;padding:10px 20px;pointer-events:none}@media (max-width: 600px){.gallery{column-count:2}}.box{display:flexbox;text-align:center;background-color:#000000a5;width:80vw;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:30px;border-radius:10px;padding:20px;box-shadow:0 10px 20px #0003;transition:transform .4s ease,box-shadow .4s ease}.box:hover{transform:scale(1.03);box-shadow:0 18px 35px #00000040}.heading1{color:#9eff91;margin-bottom:10px;font-size:18px}.para{color:#fff;transition:all .3s ease}.para:hover{cursor:pointer;color:#0cf}.contact-card{max-width:400px;width:70%;margin:150px auto;padding:20px;background:linear-gradient(135deg,#e6f2e6,#cce0cc);border-radius:12px;box-shadow:0 10px 20px #0003;text-align:center;font-family:Arial,sans-serif;transition:transform .4s ease,box-shadow .4s ease}.contact-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px #0000004d}.contact-title{font-size:1.5rem;margin-bottom:15px;color:#222}.contact-info p{margin:6px 0;color:#444}.social-section{margin-top:20px}.social-section p{margin-bottom:10px;font-weight:700}.social-icons{display:flex;justify-content:center;gap:15px}.social-icons a{font-size:20px;color:#000;text-decoration:none;transition:color .3s}.social-icons a:hover{color:#555}.info-card{display:grid;grid-template-columns:40vw 1fr;background:#000000c5;color:#fff;padding:20px;border-radius:12px;transition:all .3s ease;max-width:80vw;margin:20px auto;gap:20px}.info-card-image img{width:100%;height:auto;border-radius:8px;display:block}.info-card-content p{font-size:1.2rem;line-height:1.5;color:#ffffffbe}.info-card-heading{margin:0 0 10px;font-size:1.5rem;font-weight:700}.info-card p{margin:0 0 15px}.info-card-button{background:transparent;border:1px solid #fff;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .3s}.info-card-button:hover{background:#fff;color:#000}@media (max-width: 768px){.info-card{grid-template-columns:1fr;text-align:center}.info-card-image{margin-bottom:15px}}._heading_1xtjb_1{text-align:center;text-transform:uppercase;width:80vw;margin:10px auto;font-weight:400;font-size:14px;letter-spacing:.091em;line-height:1.4;color:#595959;box-sizing:inherit;font-family:Quicksand,sans-serif}.receipt-page{padding:20px;display:flex;flex-direction:column;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;color:#222}.controls{width:100%;max-width:800px;display:flex;justify-content:flex-end;margin-bottom:12px}.print-btn{background:linear-gradient(180deg,#2b7a4b,#1f5f38);color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #2b7a4b2e}.print-btn:hover{transform:translateY(-1px)}.receipt-card{position:relative;width:100%;max-width:800px;background:#fff;padding:28px 36px;border-radius:10px;box-shadow:0 8px 30px #0c28140f;overflow:hidden}.logo-bg{position:absolute;top:50%;left:50%;width:420px;height:420px;transform:translate(-50%,-20%);background-image:url(/roadsides/src/assets/logo.png);background-repeat:no-repeat;background-size:contain;opacity:.3;filter:grayscale(60%);pointer-events:none}.company{text-align:center;position:relative;z-index:2}.company h1{margin:0;font-size:24px;letter-spacing:.3px}.company .sub{margin:2px 0 12px;color:#6b6b6b;font-size:13px}.title1{margin-top:6px;text-align:center;font-size:18px;color:#1f4b2f;position:relative;z-index:2}.details{width:100%;border-collapse:collapse;margin-top:18px;position:relative;z-index:2}.details td{padding:12px 14px;border:1px solid #eee;vertical-align:top}.details .label{background:#fafafa;font-weight:700;color:#333;width:35%}.details .value{width:65%;color:#222}.footer1{text-align:center;margin-top:20px;color:#2b7a4b;font-style:italic;position:relative;z-index:2}@media print{body *{visibility:hidden}.receipt-card,.receipt-card *{visibility:visible}.receipt-card{position:absolute;left:0;top:0;width:100%;box-shadow:none}.controls{display:none}}.main{flex:1;min-height:100vh}