*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#17351f;background:#f7faf7;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer;font-family:inherit}.app{min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e6eee7;justify-content:space-between;align-items:center;height:76px;padding:0 7%;display:flex}.logo{color:#17351f;font-size:23px;font-weight:800}.logo span{color:#3f9d59;margin-right:7px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#506257;font-size:14px;font-weight:600;text-decoration:none}.login-btn,.signup-btn{border:none;border-radius:9px;padding:11px 20px;font-weight:700}.login-btn{color:#31523a;background:0 0}.signup-btn{color:#fff;background:#285d35}.hero{background:radial-gradient(circle at 10% 20%,#e8f5e8,#0000 35%),#f7faf7;justify-content:space-between;align-items:center;gap:70px;min-height:650px;padding:80px 7%;display:flex}.hero-content{max-width:610px}.badge{color:#357342;background:#e4f3e5;border-radius:30px;margin-bottom:22px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2px;margin-bottom:24px;font-size:64px;line-height:1.02}.hero h1 span{color:#459858}.hero p{color:#657469;max-width:560px;font-size:18px;line-height:1.7}.hero-buttons{gap:14px;margin-top:32px;display:flex}.primary-btn,.secondary-btn{border-radius:10px;padding:14px 23px;font-size:14px;font-weight:800}.primary-btn{color:#fff;background:#285d35;border:none}.secondary-btn{color:#285d35;background:#fff;border:1px solid #bdd0c0}.quick-stats{gap:45px;margin-top:48px;display:flex}.quick-stats div{flex-direction:column;gap:5px;display:flex}.quick-stats strong{font-size:21px}.quick-stats span{color:#78847a;font-size:12px}.radar-card{background:#fff;border:1px solid #e0ebe1;border-radius:22px;width:430px;padding:25px;box-shadow:0 20px 60px #1f49281f}.radar-header{justify-content:space-between;align-items:center;display:flex}.radar-header small{color:#db5d45;font-size:10px;font-weight:800}.radar-header h3{margin-top:3px;font-size:23px}.live-dot{background:#4ca65c;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #e6f4e8}.radar-subtitle{color:#879188;margin:8px 0 18px;font-size:12px}.food-card{border:1px solid #e5ece6;border-radius:13px;align-items:center;gap:12px;margin-top:10px;padding:13px;display:flex}.food-card.urgent{background:snow;border-color:#f0c5bc}.food-icon{background:#eef6ef;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.food-info{flex-direction:column;flex:1;gap:3px;display:flex}.food-info strong{font-size:14px}.food-info span{color:#78847a;font-size:11px}.food-info small{color:#d2644f;font-size:10px;font-weight:700}.food-card button{color:#347342;background:#e8f3e9;border:none;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.radar-footer{color:#8a948c;margin-top:17px;font-size:10px}.radar-footer span{color:#4ca65c}.how-it-works{background:#fff;padding:100px 7%}.section-heading{text-align:center;max-width:650px;margin:auto}.section-heading span,.impact span{color:#4b965a;letter-spacing:1.5px;font-size:11px;font-weight:800}.section-heading h2{margin:12px 0;font-size:38px}.section-heading p{color:#78847a;line-height:1.6}.steps{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:65px;display:grid}.step{border:1px solid #e4ebe5;border-radius:17px;padding:25px;position:relative}.step-number{color:#a2ada4;font-size:11px;font-weight:800}.step-icon{margin:25px 0 18px;font-size:28px}.step h3{margin-bottom:10px;font-size:17px}.step p{color:#7a857c;font-size:13px;line-height:1.6}.impact{color:#fff;background:#214c2b;border-radius:22px;justify-content:space-between;align-items:center;margin:0 7% 80px;padding:50px;display:flex}.impact h2{margin-top:10px;font-size:30px}.impact span{color:#b8dbbd}.impact-number{text-align:right;flex-direction:column;display:flex}.impact-number strong{font-size:42px}.impact-number span{font-size:12px}footer{background:#fff;border-top:1px solid #e1e8e2;justify-content:space-between;padding:35px 7%;display:flex}footer p{color:#879188;font-size:13px}@media (width<=900px){.nav-links a{display:none}.hero{flex-direction:column;padding-top:55px}.hero h1{font-size:48px}.radar-card{width:100%;max-width:500px}.steps{grid-template-columns:1fr 1fr}}@media (width<=600px){.navbar{padding:0 5%}.hero{padding:50px 5%}.hero h1{font-size:42px}.hero-buttons{flex-direction:column}.quick-stats{gap:20px}.steps{grid-template-columns:1fr}.impact{flex-direction:column;align-items:flex-start;gap:30px;margin:0 5% 50px;padding:30px}.impact-number{text-align:left}footer{flex-direction:column;gap:12px;padding:30px 5%}}.dashboard{background:#f6f9f6;min-height:100vh}.dashboard-nav{background:#fff;border-bottom:1px solid #e1e9e2;justify-content:space-between;align-items:center;height:72px;padding:0 7%;display:flex}.dashboard-user{color:#66736a;align-items:center;gap:18px;font-size:13px;display:flex}.dashboard-user button{color:#315b39;background:#fff;border:1px solid #d5e1d7;border-radius:8px;padding:9px 15px;font-weight:700}.dashboard-content{max-width:1200px;margin:auto;padding:55px 30px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.dashboard-label{letter-spacing:1.5px;color:#4b965a;font-size:11px;font-weight:800}.dashboard-header h1{margin:8px 0;font-size:38px}.dashboard-header p{color:#78847a}.dashboard-message{color:#357342;background:#e9f6eb;border-radius:10px;margin-bottom:25px;padding:14px 18px;font-size:14px;font-weight:600}.form-card{background:#fff;border:1px solid #e0e9e1;border-radius:18px;margin-bottom:40px;padding:30px;box-shadow:0 10px 30px #1f49280f}.form-card h2{margin-bottom:7px}.form-card>p{color:#78847a;margin-bottom:25px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-card label{margin-top:15px;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.form-card input,.form-card select,.form-card textarea{border:1px solid #d8e3da;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:13px}.form-card textarea{resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#4b965a}.form-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.listings-section{margin-top:30px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-title-row h2{font-size:23px}.section-title-row p{color:#7b867d;margin-top:5px;font-size:13px}.listing-count{color:#357342;background:#e7f3e9;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700}.listing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.listing-card{background:#fff;border:1px solid #e0e9e1;border-radius:16px;padding:22px}.listing-top{justify-content:space-between;align-items:center;display:flex}.listing-icon{background:#edf6ee;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;display:flex}.status{text-transform:uppercase;border-radius:15px;padding:5px 9px;font-size:10px;font-weight:800}.status.available{color:#347342;background:#e6f5e8}.status.reserved{color:#9b741f;background:#fff3d9}.status.rescued,.status.verified{color:#357342;background:#e5f2e8}.status.expired,.status.cancelled{color:#9a5145;background:#f3e8e6}.listing-card h3{margin-top:20px;font-size:17px}.quantity{color:#397c46;margin-top:7px;font-weight:800}.location{color:#7d887f;margin-top:12px;font-size:12px}.expiry{color:#c36652;border-top:1px solid #edf1ed;margin-top:18px;padding-top:13px;font-size:11px;font-weight:700}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd9cd;border-radius:16px;padding:60px 20px}.empty-state div{margin-bottom:15px;font-size:40px}.empty-state h3{margin-bottom:7px}.empty-state p{color:#818c83;font-size:13px}@media (width<=800px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.form-grid,.listing-grid{grid-template-columns:1fr}.dashboard-user span{display:none}}.radar-page-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.radar-page-header h1{margin:8px 0;font-size:40px}.radar-page-header p{color:#78847a}.radar-live{color:#357342;background:#e7f5e9;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:800;display:flex}.radar-live span{background:#4ca65c;border-radius:50%;width:8px;height:8px}.radar-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.radar-listing{background:#fff;border:1px solid #dfe8e0;border-radius:18px;padding:23px;transition:transform .2s}.radar-listing:hover{transform:translateY(-3px)}.radar-listing.urgent{border-color:#efc4ba}.radar-card-top{justify-content:space-between;align-items:center;display:flex}.radar-food-icon{background:#edf6ee;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.urgency{border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800}.urgency.urgent{color:#c45340;background:#fff0ed}.urgency.active{color:#397847;background:#e7f4e9}.radar-listing h2{margin-top:22px;font-size:20px}.radar-quantity{color:#397c46;margin-top:7px;font-weight:800}.radar-location{color:#7d887f;margin-top:14px;font-size:12px}.radar-time{color:#c25e4c;margin-top:10px;font-size:12px;font-weight:800}.radar-description{color:#78847a;margin-top:15px;font-size:12px;line-height:1.5}.match-reason{background:#f5f9f5;border-radius:10px;flex-direction:column;gap:6px;margin-top:18px;padding:13px;font-size:11px;display:flex}.match-reason strong{margin-bottom:3px;font-size:11px}.match-reason span{color:#637067}.rescue-now-btn{color:#fff;background:#285d35;border:none;border-radius:9px;width:100%;margin-top:18px;padding:13px;font-size:11px;font-weight:800}@media (width<=900px){.radar-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.radar-grid{grid-template-columns:1fr}.radar-page-header{flex-direction:column;align-items:flex-start;gap:15px}}.volunteer-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.volunteer-card{background:#fff;border:1px solid #dfe8e0;border-radius:18px;padding:23px}.volunteer-card-top{justify-content:space-between;align-items:center;display:flex}.volunteer-card h3{margin-top:20px;font-size:19px}.volunteer-quantity{color:#397c46;margin-top:7px;font-weight:800}.volunteer-detail{color:#78847a;margin-top:11px;font-size:12px}.rescue-timeline{border-top:1px solid #edf1ed;border-bottom:1px solid #edf1ed;justify-content:space-between;margin-top:22px;padding:15px 5px;display:flex}.timeline-step{color:#a0aaa2;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.timeline-step span{background:#edf1ed;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.timeline-step.completed{color:#397847}.timeline-step.completed span{color:#397847;background:#dff0e2}.rescue-action-btn{color:#fff;background:#285d35;border:none;border-radius:9px;width:100%;margin-top:18px;padding:13px;font-size:11px;font-weight:800}.waiting-verification,.verified-rescue{color:#397847;background:#f0f6f1;border-radius:9px;margin-top:18px;padding:12px;font-size:11px;font-weight:700}@media (width<=900px){.volunteer-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.volunteer-grid{grid-template-columns:1fr}}.impact-dashboard{background:#f6f9f6;min-height:100vh}.dashboard-home-btn{color:#315b39;cursor:pointer;background:#fff;border:1px solid #d5e1d7;border-radius:8px;padding:9px 16px;font-weight:700}.impact-content{max-width:1150px;margin:auto;padding:75px 30px}.impact-hero{text-align:center;max-width:700px;margin:auto}.impact-hero>span{color:#4b965a;letter-spacing:1.8px;font-size:11px;font-weight:800}.impact-hero h1{color:#17351f;margin:15px 0;font-size:50px;line-height:1.1}.impact-hero h1 strong{color:#459858}.impact-hero p{color:#78847a;line-height:1.6}.impact-loading{text-align:center;color:#78847a;padding:80px}.impact-stats{grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;margin-top:55px;display:grid}.impact-stat-card{background:#fff;border:1px solid #dfe8e0;border-radius:17px;flex-direction:column;padding:25px;display:flex}.impact-stat-card.main-stat{color:#fff;background:#214c2b}.impact-stat-icon{color:#397847;background:#eaf4eb;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:25px;font-size:19px;display:flex}.main-stat .impact-stat-icon{background:#315f39}.impact-stat-card strong{font-size:34px}.impact-stat-card span{color:#728076;margin-top:7px;font-size:12px}.main-stat span{color:#c8ddcb}.impact-stat-card small{color:#8ea894;margin-top:20px;font-size:10px}.impact-story{background:#fff;border:1px solid #dfe8e0;border-radius:20px;margin-top:60px;padding:40px}.impact-section-label{color:#4b965a;letter-spacing:1.5px;font-size:10px;font-weight:800}.impact-story h2{margin:12px 0;font-size:30px}.impact-story p{color:#78847a;max-width:650px;font-size:14px;line-height:1.6}.impact-flow{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.impact-flow>div:not(.flow-arrow){flex-direction:column;align-items:center;gap:8px;font-size:25px;display:flex}.impact-flow span{color:#98a49a;font-size:9px}.impact-flow strong{font-size:11px}.flow-arrow{color:#9cac9f;font-size:22px}.impact-note{background:#eaf4eb;border-radius:14px;margin-top:20px;padding:22px}.impact-note strong{color:#315f39;font-size:13px}.impact-note p{color:#617166;margin-top:6px;font-size:12px;line-height:1.6}@media (width<=900px){.impact-stats{grid-template-columns:1fr 1fr}.impact-stat-card.main-stat{grid-column:span 2}}@media (width<=600px){.impact-hero h1{font-size:38px}.impact-stats{grid-template-columns:1fr}.impact-stat-card.main-stat{grid-column:span 1}.impact-story{padding:25px}.impact-flow{flex-direction:column;gap:15px}.flow-arrow{transform:rotate(90deg)}}