@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink-50:#fff0f7;--pink-100:#ffd6eb;--pink-200:#ffadd6;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--rose-400:#fb7185;--rose-500:#f43f5e;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-400:#a3a3a3;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--font:"Outfit", system-ui, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #ec48991f, 0 2px 6px #ec48990f;--shadow-lg:0 20px 60px #ec48992e, 0 8px 24px #ec489914;--shadow-glow:0 0 40px #ec489940;--gradient-hero:linear-gradient(135deg, #fff0f7 0%, #fce7f3 40%, #fdf2f8 100%);--gradient-brand:linear-gradient(135deg, var(--pink-500), var(--rose-500));--gradient-card:linear-gradient(135deg, #ffffffe6, #fff0f7b3);--gradient-glass:linear-gradient(135deg, #ffffffb3, #fff0f766)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;overflow-x:hidden}.page-wrapper{border-radius:var(--radius-xl);background:var(--gradient-hero);max-width:1200px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden}.container{max-width:1100px;margin:0 auto;padding:0 40px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fff0f7d1;border-bottom:1px solid #ec48991a;justify-content:space-between;align-items:center;padding:20px 40px;transition:all .3s;display:flex;position:sticky;top:0}.navbar-brand{background:var(--gradient-brand);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:26px;font-style:italic;font-weight:800;text-decoration:none}.navbar-nav{align-items:center;gap:8px;list-style:none;display:flex}.navbar-nav a{color:var(--neutral-600);border-radius:var(--radius-full);padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-nav a:hover{color:var(--pink-600);background:#ec48991a}.navbar-cta{background:var(--gradient-brand)!important;color:#fff!important;box-shadow:var(--shadow-md)!important;font-weight:600!important;transition:all .3s!important}.navbar-cta:hover{box-shadow:var(--shadow-lg)!important;background:var(--gradient-brand)!important;transform:translateY(-1px)!important}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:520px;padding:60px 40px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec48991f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.hero-badge{color:var(--pink-600);border-radius:var(--radius-full);letter-spacing:.3px;background:#ec48991a;border:1px solid #ec489933;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;animation:.6s forwards fadeInUp;display:inline-flex}.hero-badge:before{content:"";background:var(--pink-500);width:7px;height:7px;box-shadow:0 0 6px var(--pink-500);border-radius:50%;animation:2s infinite pulse}.hero-title{letter-spacing:-2px;color:var(--neutral-900);opacity:0;margin-bottom:20px;font-size:64px;font-weight:900;line-height:1;animation:.7s .1s forwards fadeInUp}.hero-title span{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--neutral-600);opacity:0;max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.75;animation:.7s .2s forwards fadeInUp}.hero-actions{opacity:0;flex-wrap:wrap;gap:14px;animation:.7s .3s forwards fadeInUp;display:flex}.btn{font-family:var(--font);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--pink-600);background:#fff;border:1.5px solid #ec489940}.btn-outline:hover{background:var(--pink-50);border-color:var(--pink-400);transform:translateY(-2px)}.hero-image-wrapper{opacity:0;animation:.8s .2s forwards fadeInRight;position:relative}.hero-image-wrapper:before{content:"";background:var(--gradient-brand);border-radius:calc(var(--radius-xl) + 3px);z-index:0;opacity:.3;filter:blur(12px);position:absolute;inset:-3px}.hero-img{border-radius:var(--radius-xl);z-index:1;width:100%;box-shadow:var(--shadow-lg);object-fit:cover;max-height:420px;display:block;position:relative}.hero-stats{opacity:0;gap:28px;margin-top:36px;animation:.7s .4s forwards fadeInUp;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1.1}.stat-label{color:var(--neutral-600);font-size:13px;font-weight:500}.section{padding:64px 40px}.section-tag{letter-spacing:2px;text-transform:uppercase;color:var(--pink-500);margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.section-title{color:var(--neutral-900);letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.1}.section-title span{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--neutral-600);max-width:560px;font-size:16px;line-height:1.75}.detect-section{padding:64px 40px}.detect-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#ffffffa6;border:1px solid #fffc;padding:40px}.detect-header{margin-bottom:28px}.detect-desc{color:var(--neutral-600);margin-top:8px;font-size:15px;line-height:1.7}.mode-toggle{border-radius:var(--radius-md);background:#ec48990f;gap:10px;width:fit-content;margin-bottom:28px;padding:6px;display:flex}.mode-btn{font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;color:var(--neutral-600);background:0 0;border:none;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s}.mode-btn.active{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#fff0f766;border:2px dashed #ec48994d;margin-bottom:16px;padding:28px;transition:all .3s}.upload-zone:hover{border-color:var(--pink-400);background:#fff0f7b3}.upload-zone input[type=file]{display:none}.upload-label{cursor:pointer;color:var(--neutral-600);flex-direction:column;align-items:center;gap:10px;font-size:15px;display:flex}.upload-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--pink-500);background:#ec48991a;justify-content:center;align-items:center;font-size:22px;display:flex}.upload-hint{color:var(--neutral-400);font-size:13px}.detect-results{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.result-panel{border-radius:var(--radius-lg);background:#fff;border:1px solid #ec489914;overflow:hidden}.result-preview{background:linear-gradient(135deg,#fce7f3,#fff0f7);justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.preview-placeholder{color:var(--neutral-400);flex-direction:column;align-items:center;gap:12px;font-size:15px;display:flex}.preview-placeholder-icon{opacity:.4;font-size:40px}.preview-img{border-radius:var(--radius-lg);width:100%;display:block}.detection-overlay{position:absolute;inset:0}.detection-box{border:2px solid var(--pink-500);border-radius:var(--radius-sm);background:#ec489914;position:absolute}.detection-label{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-30px;left:0}.result-info-panel{max-height:340px;padding:20px;overflow-y:auto}.result-info-panel::-webkit-scrollbar{width:4px}.result-info-panel::-webkit-scrollbar-track{background:0 0}.result-info-panel::-webkit-scrollbar-thumb{background:#ec48994d;border-radius:2px}.detection-item{background:var(--pink-50);border-radius:var(--radius-md);border:1px solid #ec48991f;margin-bottom:10px;padding:14px 16px;transition:all .2s}.detection-item:hover{border-color:var(--pink-300);box-shadow:var(--shadow-sm)}.detection-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.detection-item-name{color:var(--neutral-800);text-transform:capitalize;font-size:15px;font-weight:700}.confidence-badge{color:var(--pink-600);border-radius:var(--radius-full);background:#ec48991a;padding:2px 10px;font-size:13px;font-weight:600}.confidence-bar-wrap{background:var(--neutral-100);border-radius:var(--radius-full);height:4px;overflow:hidden}.confidence-bar{background:var(--gradient-brand);border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.empty-state{min-height:200px;color:var(--neutral-400);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.empty-state-icon{opacity:.4;font-size:36px}.camera-container{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fce7f3,#fff0f7);justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.camera-video{border-radius:var(--radius-lg);width:100%;display:block;transform:scaleX(-1)}.camera-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-controls{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.btn-danger{color:#ef4444;background:#fff;border:1.5px solid #ef444440}.btn-danger:hover{background:#fef2f2;border-color:#ef4444}.recommendations{margin-top:40px}.rec-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ec489914;margin-bottom:20px;padding:28px}.rec-card-title{color:var(--neutral-900);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.rec-card-title:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:20px}.ingredients-wrap{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ingredient-tag{background:var(--pink-50);color:var(--pink-600);border-radius:var(--radius-full);border:1px solid #ec489933;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.ingredient-tag:hover{border-color:var(--pink-400);background:#ec48991f}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.product-card{border-radius:var(--radius-md);background:var(--neutral-50);border:1px solid #ec48991a;padding:14px;transition:all .25s}.product-card:hover{border-color:var(--pink-400);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-2px)}.product-name{color:var(--neutral-800);margin-bottom:4px;font-size:14px;font-weight:700}.product-price{color:var(--pink-600);font-size:13px;font-weight:600}.error-msg{color:#dc2626;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.status-loading{color:var(--pink-600);align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:500;display:flex}.spinner{border:2px solid #ec489933;border-top-color:var(--pink-500);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.about-section{background:#ffffff73;padding:80px 40px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-image-wrapper{position:relative}.about-img{border-radius:var(--radius-xl);object-fit:cover;width:100%;max-height:460px;box-shadow:var(--shadow-lg);display:block}.about-img-badge{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #ec48991a;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:20px;right:-16px}.about-img-badge-icon{font-size:28px;line-height:1}.about-img-badge-text strong{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;display:block}.about-img-badge-text span{color:var(--neutral-600);font-size:12px;font-weight:500}.feature-list{flex-direction:column;gap:16px;margin-top:32px;display:flex}.feature-item{border-radius:var(--radius-md);background:#fff;border:1px solid #ec489914;align-items:flex-start;gap:14px;padding:16px;transition:all .25s;display:flex}.feature-item:hover{box-shadow:var(--shadow-sm);border-color:#ec489933;transform:translate(4px)}.feature-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#ec48991f,#f472b614);justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:20px;display:flex}.feature-content h4{color:var(--neutral-800);margin-bottom:4px;font-size:15px;font-weight:700}.feature-content p{color:var(--neutral-600);font-size:13px;line-height:1.6}.tech-stack{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tech-badge{color:var(--pink-700);border-radius:var(--radius-full);background:#ec48990f;border:1px solid #ec489926;padding:6px 14px;font-size:13px;font-weight:600}.testimonials-section{padding:80px 40px}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.testimonial-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ec489914;padding:28px;transition:all .3s;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md);border-color:#ec489933;transform:translateY(-4px)}.testimonial-card:before{content:"\"";background:var(--gradient-brand);-webkit-text-fill-color:transparent;opacity:.3;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:900;line-height:1;position:absolute;top:16px;right:24px}.testimonial-quote{color:var(--neutral-700);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.testimonial-name{color:var(--neutral-800);font-size:14px;font-weight:700}.testimonial-role{color:var(--neutral-400);font-size:12px;font-weight:500}.stars{color:var(--pink-400);letter-spacing:2px;margin-bottom:12px;font-size:14px}.contact-section{background:#fff6;padding:80px 40px}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:52px;margin-top:48px;display:grid}.contact-info-title{color:var(--neutral-800);margin-bottom:8px;font-size:22px;font-weight:700}.contact-info-desc{color:var(--neutral-600);margin-bottom:32px;font-size:15px;line-height:1.7}.contact-cards{flex-direction:column;gap:14px;display:flex}.contact-card{border-radius:var(--radius-md);background:#fff;border:1px solid #ec48991a;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .25s;display:flex}.contact-card:hover{border-color:var(--pink-400);box-shadow:var(--shadow-sm);transform:translate(4px)}.contact-card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#ec48991f,#f472b614);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.contact-card-label{color:var(--neutral-400);margin-bottom:2px;font-size:12px;font-weight:500}.contact-card-value{color:var(--neutral-800);font-size:14px;font-weight:700}.contact-form-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;border:1px solid #ec48991a;padding:36px}.form-title{color:var(--neutral-800);margin-bottom:24px;font-size:20px;font-weight:700}.form-group{margin-bottom:18px}.form-label{color:var(--neutral-700);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{width:100%;font-family:var(--font);border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--neutral-800);outline:none;padding:12px 16px;font-size:15px;transition:all .25s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--pink-400);background:#fff;box-shadow:0 0 0 3px #ec48991a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-submit-wrap{margin-top:8px}.form-submit-wrap .btn{justify-content:center;width:100%;padding:14px;font-size:16px}.form-success{border-radius:var(--radius-lg);text-align:center;color:var(--pink-600);background:linear-gradient(135deg,#ec48990f,#f472b60a);border:1px solid #ec489933;flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:15px;font-weight:500;display:flex}.form-success-icon{font-size:32px}.footer{background:var(--neutral-900);color:var(--neutral-400);padding:48px 40px 32px}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:24px;font-style:italic;font-weight:800}.footer-brand-desc{color:var(--neutral-400);max-width:280px;font-size:14px;line-height:1.7}.footer-col-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--neutral-200);margin-bottom:16px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--neutral-400);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--pink-400)}.footer-divider{background:#ffffff0f;height:1px;margin-bottom:24px}.footer-bottom{justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer-copy{color:var(--neutral-400)}.footer-copy span{color:var(--pink-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding:40px 24px}.hero-image-wrapper{order:-1}.hero-title{font-size:44px}.detect-results,.about-grid{grid-template-columns:1fr}.about-img-badge{right:0}.contact-grid,.footer-top,.testimonials-grid,.form-row{grid-template-columns:1fr}.section{padding:48px 24px}.detect-section{padding:40px 24px}.about-section,.contact-section,.testimonials-section{padding:48px 24px}.footer{padding:40px 24px 24px}.navbar{padding:16px 24px}}