@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.navbar{align-items:center;background:#e9efec;display:flex;flex-direction:row;font-family:Poppins,sans-serif;justify-content:space-between;padding:15px 20px;top:0;z-index:1000}.logo{margin-left:80px}.logo img{width:250px}.logo span{color:#6a9c89}.navbar ul{display:flex;flex-direction:row;gap:100px;list-style:none;margin:0 100px 0 0;padding:0}.navbar ul li a{color:#16423c;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none}.navbar ul li a.active{border-bottom:4px solid #6a9c89}.navbar ul li a:hover{color:#6a9c89}@media (max-width:768px){.navbar{align-items:center;flex-direction:column}.logo{margin:auto auto 10px}.navbar ul{align-items:center;flex-direction:row;gap:10px;margin:20px auto;width:100%}.navbar ul li{text-align:center;width:100%}.navbar ul li a{padding:10px 0;width:100%}.navbar ul li a.active{border-bottom:3px solid #6a9c89}}.footer{background-color:#16423c;color:#fff;font-family:Poppins,sans-serif;padding:60px 40px 10px}.footer-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:auto;max-width:1200px}.footer-brand h2{color:#fff;margin-bottom:10px}.footer-contact h4,.footer-links h4,.footer-social h4{font-weight:600;margin-bottom:10px}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:#fff}.footer-contact p{color:#ccc;margin:5px 0}.social-icons a{color:#ccc;display:inline-block;font-size:18px;margin-right:10px;transition:color .3s}.social-icons a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;color:#999;font-size:14px;margin-top:30px;padding-top:10px;text-align:center}.hero{background-color:#e9efec;font-family:Poppins,sans-serif;padding:60px 20px;text-align:center}.hero h1{color:#16423c;margin:0}.hero h1,.hero h2{font-size:86px;font-weight:900}.hero h2{color:#6a9c89;margin:10px 0 20px}.upload-analyze{display:flex;gap:12px;justify-content:center;margin:20px 0}.upload-analyze button{background:none;border:2px solid #75a47f;border-radius:5px;color:#75a47f;cursor:pointer;font-size:16px;padding:10px 20px}.upload-analyze .analyze{background-color:#16423c;border:none;color:#e9efec;font-size:16px}.hero p{color:#666;font-size:14px}@media (max-width:768px){.hero{background-color:#e9efec;font-family:Poppins,sans-serif;padding:20px;text-align:center}.hero h1{color:#16423c;margin:0}.hero h1,.hero h2{font-size:66px;font-weight:900;line-height:70px}.hero h2{color:#6a9c89;margin:10px 0 20px}}.how{background:#e9efec;padding:0 10px;text-align:center}.how,.how h3{font-family:Poppins,sans-serif}.how h3{color:#16423c;font-size:44px;margin-bottom:30px;margin-top:40px}.steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{background:#fff0;border:1px solid #64646444;border-radius:12px;max-width:300px;min-height:150px;padding:20px}.card h4{color:#222222b4;font-size:19px;margin-top:10px}.card p{color:#22222281;font-size:15px;margin-top:10px}@media (max-width:768px){.how h3{color:#16423c;font-family:Poppins,sans-serif;font-size:35px;margin-bottom:30px}}*{box-sizing:border-box;margin:0}.why{background-color:#e9efec;font-family:Poppins,sans-serif;padding:40px 20px;text-align:center}.why h3{color:#16423c;font-size:44px;margin-bottom:20px;margin-top:60px}.why ul{color:#4d4d4da8;font-size:18px;line-height:3;list-style:none;margin-left:38%;padding:0;text-align:left}@media (max-width:768px){.why{background-color:#e9efec;font-family:Poppins,sans-serif;padding:10px 20px;text-align:center}.why h3{color:#16423c;font-size:34px;margin-bottom:20px;margin-top:60px}.why ul{font-size:15px;margin-left:0}}.blog-container{background-color:#e9efec;font-family:Poppins,sans-serif;margin:auto;max-width:100%;padding:20px 120px}.blog-container h1{color:#16423c;font-size:2.5rem;margin-bottom:20px;text-align:center}.blog-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.blog-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-5px)}.blog-card img{height:150px;object-fit:cover;width:100%}.blog-content{flex-grow:1;padding:15px 20px}.blog-content h3{color:#222;font-size:1.25rem;margin:0}.blog-date{color:#777;font-size:.9rem;margin:5px 0 10px}.blog-content p{color:#555;font-size:.95rem;line-height:1.5}.read-more{border-bottom:2px solid #0000;color:#16423c;display:inline-block;font-weight:600;margin-top:15px;text-decoration:none;transition:border-color .2s ease-in-out}.read-more:hover{border-color:#6a9c89}.blog-detail{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;margin:auto;max-width:800px;padding:30px 20px}.detail-image{height:auto}.blog-detail h1{font-size:2rem;margin-bottom:5px}.blog-content-full{color:#333;font-size:1rem;line-height:1.6;white-space:pre-line}.back-link{border-bottom:2px solid #0000;color:#6a9c89;font-weight:600;margin-top:20px}.back-link:hover{border-color:#6a9c89}@media (max-width:768px){.blog-container{padding:20px 10px}.blog-container h1{font-size:2rem}.blog-card img{height:180px}.blog-detail{padding:20px 15px}.blog-detail h1{font-size:1.5rem}}.blog-detail-container{background:#e9efec;box-shadow:0 4px 15px #0000000d;font-family:Poppins,sans-serif;margin:0;max-width:100%;padding:20px 80px}.blog-detail-container h1{color:#333;font-size:2rem;margin-bottom:10px}.blog-date{color:#888;font-size:14px;margin-bottom:20px}.detail-image{border-radius:12px;margin-bottom:20px;max-height:250px;object-fit:cover;width:100%}.blog-full-content{color:#555;font-size:16px;line-height:1.7;margin-bottom:30px;white-space:pre-line}.back-link{background:#6a9c89;border-radius:8px;color:#fff;display:inline-block;font-size:14px;margin:5px;padding:10px 20px;text-decoration:none;transition:background .3s ease}.back-link:hover{background:#16423c}@media (max-width:768px){.blog-detail-container{margin:0;padding:15px}.blog-detail-container h1{font-size:1.5rem}.detail-image{max-height:250px}}.result-container{background-color:#e9efec;font-family:Poppins,sans-serif;margin:auto;max-width:100%;padding:20px}@media (min-width:1024px){.result-container{padding:40px 200px}}.image-preview{margin-bottom:20px;text-align:center}.image-preview img{border-radius:12px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:300px;width:100%}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.food-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:15px;text-align:center}.quantity{color:#777;font-style:italic}.nutrition{font-size:14px;margin-top:10px;text-align:left}.totals-card{background:#6a9c89;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin-top:30px;padding:20px;text-align:left}.disclaimer{color:#777;font-size:12px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:500px;text-align:center}@media (max-width:768px){.result-container{padding:20px}.cards-container{grid-template-columns:1fr}.image-preview img{max-width:100%}}.about-container{background-color:#e9efec;color:#333;font-family:Poppins,sans-serif;margin:auto;max-width:100%;padding:40px 100px}.about-title{color:#16423c;font-size:2.5rem;margin-bottom:20px;text-align:center}.about-intro{font-size:1.1rem;line-height:1.6;margin-bottom:40px;text-align:center}.about-section{margin-bottom:30px}.about-section h2{color:#16423c;font-size:1.5rem;margin-bottom:10px}.about-section p,.about-section ul{font-size:1rem;line-height:1.6}.about-section ul{list-style:none;padding:0}.about-section ul li{background:#e9efec;border-radius:8px;margin-bottom:8px;padding:10px}.about-disclaimer{color:#777;font-size:.9rem;margin-top:30px;text-align:center}@media (max-width:768px){.about-container{background-color:#e9efec;color:#333;font-family:Poppins,sans-serif;margin:auto;max-width:100%;padding:40px 30px}.about-title{font-size:2rem}.about-intro{font-size:1rem}.about-section h2{font-size:1.3rem}}
/*# sourceMappingURL=main.a812b7d3.css.map*/