@import url(https://cdn.jsdelivr.net/npm/devicon@2.14.0/devicon.min.css);:root{--rich-black:#000;--prussian-blue:#003459;--cerulean-blue:#007ea7;--platinum:#e5e5e5;--white:#fff;--soft-gray:#d9d9d9;--orange-web:#fca311;--forest-green:#2ecc71;--sunset-red:#e74c3c;--vivid-purple:#8a2be2;--achievement-gradient:linear-gradient(90deg,#2ecc71,#8a2be2);--cta-gradient:linear-gradient(135deg,#fca311,#ff9800);--font-primary:"Poppins",sans-serif;--font-secondary:"Montserrat",sans-serif;--box-shadow-hover:0 8px 16px #0003;--text-shadow:1px 1px 2px #0009}body{background-color:var(--rich-black);color:var(--white);font-family:var(--font-primary);margin:0 auto;max-width:1400px;padding:0}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--white);font-weight:700;text-shadow:1px 1px 2px #0009;text-shadow:var(--text-shadow)}h1,h2,h3,h4,h5,h6,p{font-family:Poppins,sans-serif;font-family:var(--font-primary)}p{color:#ffffffd9;font-weight:400;line-height:1.8}button{background:#fff;background:var(--white);color:var(--rich-black);font-family:Montserrat,sans-serif;font-family:var(--font-secondary);padding:12px 24px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}button:hover{background:#e5e5e5;background:var(--platinum);box-shadow:0 8px 16px #0003;box-shadow:var(--box-shadow-hover);color:var(--white);transform:translateY(-2px)}a{color:#007ea7;color:var(--cerulean-blue);transition:color .3s ease,text-shadow .2s ease}a,a:hover{text-decoration:none}section{margin:10px 0;padding:10px 50px}.container{margin:0 auto;max-width:1200px;padding:0 15px}@media (max-width:768px){body{padding:0 10px}h1,h2,h3{font-size:1.5rem}p{line-height:1.6}button,p{font-size:.9rem}button{padding:10px 18px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:var(--rich-black);box-shadow:0 4px 8px #ffffff1a;color:var(--white);font-family:var(--font-primary);padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:10}.navbar,.navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar-container{margin:0 auto;max-width:1200px;width:100%}.navbar-brand{align-items:center;cursor:pointer;display:flex;gap:10px}.navbar-brand h1{color:var(--white);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:1px;margin:0;transition:color .3s ease,text-shadow .2s ease}.navbar-brand h1:hover{text-shadow:0 2px 4px #fff9}.hamburger{background:none;border:none;color:var(--white);cursor:pointer;display:none;font-size:1.8rem;margin-left:170px;transition:transform .3s ease,color .3s ease}.hamburger:hover{transform:rotate(90deg)}.navbar-links{gap:20px}.navbar-links,.navbar-links a{align-items:center;display:flex}.navbar-links a{border-radius:8px;color:var(--white);font-family:var(--font-secondary);font-size:clamp(.9rem,2vw,1.2rem);gap:8px;padding:8px 15px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.navbar-links a:hover{background-color:var(--white);color:var(--rich-black);transform:scale(1.1)}.active{background-color:var(--white);border-radius:8px;color:var(--rich-black)!important;font-weight:600;padding:8px 15px;transition:background-color .3s ease,color .3s ease}.inactive{color:var(--white)}@media (max-width:768px){.hamburger{display:block}.navbar-links{animation:slideIn .3s ease forwards;background-color:var(--rich-black);border-radius:8px;box-shadow:0 4px 12px #fff3;display:none;flex-direction:column;gap:15px;padding:20px;position:absolute;right:20px;top:60px}.navbar-links.open{display:flex}.navbar-links a{font-size:1rem;padding:12px 20px;text-align:left;width:100%}.dish-details{margin:0 auto;max-width:90%;padding:15px}.calorie-identify h1{font-size:2rem}.dish-details h2{font-size:1.5rem}.dish-details h3{font-size:1rem}.dish-details .quantity-controls button{font-size:.9rem;padding:8px 10px}}@media (min-width:769px) and (max-width:1024px){.navbar-links{background-color:initial;box-shadow:none;display:flex;flex-direction:row;gap:20px;justify-content:flex-end;padding:0;position:static}.navbar-links a{font-size:1rem;padding:10px 15px;text-align:center;width:auto}.hamburger{display:none}.dish-details{margin:0 auto;max-width:80%;padding:20px}.calorie-identify h1{font-size:2.2rem}.dish-details h2{font-size:1.6rem}.dish-details h3{font-size:1.1rem}.dish-details .quantity-controls button{font-size:1rem;padding:10px 15px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.footer{background-color:var(--rich-black);border-top:2px solid var(--white);box-shadow:0 -4px 12px #0000004d;color:var(--white);margin-top:110px;padding:40px 20px;position:relative;text-align:center;z-index:10}.footer-content{margin:0 auto;max-width:1000px}.footer-content h2{color:var(--white);font-family:var(--font-primary);font-size:1.8rem;font-weight:700;letter-spacing:1.2px;margin-bottom:20px}.footer-content p{color:#fffc;font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.8;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px}.footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}.footer-links a{border-radius:5px;color:var(--white);font-family:var(--font-secondary);font-size:1rem;font-weight:500;padding:8px 12px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease}.footer-links a:hover{background-color:var(--white);color:var(--rich-black);transform:translateY(-3px)}.footer-social-icons{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.footer-social-icons a{background-color:#ffffff1a;border-radius:50%;color:var(--white);font-size:1.6rem;padding:10px;transition:transform .3s ease,background-color .3s ease,color .3s ease}.footer-social-icons a:hover{background-color:#fff3;color:var(--orange-web);transform:scale(1.2)}.footer-bottom{color:#fff9;font-family:var(--font-primary);font-size:.9rem;margin-top:20px}.footer-bottom span{color:var(--white);font-weight:600}@media (max-width:1024px){.footer-content h2{font-size:1.6rem}.footer-content p{font-size:.95rem;margin-bottom:25px}.footer-links a{font-size:.9rem;padding:6px 10px}.footer-social-icons a{font-size:1.4rem;padding:8px}.footer-bottom{font-size:.8rem}}@media (max-width:768px){.footer-content{padding:20px}.footer-content h2{font-size:1.4rem}.footer-content p{font-size:.85rem;line-height:1.5}.footer-links{gap:15px}.footer-links a{font-size:.85rem;padding:5px 8px}.footer-social-icons a{font-size:1.2rem;padding:6px}}button{align-items:center;background-color:#007ea7;border-radius:50px;box-shadow:0 4px 10px #0003;color:#fff;display:flex;font-size:clamp(1rem,2.5vw,1.5rem);gap:10px;justify-content:center;padding:15px 30px}button:hover{background-color:#005f87}button:active{box-shadow:0 2px 8px #0003;transform:scale(.95)}button:disabled{background-color:#d9d9d9;box-shadow:none;color:#7a7a7a;cursor:not-allowed}.qr-scanner{align-items:center;background:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:0 20px}.title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.subtitle,.title{text-align:center}.subtitle{color:#d9d9d9;font-size:1.2rem;line-height:1.5;margin-bottom:30px}.calendar-counter{background:#1b1b1b;box-shadow:0 10px 20px #0009;margin:0 auto;max-width:400px;padding:40px 20px;text-align:center;width:90%}.calendar-counter,.token-day{align-items:center;border-radius:15px;display:flex;flex-direction:column;justify-content:center}.token-day{background:#fff;box-shadow:0 5px 15px #0000004d;color:#000;padding:30px 40px}.token-day span{color:#000;font-size:4rem;font-weight:700;margin-bottom:10px}.token-day p{color:#000;font-size:1.2rem}.actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.btn-detect,.btn-scan{background:#fff;border:none;border-radius:10px;box-shadow:0 5px 15px #0000004d;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease}.btn-detect:hover,.btn-scan:hover{box-shadow:0 10px 20px #0006;transform:scale(1.05)}.btn-detect:focus,.btn-scan:focus{box-shadow:0 0 5px 2px #fff;outline:none}footer{color:#d9d9d9;font-size:.9rem;margin-top:30px;text-align:center}footer a{color:#fff;margin:0 10px;text-decoration:none}footer a:hover{text-decoration:underline}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif}.calorie-identify{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.calorie-identify h1{color:#fca311;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 6px #fff3}.dish-details{background-color:#1a1a1a;border:2px solid #fca311;border-radius:15px;box-shadow:0 6px 15px #ffffff1a;margin:0 auto;max-width:500px;padding:25px;width:100%}.dish-details h2{color:#e63946;font-size:1.8rem;margin-bottom:15px}.dish-details h3{color:#007ea7;font-size:1.2rem;margin-bottom:10px}.dish-details ul{list-style:none;margin:0;padding:0}.dish-details li{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.dish-details .quantity-controls{align-items:center;display:flex;gap:12px;justify-content:center}.dish-details .quantity-controls button{background-color:#fca311;border:2px solid #fca311;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.dish-details .quantity-controls button:hover{background-color:#e63946;border-color:#e63946;color:#fff;transform:scale(1.1)}.total-calories{box-shadow:0 4px 10px #0000004d;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.total-calories:hover{box-shadow:0 6px 15px #0006;transform:scale(1.02)}.calorie-value{color:#e63946;font-weight:700}.calorie-meter{background-color:#e63946;border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-top:10px;padding:5px 15px;text-shadow:1px 1px 3px #0000004d}.not-recommended{color:#e63946;font-weight:700}button{background-color:#fca311;border:none;border-radius:8px;box-shadow:0 6px 12px #0003;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:30px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#e63946;color:#fff;transform:scale(1.05)}.dish-image{border-radius:10px;margin:15px 0;max-height:250px;object-fit:cover;width:80%}.ingredient-item{align-items:center;display:flex;gap:15px;margin-bottom:15px}.ingredient-image{border:1px solid #ccc;border-radius:5px;height:70px;object-fit:cover;width:70px}.total-calories{align-items:center;background-color:#1a1a1a;border:2px solid #fca311;border-radius:8px;box-shadow:0 4px 10px #ffffff1a;color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;margin-top:20px;padding:15px 20px}@media (max-width:768px){.dish-details{max-width:90%;padding:20px}.calorie-identify h1{font-size:2rem}.dish-details h2{font-size:1.6rem}.dish-details h3{font-size:1rem}.dish-details .quantity-controls button{font-size:.9rem;padding:8px 10px}}.no-data{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.no-data h1{color:#fff;font-size:2rem;margin-bottom:20px}.no-data p{color:#ccc;font-size:1.2rem;margin-bottom:20px}.no-data button{background-color:#fca311;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.no-data button:hover{background-color:#e68a00}.no-data button:focus{outline:none}.about-section{background-color:#000;color:#fff;font-family:Poppins,sans-serif;line-height:1.8;padding:40px 20px;text-align:center}.about-title{color:#fff;font-size:clamp(2rem,3vw,3rem);font-weight:700;margin-bottom:20px}.about-description{color:#d9d9d9;font-size:clamp(1rem,1.5vw,1.2rem);margin:0 auto;max-width:800px}.social-links{margin-top:40px}.social-links h3{color:#fff;font-size:1.8rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.social-icons{display:flex;font-size:2rem;gap:20px;justify-content:center}.social-icon{color:#d9d9d9;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:#fff;transform:scale(1.1)}.skills h3{background:#fff;-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center;text-transform:uppercase}.skills h3:after{background:linear-gradient(90deg,#fff,#fff);border-radius:5px;content:"";display:block;height:4px;margin:10px auto 0;transition:all .3s ease-in-out;width:50px}.skills h3:hover:after{width:80px}.tech-logos{flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1000px}.tech-item,.tech-logos{align-items:center;display:flex}.tech-item{flex-direction:column;min-width:100px;text-align:center;width:22%}.tech-item,.tech-item i{transition:transform .3s ease,filter .3s ease}.tech-item i{color:#d9d9d9;font-size:70px;margin-bottom:10px}.tech-item i:hover{filter:brightness(1.2);transform:scale(1.15)}.tech-item span{color:#d9d9d9;font-size:1.3rem;text-transform:capitalize}.contact-us{background:linear-gradient(135deg,#1b1b1b,#1b1b1b);color:#fff;font-family:Poppins,sans-serif;padding:60px 20px;text-align:center}.contact-title{font-size:clamp(2.5rem,4vw,3rem);font-weight:700;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.contact-text{color:#d9d9d9;font-size:clamp(1rem,1.2vw,1.5rem);margin:10px 0}.team-title{color:#f3ecec;font-size:clamp(2rem,3vw,2.3rem);margin:50px 0 30px;text-transform:capitalize}.team-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.horizontal-card{background:#1b1b1b;border-radius:15px;box-shadow:0 10px 20px #0009;display:flex;flex-direction:row;margin:0 auto;max-width:800px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.horizontal-card:hover{box-shadow:0 20px 40px #000c;transform:translateY(-10px)}.image-container{overflow:hidden;width:40%}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.horizontal-card:hover .image-container img{transform:scale(1.1)}.content-container{display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:left;width:60%}.content-container h2{color:#fff;font-size:1.8rem;margin-bottom:10px}.content-container .role{color:#d9d9d9;font-size:1.2rem;margin-bottom:10px}.content-container .quote{color:#a9a9a9;font-size:1rem;font-style:italic;margin-bottom:5px}.content-container .verse{color:#d9d9d9;font-size:.9rem;font-style:italic;margin-bottom:15px;text-align:right}.content-container .portfolio-link{background:linear-gradient(135deg,#00a8e8,#fca311);border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-bottom:15px;padding:12px 25px;text-align:center;text-decoration:none;transition:background .3s ease,transform .3s ease}.content-container .portfolio-link:hover{background:linear-gradient(135deg,#fca311,#00a8e8);color:#fff;text-decoration:none;transform:scale(1.05)}.content-container .icons{display:flex;gap:15px;justify-content:space-evenly}.content-container .icons a{color:#d9d9d9;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.content-container .icons a:hover{color:#fca311;transform:scale(1.2)}@media (max-width:768px){.horizontal-card{flex-direction:column;gap:10px;max-width:100%}.image-container{width:100%}.content-container{padding:15px;text-align:center;width:100%}.verse{text-align:center}.content-container h2{font-size:1.5rem}.content-container .quote,.content-container .role,.content-container .verse{font-size:1rem;text-align:center}}
/*# sourceMappingURL=main.22abe945.css.map*/