.feature-hero-section{padding:32rem 0 var(--spacing-xl);background:linear-gradient(135deg,#d1fae5 0,#fff 25%,#ecfccb 50%,#fff 75%,#dcfce7 100%);position:relative;overflow:hidden;min-height:80vh}.feature-hero-section::after,.feature-hero-section::before{display:none}.hero-nutrition-bg-fresh-1{position:absolute;top:-10%;left:-8%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(34,197,94,.13) 0,transparent 70%);pointer-events:none;z-index:0}.hero-nutrition-bg-fresh-2{position:absolute;bottom:-12%;right:-5%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(163,230,53,.11) 0,transparent 70%);pointer-events:none;z-index:0}.hero-nutrition-bg-fresh-3{position:absolute;top:35%;right:15%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none;z-index:0}.hero-nutrition-bg-fresh-4{position:absolute;top:50%;left:20%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(132,204,22,.09) 0,transparent 70%);pointer-events:none;z-index:0}.hero-nutrition-bg-plate{position:absolute;top:18%;right:28%;width:25rem;height:25rem;border:3px solid rgba(34,197,94,.08);border-radius:50%;pointer-events:none;z-index:0}.hero-nutrition-bg-fork{position:absolute;bottom:25%;left:35%;width:8rem;height:22rem;background:linear-gradient(180deg,rgba(163,230,53,.12),transparent);border-radius:1rem 1rem 0 0;pointer-events:none;z-index:0;transform:rotate(-15deg)}.hero-nutrition-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(34,197,94,.04) 2px,transparent 2px),radial-gradient(circle,rgba(163,230,53,.03) 2px,transparent 2px);background-size:70px 70px,100px 100px;background-position:0 0,35px 35px;pointer-events:none;z-index:0}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.feature-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:var(--z-normal)}.feature-hero-text{position:relative;top:-77px;max-width:60rem}.feature-badge{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(212,175,55,.1) 0,rgba(212,175,55,.05) 100%);color:var(--color-primary);padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1.4rem;font-weight:600;margin-bottom:var(--spacing-md);border:1px solid rgba(212,175,55,.2);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(212,175,55,.1);transition:var(--transition-fast)}.feature-badge:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,175,55,.2)}.feature-badge i{font-size:1.8rem}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-hero-title{font-family:var(--font-primary);font-size:clamp(3rem, 6vw, 5.6rem);font-weight:400;line-height:1.1;color:var(--color-dark);margin-bottom:var(--spacing-md);position:relative}.feature-hero-title::after{content:"";position:absolute;bottom:-10px;left:0;width:120px;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:2px}.feature-hero-subtitle{font-size:clamp(1.4rem, 2vw, 1.8rem);line-height:1.6;color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-weight:400}.feature-hero-cta{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.feature-hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.feature-mockup{position:relative;max-width:100%;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:var(--transition-slow)}.feature-mockup:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) scale(1.02)}.feature-screen{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 30px 80px rgba(0,0,0,.15);border:1px solid rgba(212,175,55,.1)}.nutrient-visual-container{display:flex;justify-content:center;align-items:center;height:40rem;position:relative}.nutrient-network{position:relative;width:30rem;height:30rem}.nutrient-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-dark);animation:3s infinite pulse;box-shadow:var(--shadow-gold)}.nutrient-node{position:absolute;width:11rem;height:11rem;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.8rem;color:var(--color-dark);animation:2s infinite pulse;animation-delay:var(--delay);box-shadow:var(--shadow-md)}.nutrient-label{font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.05rem;margin-top:.3rem;font-family:var(--font-secondary)}.node-1{top:60%;left:130%;transform:translateX(-50%)}.node-2{top:75%;right:94%}.node-3{bottom:49%;right:133%}.node-4{bottom:75%;left:150%;transform:translateX(-50%)}.node-5{bottom:30%;left:10%}.node-6{top:30%;left:10%}.nutrient-connection{position:absolute;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);animation:3s infinite flow;border-radius:1px}.connection-1{top:25%;left:35%;width:20%;transform:rotate(-45deg);animation-delay:.5s}.connection-2{top:50%;left:60%;width:25%;transform:rotate(0);animation-delay:1s}.connection-3{bottom:25%;left:60%;width:20%;transform:rotate(45deg);animation-delay:1.5s}.connection-4{bottom:25%;left:35%;width:20%;transform:rotate(-45deg);animation-delay:2s}.connection-5{top:50%;left:15%;width:25%;transform:rotate(0);animation-delay:2.5s}.connection-6{top:25%;left:20%;width:20%;transform:rotate(45deg);animation-delay:3s}@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes flow{0%,100%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}.feature-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-back)}.bg-shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0,transparent 70%);animation:15s ease-in-out infinite float}.shape-1{width:300px;height:300px;top:10%;right:10%;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:20%;left:5%;animation-delay:5s}.shape-3{width:150px;height:150px;top:60%;right:30%;animation-delay:10s}.key-features-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#ede9fe 0,#fff 25%,#e0e7ff 50%,#fff 75%,#f3e8ff 100%);position:relative;overflow:hidden}.features-tracking-bg-tech-1{position:absolute;top:-12%;right:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(139,92,246,.12) 0,transparent 70%);pointer-events:none;z-index:0}.features-tracking-bg-tech-2{position:absolute;bottom:-10%;left:-5%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(99,102,241,.11) 0,transparent 70%);pointer-events:none;z-index:0}.features-tracking-bg-tech-3{position:absolute;top:40%;left:20%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(168,85,247,.1) 0,transparent 70%);pointer-events:none;z-index:0}.features-tracking-bg-tech-4{position:absolute;top:55%;right:18%;width:48rem;height:48rem;background:radial-gradient(circle,rgba(124,58,237,.09) 0,transparent 70%);pointer-events:none;z-index:0}.features-tracking-bg-mic{position:absolute;top:20%;left:38%;width:12rem;height:20rem;background:linear-gradient(180deg,rgba(139,92,246,.1),transparent);border-radius:6rem 6rem 0 0;pointer-events:none;z-index:0;transform:rotate(5deg)}.features-tracking-bg-barcode{position:absolute;bottom:30%;right:32%;width:18rem;height:12rem;background:repeating-linear-gradient(90deg,rgba(99,102,241,.08) 0,rgba(99,102,241,.08) 3px,transparent 3px,transparent 6px);border-radius:.5rem;pointer-events:none;z-index:0}.features-tracking-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(139,92,246,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(99,102,241,.02) 1px,transparent 1px);background-size:75px 75px;pointer-events:none;z-index:0}.section-header{text-align:center;margin-bottom:var(--spacing-xl);max-width:80rem;margin-left:auto;margin-right:auto}.section-header.centered{text-align:center}.section-title{font-family:var(--font-primary);font-size:clamp(2.8rem, 5vw, 4.8rem);font-weight:400;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2;position:relative}.section-title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:2px}.section-subtitle{font-size:clamp(1.4rem, 2vw, 1.8rem);line-height:1.6;color:var(--color-text-light);font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:0 10px 40px rgba(0,0,0,.08);border:1px solid rgba(212,175,55,.1);transition:all var(--transition-medium);position:relative;overflow:hidden;text-align:center}.feature-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);transform:scaleX(0);transition:transform var(--transition-fast)}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.12);border-color:rgba(212,175,55,.2)}.feature-icon{width:8rem;height:8rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;margin:0 auto var(--spacing-md);box-shadow:0 8px 30px rgba(212,175,55,.3);transition:var(--transition-fast);position:relative}.feature-icon::before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:50%;z-index:var(--z-back);opacity:0;transition:opacity var(--transition-fast)}.feature-card:hover .feature-icon::before{opacity:1}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(212,175,55,.4)}.feature-card h3{font-family:var(--font-primary);font-size:clamp(1.8rem, 2.5vw, 2.4rem);color:var(--color-dark);margin-bottom:var(--spacing-sm);font-weight:500}.feature-card p{color:var(--color-text-light);line-height:1.6;font-size:1.5rem}.feature-demo-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);position:relative;overflow:hidden}.feature-demo-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(circle at 70% 30%,rgba(212,175,55,.05) 0,transparent 50%);pointer-events:none;z-index:var(--z-back)}.demo-container{position:relative;z-index:var(--z-normal)}.nutrition-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:140rem;margin:0 auto}.dashboard-card{background:linear-gradient(145deg,var(--color-light) 0,rgba(248,248,248,.95) 100%);border-radius:var(--radius-xl);box-shadow:0 15px 50px rgba(0,0,0,.1),0 5px 15px rgba(212,175,55,.1),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(212,175,55,.15);overflow:hidden;transition:all var(--transition-medium);position:relative;backdrop-filter:blur(10px)}.dashboard-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 35%,var(--color-primary-light) 70%,var(--color-accent) 100%);background-size:200% 100%;animation:3s ease-in-out infinite shimmer}.dashboard-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.03) 0,transparent 50%,rgba(212,175,55,.05) 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-medium)}.dashboard-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px rgba(0,0,0,.15),0 10px 30px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(212,175,55,.3)}.dashboard-card:hover::after{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);border-bottom:1px solid var(--color-light-gray)}.card-header h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin:0;font-weight:500}.date-selector{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-light);padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-light-gray);box-shadow:var(--shadow-sm)}.date-nav{background:0 0;border:none;color:var(--color-primary);font-size:1.4rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition-fast)}.date-nav:hover{background:var(--color-primary);color:var(--color-dark);transform:scale(1.1)}.current-date{font-size:1.4rem;font-weight:600;color:var(--color-dark);min-width:120px;text-align:center}.card-content{padding:var(--spacing-lg)}.summary-card{grid-row:span 2;background:linear-gradient(145deg,rgba(255,255,255,.95) 0,rgba(248,248,248,.9) 100%);position:relative;overflow:hidden}.summary-card::before{background:linear-gradient(90deg,#e6c866 0,#d4af37 25%,#c9b037 50%,#b8941f 75%,#d4af37 100%);height:5px}.calorie-summary{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.calorie-circle{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 6px 25px rgba(212, 175, 55, .4))}.progress-ring-circle-bg{stroke:#e8e8e8;stroke-dasharray:502.4;stroke-dashoffset:0;opacity:.3}.progress-ring-circle{stroke:url(#calorie-gradient);stroke-dasharray:502.4;stroke-dashoffset:138.16;stroke-linecap:round;transition:2s cubic-bezier(.4, 0, .2, 1);animation:2.5s ease-out progress-fill}@keyframes progress-fill{0%{stroke-dashoffset:502.4;opacity:0}20%{opacity:1}100%{stroke-dashoffset:138.16;opacity:1}}.calorie-text{position:absolute;text-align:center;font-family:var(--font-secondary);animation:1s ease-out .5s both fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calories-consumed{display:block;font-size:4rem;font-weight:800;color:var(--color-dark);line-height:1;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calories-total{display:block;font-size:2.2rem;color:var(--color-text-light);line-height:1;font-weight:500}.calories-label{display:block;font-size:1.4rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:.8rem;font-weight:600}.calorie-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);width:100%;max-width:42rem;margin:0 auto;justify-content:center}.calorie-item{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(145deg,rgba(255,255,255,.9) 0,rgba(248,248,248,.8) 100%);border-radius:var(--radius-lg);border:2px solid rgba(212,175,55,.1);transition:all var(--transition-fast);position:relative;overflow:hidden;min-width:120px}.calorie-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s}.calorie-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px rgba(212,175,55,.2),0 4px 15px rgba(0,0,0,.1);border-color:rgba(212,175,55,.3)}.calorie-item:hover::before{left:100%}.item-label{display:block;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.8rem}.item-value{display:block;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.macro-summary{width:100%;margin-top:var(--spacing-lg);padding:0 var(--spacing-sm)}.macro-summary h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-lg);text-align:center}.macro-item{margin-bottom:var(--spacing-lg);width:100%}.macro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;width:100%}.macro-name{font-size:1.4rem;font-weight:600;color:var(--color-dark)}.macro-value{font-size:1.4rem;color:var(--color-text-light);font-weight:500}.progress-bar{background:var(--color-light-gray);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(212,175,55,.1);width:100%;max-width:100%}.progress-fill{border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.2)}.progress-fill::after{content:""}.progress-fill.protein{background:linear-gradient(90deg,#e74c3c 0,#c0392b 100%)}.progress-fill.carbs{background:linear-gradient(90deg,#f39c12 0,#e67e22 100%)}.progress-fill.fat{background:linear-gradient(90deg,#9b59b6 0,#8e44ad 100%)}.food-entry-card{grid-column:span 1}.add-food-btn{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.3rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 15px rgba(212,175,55,.3)}.add-food-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,175,55,.4)}.meal-section{margin-bottom:var(--spacing-lg);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-light-dim)}.meal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-light) 0,var(--color-light-dim) 100%);border-bottom:1px solid var(--color-light-gray)}.meal-header h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin:0;font-weight:500}.meal-calories{font-size:1.4rem;font-weight:600;color:var(--color-primary);background:rgba(212,175,55,.1);padding:.5rem 1rem;border-radius:var(--radius-sm)}.food-items{padding:var(--spacing-sm)}.food-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast);cursor:pointer}.food-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.food-name{display:block;font-size:1.5rem;font-weight:600;color:var(--color-dark);margin-bottom:.3rem}.food-details{display:block;font-size:1.2rem;color:var(--color-text-muted)}.food-macros{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.food-calories{font-size:1.4rem;font-weight:700;color:var(--color-primary);margin-right:var(--spacing-sm)}.macro-pills{display:flex;gap:.5rem;flex-wrap:wrap}.macro-pill{padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:600;color:var(--color-light);text-transform:uppercase;letter-spacing:.3px}.macro-pill.protein{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%)}.macro-pill.carbs{background:linear-gradient(135deg,#f39c12 0,#e67e22 100%)}.macro-pill.fat{background:linear-gradient(135deg,#9b59b6 0,#8e44ad 100%)}.food-expand-btn{background:0 0;border:1px solid var(--color-light-gray);color:var(--color-text-light);padding:.8rem;border-radius:50%;cursor:pointer;transition:var(--transition-fast);width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center}.food-expand-btn:hover{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary);transform:rotate(180deg)}.food-item-details{display:none;padding:var(--spacing-md);background:var(--color-light-dim);border-top:1px solid var(--color-light-gray);margin-top:var(--spacing-sm);border-radius:var(--radius-md);animation:.3s ease-out slideDown}.food-item-details.active{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.food-item-details h5{font-family:var(--font-primary);font-size:1.6rem;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--spacing-sm)}.nutrition-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:var(--color-light);border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.1)}.nutrition-label{font-size:1.2rem;color:var(--color-text-light);font-weight:500}.nutrition-value{font-size:1.2rem;font-weight:600;color:var(--color-dark)}.recent-foods-card{grid-column:span 2}.recent-foods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--spacing-md)}.recent-food-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);background:var(--color-light-dim);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.1);transition:all var(--transition-fast);cursor:pointer}.recent-food-item:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.1);border-color:rgba(212,175,55,.2)}.food-icon{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);box-shadow:0 6px 20px rgba(212,175,55,.3);transition:var(--transition-fast)}.recent-food-item:hover .food-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px rgba(212,175,55,.4)}.recent-food-item .food-name{font-size:1.4rem;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.recent-food-item .food-calories{font-size:1.2rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.add-recent-btn{background:0 0;border:2px solid var(--color-primary);color:var(--color-primary);padding:.8rem 1.5rem;border-radius:var(--radius-md);font-size:1.2rem;cursor:pointer;transition:var(--transition-fast);font-weight:600}.add-recent-btn:hover{background:var(--color-primary);color:var(--color-dark);transform:scale(1.05)}.entry-methods-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#cffafe 0,#fff 25%,#e0f2fe 50%,#fff 75%,#dbeafe 100%);position:relative;overflow:hidden}.entry-methods-bg-input-1{position:absolute;top:-10%;left:-8%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(6,182,212,.13) 0,transparent 70%);pointer-events:none;z-index:0}.entry-methods-bg-input-2{position:absolute;bottom:-12%;right:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(14,165,233,.11) 0,transparent 70%);pointer-events:none;z-index:0}.entry-methods-bg-input-3{position:absolute;top:35%;right:20%;width:52rem;height:52rem;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);pointer-events:none;z-index:0}.entry-methods-bg-input-4{position:absolute;top:50%;left:25%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(8,145,178,.09) 0,transparent 70%);pointer-events:none;z-index:0}.entry-methods-bg-search{position:absolute;top:25%;left:35%;width:20rem;height:20rem;background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(14,165,233,.08));border-radius:50%;pointer-events:none;z-index:0;border:3px solid rgba(6,182,212,.15)}.entry-methods-bg-pen{position:absolute;bottom:28%;right:30%;width:6rem;height:20rem;background:linear-gradient(135deg,rgba(59,130,246,.12),transparent);border-radius:.5rem;pointer-events:none;z-index:0;transform:rotate(-30deg)}.entry-methods-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(6,182,212,.04) 2px,transparent 2px),radial-gradient(circle,rgba(14,165,233,.03) 2px,transparent 2px);background-size:65px 65px,95px 95px;background-position:0 0,32px 32px;pointer-events:none;z-index:0}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.method-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:0 15px 50px rgba(0,0,0,.08);border:1px solid rgba(212,175,55,.1);transition:all var(--transition-medium);position:relative;overflow:hidden;text-align:center}.method-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);transform:scaleX(0);transition:transform var(--transition-fast)}.method-card:hover::before{transform:scaleX(1)}.method-card:hover{transform:translateY(-10px);box-shadow:0 25px 70px rgba(0,0,0,.12);border-color:rgba(212,175,55,.2)}.method-icon{width:8rem;height:8rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;margin:0 auto var(--spacing-md);box-shadow:0 10px 35px rgba(212,175,55,.3);transition:var(--transition-fast)}.method-card:hover .method-icon{transform:scale(1.15) rotate(10deg);box-shadow:0 15px 45px rgba(212,175,55,.4)}.method-card h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-weight:500}.method-card p{color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.method-demo{background:var(--color-light-dim);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid rgba(212,175,55,.1);margin-top:var(--spacing-md)}.search-demo{max-width:100%;position:relative}.search-input-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.search-input-container .top-row{display:flex;gap:.5rem}.search-input{flex:1;padding:1.2rem 1.5rem;border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:1.4rem;transition:var(--transition-fast);background:var(--color-light);font-family:var(--font-secondary)}.search-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(212,175,55,.1)}.search-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.search-btn{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);padding:1.2rem 1.8rem;border-radius:var(--radius-md);transition:var(--transition-fast);font-size:1.4rem;font-weight:600;min-width:60px}.search-btn:hover{box-shadow:0 4px 15px rgba(212,175,55,.3)}.unit-toggle{display:flex;background:var(--color-light-gray);border-radius:var(--radius-sm);padding:.3rem;gap:.2rem}.unit-btn{background:0 0;border:none;padding:.8rem 1.2rem;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:var(--color-text-light)}.unit-btn.active{background:var(--color-primary);color:var(--color-dark);box-shadow:0 2px 8px rgba(212,175,55,.3)}.unit-btn:hover:not(.active){background:rgba(212,175,55,.1);color:var(--color-dark)}.search-results{background:var(--color-light);border-radius:var(--radius-md);border:1px solid var(--color-light-gray);overflow:hidden;max-height:300px;overflow-y:auto;transition:var(--transition-fast)}.search-result{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-light-gray);cursor:pointer;transition:var(--transition-fast)}.search-result:last-child{border-bottom:none}.search-result:hover{background:rgba(212,175,55,.05)}.result-info{display:flex;flex-direction:column;gap:.3rem}.result-name{font-size:1.4rem;color:var(--color-dark)}.result-details{color:var(--color-text-light);transition:var(--transition-fast)}.result-nutrition{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.result-calories{font-size:1.3rem;font-weight:600;color:var(--color-primary)}.result-protein{font-size:1.1rem;color:var(--color-text-light)}.search-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10}.search-limit-message{text-align:center;padding:var(--spacing-xl);max-width:300px}.search-disabled-message{text-align:center;padding:var(--spacing-lg);background:rgba(255,87,34,.1);border-radius:var(--radius-md);border:1px solid rgba(255,87,34,.2);margin:var(--spacing-sm)}.disabled-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);opacity:.7}.search-disabled-message p{font-size:1.3rem;color:#d84315;margin:0;font-weight:500}.limit-icon{width:5rem;height:5rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md) auto;box-shadow:var(--shadow-gold)}.limit-icon i{font-size:2rem;color:var(--color-dark)}.search-limit-message h4{font-family:var(--font-primary);font-size:1.8rem;color:var(--color-dark);margin:0 0 var(--spacing-sm) 0}.search-limit-message p{font-size:1.3rem;color:var(--color-text-light);margin:0 0 var(--spacing-lg) 0;line-height:1.4}.search-signin-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:.3s ease-out fadeIn}.search-signin-popup{background:var(--color-light);border-radius:var(--radius-lg);max-width:450px;width:90%;margin:2rem;box-shadow:var(--shadow-gold);animation:.3s ease-out slideUp;overflow:hidden}.popup-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;color:var(--color-dark)}.popup-header h3{font-family:var(--font-primary);font-size:1.8rem;margin:0;font-weight:600}.popup-close{background:0 0;border:none;font-size:2.4rem;color:var(--color-dark);cursor:pointer;padding:0;line-height:1;opacity:.7;transition:var(--transition-fast)}.popup-close:hover{opacity:1;transform:scale(1.1)}.popup-content{padding:var(--spacing-xl);text-align:center}.popup-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.8}.popup-content h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin:0 0 var(--spacing-md) 0;font-weight:600}.popup-content p{font-size:1.4rem;color:var(--color-text-light);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.popup-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.popup-actions .btn{min-width:140px;padding:var(--spacing-md) var(--spacing-lg)}.signin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:.3s ease-out fadeIn}.signin-modal{background:var(--color-light);border-radius:var(--radius-lg);max-width:400px;width:90%;margin:2rem;box-shadow:var(--shadow-gold);animation:.3s ease-out slideUp;overflow:hidden}.signin-modal .modal-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;color:var(--color-dark)}.signin-modal .modal-header h3{font-family:var(--font-primary);font-size:1.8rem;margin:0;font-weight:600}.signin-modal .modal-close{background:0 0;border:none;font-size:2.4rem;color:var(--color-dark);cursor:pointer;padding:0;line-height:1;opacity:.7;transition:var(--transition-fast)}.signin-modal .modal-close:hover{opacity:1;transform:scale(1.1)}.signin-modal .modal-content{padding:var(--spacing-xl);text-align:center}.signin-modal .modal-content p{font-size:1.4rem;color:var(--color-text-light);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.auth-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.auth-buttons .btn{min-width:140px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;text-align:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-result{display:flex;justify-content:space-between}.search-result:hover{background:var(--color-light-dim);transform:translateX(5px)}.result-name{font-weight:600;color:var(--color-dark)}.result-details{font-size:1.2rem;color:var(--color-text-muted)}.barcode-demo{display:flex;justify-content:center}.barcode-scanner{position:relative;width:200px;height:150px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-primary)}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(212,175,55,.1);z-index:var(--z-normal)}.scanner-line{position:absolute;top:50%;left:10%;right:10%;height:2px;background:var(--color-primary);animation:2s ease-in-out infinite scan;box-shadow:0 0 10px var(--color-primary)}@keyframes scan{0%,100%{transform:translateY(-20px);opacity:.5}50%{transform:translateY(20px);opacity:1}}.scanner-img{width:100%;height:100%;object-fit:cover}.ai-demo{display:flex;justify-content:center}.ai-recognition{position:relative;width:200px;height:150px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-primary)}.recognition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(212,175,55,.1);z-index:var(--z-normal)}.recognition-markers{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px dashed var(--color-primary);border-radius:var(--radius-sm);animation:2s ease-in-out infinite pulse}.recognition-markers::after,.recognition-markers::before{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--color-primary)}.recognition-markers::before{top:-3px;left:-3px;border-right:none;border-bottom:none}.recognition-markers::after{bottom:-3px;right:-3px;border-left:none;border-top:none}.recognition-img{width:100%;height:100%;object-fit:cover}.manual-demo{max-width:100%}.manual-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:1.2rem;font-weight:600;color:var(--color-dark)}.form-input{padding:1rem 1.5rem;border:2px solid var(--color-light-gray);border-radius:var(--radius-md);font-size:1.4rem;transition:var(--transition-fast);background:var(--color-light)}.form-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(212,175,55,.1)}.micronutrient-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-light-dim) 0,var(--color-light) 100%);position:relative;overflow:hidden}.micronutrient-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.08) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(212,175,55,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(212,175,55,.05) 0,transparent 70%);pointer-events:none;z-index:var(--z-back);animation:8s ease-in-out infinite backgroundPulse}@keyframes backgroundPulse{0%,100%{opacity:.6}50%{opacity:1}}.micronutrient-demo{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;margin-top:var(--spacing-xl);position:relative;z-index:var(--z-normal)}.micronutrient-visual{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.radar-chart{position:relative;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at center,var(--color-light) 0,var(--color-light-dim) 100%);box-shadow:0 30px 80px rgba(0,0,0,.15),inset 0 4px 20px rgba(212,175,55,.1);border:2px solid rgba(212,175,55,.2);overflow:hidden;animation:6s ease-in-out infinite chartFloat}@keyframes chartFloat{0%,100%{transform:translateY(0) rotate(0);box-shadow:0 30px 80px rgba(0,0,0,.15),inset 0 4px 20px rgba(212,175,55,.1)}50%{transform:translateY(-10px) rotate(2deg);box-shadow:0 40px 100px rgba(0,0,0,.2),inset 0 6px 25px rgba(212,175,55,.15)}}.radar-svg{width:100%;height:100%;padding:20px}.radar-grid{animation:4s ease-in-out infinite gridPulse}@keyframes gridPulse{0%,100%{opacity:.6}50%{opacity:1}}.radar-data{animation:3s ease-in-out infinite dataGlow;filter:drop-shadow(0 0 10px rgba(212, 175, 55, .4))}@keyframes dataGlow{0%,100%{fill-opacity:0.3;stroke-opacity:0.8}50%{fill-opacity:0.5;stroke-opacity:1}}.radar-point{animation:2s ease-in-out infinite pointPulse;filter:drop-shadow(0 0 5px rgba(212, 175, 55, .6))}.radar-point:first-child{animation-delay:0s}.radar-point:nth-child(2){animation-delay:.25s}.radar-point:nth-child(3){animation-delay:.5s}.radar-point:nth-child(4){animation-delay:.75s}.radar-point:nth-child(5){animation-delay:1s}.radar-point:nth-child(6){animation-delay:1.25s}.radar-point:nth-child(7){animation-delay:1.5s}.radar-point:nth-child(8){animation-delay:1.75s}@keyframes pointPulse{0%,100%{r:4;fill-opacity:0.8}50%{r:6;fill-opacity:1}}.radar-label{fill:var(--color-dark);font-family:var(--font-primary);font-size:12px;font-weight:600;opacity:.8;transition:opacity .3s}.radar-chart:hover .radar-label{opacity:1}.radar-chart:hover .radar-data{fill-opacity:0.4;stroke-opacity:1}.micronutrient-content h3{font-family:var(--font-primary);font-size:3.2rem;color:var(--color-dark);margin-bottom:var(--spacing-md);font-weight:600;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.micronutrient-content p{font-size:1.6rem;line-height:1.7;color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.micronutrient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.micronutrient-category-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;margin:var(--spacing-xl) 0;padding:var(--spacing-xl) 0;border-bottom:1px solid rgba(212,175,55,.1)}.micronutrient-category-section:last-child{border-bottom:none}.vitamins-chart{background:radial-gradient(circle at center,rgba(255,255,255,.95) 0,rgba(76,175,80,.05) 100%);border:2px solid rgba(76,175,80,.2)}.vitamins-data{filter:drop-shadow(0 0 15px rgba(76, 175, 80, .4))}.minerals-chart{background:radial-gradient(circle at center,rgba(255,255,255,.95) 0,rgba(156,39,176,.05) 100%);border:2px solid rgba(156,39,176,.2)}.minerals-data{filter:drop-shadow(0 0 15px rgba(156, 39, 176, .4))}.other-chart{background:radial-gradient(circle at center,rgba(255,255,255,.95) 0,rgba(255,152,0,.05) 100%);border:2px solid rgba(255,152,0,.2)}.other-data{filter:drop-shadow(0 0 15px rgba(255, 152, 0, .4))}.progress-text{fill:var(--color-dark);font-family:var(--font-primary);text-anchor:middle;dominant-baseline:central}.progress-label{fill:var(--color-text-light);font-family:var(--font-primary);font-size:10px;font-weight:500;text-anchor:middle;dominant-baseline:central}.vitamins-chart .radar-point{animation:2s ease-in-out infinite pointPulse;filter:drop-shadow(0 0 8px rgba(76, 175, 80, .6))}.minerals-chart .radar-point{animation:2s ease-in-out .3s infinite pointPulse;filter:drop-shadow(0 0 8px rgba(156, 39, 176, .6))}.other-chart .radar-point{animation:2s ease-in-out .6s infinite pointPulse;filter:drop-shadow(0 0 8px rgba(255, 152, 0, .6))}.micronutrient-category{background:linear-gradient(135deg,var(--color-light) 0,rgba(212,175,55,.03) 100%);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:0 15px 40px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(212,175,55,.15);transition:all var(--transition-smooth);position:relative;overflow:hidden}.micronutrient-category::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);opacity:0;transition:opacity var(--transition-smooth)}.micronutrient-category:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(212,175,55,.3)}.micronutrient-category:hover::before{opacity:1}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.category-chart{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0,rgba(212,175,55,.05) 100%);box-shadow:0 8px 25px rgba(0,0,0,.1),inset 0 2px 10px rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);padding:10px;transition:all var(--transition-smooth);animation:4s ease-in-out infinite categoryChartFloat}@keyframes categoryChartFloat{0%,100%{transform:translateY(0) rotate(0);box-shadow:0 8px 25px rgba(0,0,0,.1),inset 0 2px 10px rgba(212,175,55,.1)}50%{transform:translateY(-5px) rotate(1deg);box-shadow:0 12px 35px rgba(0,0,0,.15),inset 0 3px 15px rgba(212,175,55,.15)}}.category-radar-svg{width:100%;height:100%}.vitamins-data{animation:3s ease-in-out infinite dataGlow;filter:drop-shadow(0 0 8px rgba(76, 175, 80, .4))}.minerals-data{animation:3s ease-in-out .5s infinite dataGlow;filter:drop-shadow(0 0 8px rgba(156, 39, 176, .4))}.other-data{animation:3s ease-in-out 1s infinite dataGlow;filter:drop-shadow(0 0 8px rgba(255, 152, 0, .4))}.progress-text{fill:var(--color-dark);font-family:var(--font-primary);font-size:14px;font-weight:700;opacity:.8;text-anchor:middle;dominant-baseline:central}.micronutrient-category:hover .category-chart{transform:scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 3px 15px rgba(212,175,55,.2)}.micronutrient-category:hover .progress-text{opacity:1;font-size:16px}.micronutrient-category:hover .radar-data{fill-opacity:0.5;stroke-opacity:1}.micronutrient-category h4{font-family:var(--font-primary);font-size:2.2rem;color:var(--color-dark);margin:0;font-weight:600;position:relative;background:linear-gradient(135deg,var(--color-dark) 0,var(--color-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1}.micronutrient-category h4::after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:2px;opacity:.8}.micronutrient-list{list-style:none;padding:0;margin:0}.micronutrient-list li{display:flex;align-items:center;gap:1.2rem;padding:1rem 0;font-size:1.4rem;color:var(--color-text);border-bottom:1px solid rgba(212,175,55,.08);transition:all var(--transition-fast);position:relative}.micronutrient-list li::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);transition:width var(--transition-fast)}.micronutrient-list li:last-child{border-bottom:none}.micronutrient-list li:hover{color:var(--color-primary);transform:translateX(8px);font-weight:500}.micronutrient-list li:hover::before{width:4px}.micronutrient-list li i{color:var(--color-primary);font-size:1.3rem;padding:.4rem;background:rgba(212,175,55,.1);border-radius:50%;transition:all var(--transition-fast);min-width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}.micronutrient-list li:hover i{background:rgba(212,175,55,.2);transform:scale(1.1);box-shadow:0 4px 12px rgba(212,175,55,.3)}.goals-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#fce7f3 0,#fff 25%,#fae8ff 50%,#fff 75%,#ffe4e6 100%);position:relative;overflow:hidden}.goals-section::before{display:none}.goals-integration-bg-fitness-1{position:absolute;top:-10%;right:-8%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(236,72,153,.12) 0,transparent 70%);pointer-events:none;z-index:0}.goals-integration-bg-fitness-2{position:absolute;bottom:-12%;left:-5%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(244,114,182,.11) 0,transparent 70%);pointer-events:none;z-index:0}.goals-integration-bg-fitness-3{position:absolute;top:35%;left:20%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(217,70,239,.1) 0,transparent 70%);pointer-events:none;z-index:0}.goals-integration-bg-fitness-4{position:absolute;top:50%;right:18%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(219,39,119,.09) 0,transparent 70%);pointer-events:none;z-index:0}.goals-integration-bg-target{position:absolute;top:22%;left:38%;width:22rem;height:22rem;border:4px solid rgba(236,72,153,.1);border-radius:50%;pointer-events:none;z-index:0}.goals-integration-bg-target::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10rem;height:10rem;border:3px solid rgba(244,114,182,.12);border-radius:50%}.goals-integration-bg-arrow{position:absolute;bottom:30%;right:32%;width:18rem;height:6rem;background:linear-gradient(90deg,rgba(236,72,153,.1),transparent);clip-path:polygon(0% 30%,80% 30%,80% 0%,100% 50%,80% 100%,80% 70%,0% 70%);pointer-events:none;z-index:0}.goals-integration-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(236,72,153,.04) 2px,transparent 2px),radial-gradient(circle,rgba(244,114,182,.03) 2px,transparent 2px);background-size:65px 65px,95px 95px;background-position:0 0,32px 32px;pointer-events:none;z-index:0}@keyframes goalsBgFloat{0%,100%{transform:translateX(0) translateY(0);opacity:.3}25%{transform:translateX(20px) translateY(-10px);opacity:.6}50%{transform:translateX(0) translateY(-20px);opacity:.4}75%{transform:translateX(-20px) translateY(-10px);opacity:.6}}.goals-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;margin-top:var(--spacing-xl);position:relative;z-index:2}.goals-visual{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:1s ease-out slideInLeft}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.goals-card,.profile-card{background:linear-gradient(145deg,#fff 0,#f8f9fa 100%);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:0 15px 50px rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.9);border:1px solid rgba(212,175,55,.15);transition:.4s cubic-bezier(.25, .46, .45, .94);position:relative;overflow:hidden}.goals-card::before,.profile-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s}.goals-card:hover::before,.profile-card:hover::before{left:100%}.goals-card:hover,.profile-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 70px rgba(0,0,0,.15),0 10px 30px rgba(212,175,55,.2),inset 0 1px 3px rgba(255,255,255,.9);border-color:rgba(212,175,55,.3)}.profile-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.profile-item{display:flex;flex-direction:column;gap:.5rem;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.1);transition:.3s;position:relative;overflow:hidden}.profile-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--color-accent) 0,var(--color-primary) 100%);transform:scaleY(0);transition:transform .3s;transform-origin:bottom}.profile-item:hover::before{transform:scaleY(1)}.profile-item:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(212,175,55,.15);border-color:rgba(212,175,55,.2)}.item-label{font-size:1.1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.item-value{font-size:1.3rem;font-weight:700;color:var(--color-dark);background:linear-gradient(135deg,var(--color-dark) 0,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goals-card h4{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin-bottom:var(--spacing-md);text-align:center;font-weight:600;background:linear-gradient(135deg,var(--color-dark) 0,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.goals-card h4::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:2px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.goal-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.1);transition:.3s cubic-bezier(.25, .46, .45, .94);position:relative;overflow:hidden}.goal-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.05) 0,transparent 100%);opacity:0;transition:opacity .3s}.goal-item:hover::before{opacity:1}.goal-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,.12),0 4px 15px rgba(212,175,55,.2);border-color:rgba(212,175,55,.25)}.goal-icon{width:4.5rem;height:4.5rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 6px 20px rgba(212,175,55,.4),inset 0 1px 2px rgba(255,255,255,.3);flex-shrink:0;transition:.3s;position:relative}.goal-icon::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s}.goal-item:hover .goal-icon::before{opacity:.3}.goal-item:hover .goal-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(212,175,55,.5),inset 0 1px 3px rgba(255,255,255,.4)}.goal-icon.protein-icon{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%)}.goal-icon.carbs-icon{background:linear-gradient(135deg,#f39c12 0,#e67e22 100%)}.goal-icon.fat-icon{background:linear-gradient(135deg,#9b59b6 0,#8e44ad 100%)}.goal-details{display:flex;flex-direction:column;gap:.4rem;flex:1}.goal-label{font-size:1.1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.goal-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-dark) 0,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:.3s}.goal-item:hover .goal-value{transform:translateX(5px)}.goals-features{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:1s ease-out slideInRight}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.goals-feature{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.1);transition:.4s cubic-bezier(.25, .46, .45, .94);position:relative;overflow:hidden}.goals-feature::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.08),transparent);transition:left .6s}.goals-feature:hover::before{left:100%}.goals-feature:hover{transform:translateY(-5px) translateX(10px);box-shadow:0 15px 45px rgba(0,0,0,.12),0 5px 20px rgba(212,175,55,.2);border-color:rgba(212,175,55,.25)}.goals-feature .feature-icon{width:6.5rem;height:6.5rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;box-shadow:0 8px 25px rgba(212,175,55,.4),inset 0 2px 4px rgba(255,255,255,.3);flex-shrink:0;transition:.4s;position:relative}.goals-feature .feature-icon::before{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:50%;z-index:-1;opacity:0;transition:opacity .4s}.goals-feature:hover .feature-icon::before{opacity:.3}.goals-feature:hover .feature-icon{transform:scale(1.15) rotate(-5deg);box-shadow:0 12px 35px rgba(212,175,55,.5),inset 0 2px 6px rgba(255,255,255,.4)}.feature-content h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin-bottom:1rem;font-weight:600;background:linear-gradient(135deg,var(--color-dark) 0,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s}.goals-feature:hover .feature-content h4{transform:translateX(5px)}.feature-content p{color:var(--color-text-light);line-height:1.6;transition:.3s}.goals-feature:hover .feature-content p{color:var(--color-text);transform:translateX(3px)}@media (max-width:768px){.goals-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.goals-grid,.profile-details{grid-template-columns:1fr}.goals-feature{flex-direction:column;text-align:center}.goals-feature .feature-icon{align-self:center}}.feature-cta-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-light);text-align:center;position:relative;overflow:hidden}.feature-cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="cta-pattern" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23d4af37" opacity="0.2"/><circle cx="75" cy="75" r="1" fill="%23d4af37" opacity="0.2"/><circle cx="50" cy="10" r="1" fill="%23d4af37" opacity="0.2"/><circle cx="10" cy="90" r="1" fill="%23d4af37" opacity="0.2"/></pattern></defs><rect width="100" height="100" fill="url(%23cta-pattern)"/></svg>');opacity:.1;z-index:var(--z-back)}.feature-cta-content{position:relative;z-index:var(--z-normal);max-width:80rem;margin:0 auto}.feature-cta-content h2{font-family:var(--font-primary);font-size:4.8rem;margin-bottom:var(--spacing-md);line-height:1.2;font-weight:400}.feature-cta-content p{font-size:1.8rem;margin-bottom:var(--spacing-lg);opacity:.9;line-height:1.6}.feature-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 3rem;border-radius:var(--radius-sm);font-size:1.6rem;font-weight:600;text-decoration:none;transition:var(--transition-fast);cursor:pointer;border:none;font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);color:var(--color-dark);box-shadow:0 8px 30px rgba(212,175,55,.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(212,175,55,.4)}.btn-outline{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-dark);transform:translateY(-3px)}.btn-large{padding:1.8rem 3.6rem;font-size:1.8rem}.btn-sm{padding:.8rem 1.5rem;font-size:1.2rem}.container{padding:0 1.5rem}@media (min-width:480px){.container{padding:0 2rem}}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}@media (max-width:1200px){.container{padding:0 39px}.nutrition-dashboard{grid-template-columns:1fr;gap:var(--spacing-md)}.recent-foods-card{grid-column:span 1}.goals-content,.micronutrient-demo{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width:1024px){.features-tracking-bg-barcode,.features-tracking-bg-grid,.features-tracking-bg-mic,.features-tracking-bg-tech-1,.features-tracking-bg-tech-2,.features-tracking-bg-tech-3,.features-tracking-bg-tech-4,.hero-nutrition-bg-dots,.hero-nutrition-bg-fork,.hero-nutrition-bg-fresh-1,.hero-nutrition-bg-fresh-2,.hero-nutrition-bg-fresh-3,.hero-nutrition-bg-fresh-4,.hero-nutrition-bg-plate{display:none!important}.feature-hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.feature-hero-text{top:0;max-width:100%}.feature-hero-title::after{left:50%;transform:translateX(-50%)}.feature-hero-cta{justify-content:center}.nutrient-visual-container{display:none}.methods-grid{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.micronutrient-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.feature-hero-section{padding:10rem 0 var(--spacing-lg);min-height:auto}}@media (max-width:768px){.feature-hero-section{padding:8rem 0 var(--spacing-md)}.section-title::after{left:50%;transform:translateX(-50%)}.features-grid,.methods-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.recent-foods-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.goals-grid,.profile-details{grid-template-columns:1fr}.feature-cta-buttons{flex-direction:column;align-items:stretch;width:100%}.feature-hero-cta{flex-direction:column;align-items:stretch}.feature-hero-cta .btn{width:100%;max-width:32rem;margin:0 auto}.feature-badge{font-size:1.2rem;padding:.8rem 1.6rem}.feature-icon{width:6rem;height:6rem;font-size:2.4rem}}@media (max-width:480px){.container{padding:0 1rem}.feature-hero-section{padding:6rem 0 var(--spacing-md)}.feature-hero-cta{gap:var(--spacing-sm)}.food-macros{flex-direction:column;align-items:flex-start;gap:.5rem}.macro-pills{justify-content:flex-start;flex-wrap:wrap}.search-input-container{flex-direction:column;gap:var(--spacing-sm)}.btn{padding:1rem 1.8rem;font-size:1.3rem;min-height:44px}.btn-large{padding:1.2rem 2rem;font-size:1.4rem;min-height:48px}.feature-card{padding:var(--spacing-md)}.nutrient-node{width:8rem;height:8rem;font-size:1.4rem}.nutrient-label{font-size:1.1rem}}.btn,.feature-cta-buttons .btn,.feature-hero-cta .btn{-webkit-tap-highlight-color:transparent;min-height:44px;touch-action:manipulation}.btn-large{min-height:48px}.btn,.feature-card,.food-item,.macro-pill{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse){.btn,.food-item,.macro-pill,.quick-add-btn{min-height:48px;min-width:48px}.feature-card,.method-card{padding:var(--spacing-md)}}@media (prefers-contrast:high){.btn,.feature-card,.food-item{border:2px solid currentColor}.feature-icon{border:3px solid var(--color-dark)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.bg-shape,.nutrient-connection,.nutrient-node{animation:none!important}}.btn:focus-visible,.food-item:focus-visible,.macro-pill:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.hidden{display:none}.visible{display:block}.fade-in{opacity:0;transform:translateY(30px);transition:var(--transition-medium)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-50px);transition:var(--transition-medium)}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:var(--transition-medium)}.slide-in-right.visible{opacity:1;transform:translateX(0)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.nutrition-dashboard .dashboard-card{animation:.6s ease-out both fadeInUp}.nutrition-dashboard .dashboard-card:first-child{animation-delay:.1s}.nutrition-dashboard .dashboard-card:nth-child(2){animation-delay:.2s}.nutrition-dashboard .dashboard-card:nth-child(3){animation-delay:.3s}.features-grid .feature-card{animation:.6s ease-out both fadeInUp}.features-grid .feature-card:first-child{animation-delay:.1s}.features-grid .feature-card:nth-child(2){animation-delay:.2s}.features-grid .feature-card:nth-child(3){animation-delay:.3s}.features-grid .feature-card:nth-child(4){animation-delay:.4s}.features-grid .feature-card:nth-child(5){animation-delay:.5s}.features-grid .feature-card:nth-child(6){animation-delay:.6s}.methods-grid .method-card{animation:.6s ease-out both zoomIn}.methods-grid .method-card:first-child{animation-delay:.1s}.methods-grid .method-card:nth-child(2){animation-delay:.2s}.methods-grid .method-card:nth-child(3){animation-delay:.3s}.methods-grid .method-card:nth-child(4){animation-delay:.4s}@media print{.feature-cta-section,.feature-hero-section{background:var(--color-light)!important;color:var(--color-dark)!important}.dashboard-card,.feature-card,.method-card{box-shadow:none!important;border:1px solid var(--color-text-light)!important}.btn{border:1px solid var(--color-dark)!important;background:0 0!important;color:var(--color-dark)!important}}@media (prefers-contrast:high){:root{--color-primary:#000000;--color-secondary:#ffffff;--color-text:#000000;--color-text-light:#333333;--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.3);--shadow-md:0 8px 25px rgba(0, 0, 0, 0.4);--shadow-lg:0 16px 40px rgba(0, 0, 0, 0.5)}}.sign-in-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);z-index:15000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-medium)}.sign-in-modal.active{opacity:1;visibility:visible}.sign-in-modal .modal-content{background:linear-gradient(145deg,rgba(255,255,255,.95) 0,rgba(248,248,248,.9) 100%);border-radius:var(--radius-xl);box-shadow:0 25px 80px rgba(0,0,0,.2),0 10px 30px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.9);border:2px solid rgba(212,175,55,.2);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.8) translateY(50px);transition:all var(--transition-medium)}.sign-in-modal.active .modal-content{transform:scale(1) translateY(0)}.sign-in-modal .modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:0 0;border:none;font-size:2rem;color:var(--color-text-light);cursor:pointer;padding:.8rem;border-radius:50%;transition:all var(--transition-fast);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.sign-in-modal .modal-close:hover{background:rgba(212,175,55,.1);color:var(--color-dark);transform:scale(1.1)}.sign-in-modal .modal-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(212,175,55,.2);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.sign-in-modal .logo-container{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.sign-in-modal .logo-container h2{font-family:var(--font-primary);font-size:2.8rem;font-weight:700;color:var(--color-dark);margin:0;letter-spacing:2px;text-align:center}.sign-in-modal .logo-divider{width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);margin:.8rem auto;display:block}.sign-in-modal .logo-container p{font-family:var(--font-secondary);font-size:1.2rem;font-weight:600;color:var(--color-text-light);margin:0;letter-spacing:1px;text-transform:uppercase;text-align:center}.sign-in-modal .sign-in-intro{text-align:center;margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.sign-in-modal .sign-in-intro h3{font-family:var(--font-primary);font-size:2.4rem;color:var(--color-dark);margin:0 0 var(--spacing-sm) 0;text-align:center}.sign-in-modal .modal-subtitle{font-size:1.6rem;color:var(--color-text-light);margin:0;line-height:1.4;text-align:center}.sign-in-modal .feature-preview{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(212,175,55,.05) 0,rgba(212,175,55,.1) 100%);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.2);margin-bottom:var(--spacing-xl)}.sign-in-modal .feature-icon{width:6rem;height:6rem;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md) auto;box-shadow:var(--shadow-gold)}.sign-in-modal .feature-icon i{font-size:2.5rem;color:var(--color-dark)}.sign-in-modal .feature-preview h4{font-family:var(--font-primary);font-size:2rem;color:var(--color-dark);margin:0 0 var(--spacing-sm) 0}.sign-in-modal .feature-preview p{font-size:1.4rem;color:var(--color-text-light);margin:0;line-height:1.5}.sign-in-modal .auth-options{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.sign-in-modal .btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative;overflow:hidden}.sign-in-modal .btn-large:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.sign-in-modal .btn-large:disabled:hover{transform:none!important;box-shadow:none!important}.sign-in-modal .btn-large .fa-spinner{animation:1s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.sign-in-modal .btn-large:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,175,55,.3)}.sign-in-modal .btn-large.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%);border:2px solid var(--color-primary);color:var(--color-dark)}.sign-in-modal .btn-large.btn-outline{background:0 0;border:2px solid var(--color-primary);color:var(--color-primary)}.sign-in-modal .btn-large.btn-outline:not(:disabled):hover{background:var(--color-primary);color:var(--color-dark)}.sign-in-modal .premium-preview{border-top:1px solid rgba(212,175,55,.2);padding-top:var(--spacing-lg)}.sign-in-modal .premium-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.sign-in-modal .feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(212,175,55,.05);border-radius:var(--radius-md);border:1px solid rgba(212,175,55,.1)}.sign-in-modal .feature-item i{color:var(--color-primary);font-size:1.4rem;width:2rem;text-align:center}.sign-in-modal .feature-item span{font-size:1.3rem;color:var(--color-dark);font-weight:500}.notification{position:fixed;top:20px;right:20px;background:linear-gradient(145deg,rgba(255,255,255,.95) 0,rgba(248,248,248,.9) 100%);border:2px solid rgba(212,175,55,.2);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 15px 40px rgba(0,0,0,.1),0 5px 15px rgba(212,175,55,.2),inset 0 1px 0 rgba(255,255,255,.8);z-index:10000;transform:translateX(100%);transition:all var(--transition-medium);max-width:350px;min-width:280px;backdrop-filter:blur(10px);font-family:var(--font-secondary)}.notification.show{transform:translateX(0)}.notification-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.notification-icon{font-size:1.8rem;margin-top:.2rem;flex-shrink:0}.notification-text{flex:1;font-size:1.4rem;font-weight:500;color:var(--color-dark);line-height:1.4}.notification-close{background:0 0;border:none;font-size:1.6rem;color:var(--color-text-light);cursor:pointer;padding:.5rem;margin:-.5rem -.5rem -.5rem 0;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.notification-close:hover{color:var(--color-dark);background:rgba(212,175,55,.1);transform:scale(1.1)}.notification.success{border-left:4px solid #10b981}.notification.success .notification-icon{color:#10b981}.notification.error{border-left:4px solid #ef4444}.notification.error .notification-icon{color:#ef4444}.notification.info{border-left:4px solid var(--color-primary)}.notification.info .notification-icon{color:var(--color-primary)}.notification.warning{border-left:4px solid #f59e0b}.notification.warning .notification-icon{color:#f59e0b}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification.entering{animation:.3s cubic-bezier(.4,0,.2,1) slideInRight}.notification.leaving{animation:.3s cubic-bezier(.4,0,.2,1) slideOutRight}@media (max-width:768px){.sign-in-modal .modal-content{padding:var(--spacing-lg);margin:var(--spacing-md);max-width:none;width:calc(100% - 2rem)}.sign-in-modal .auth-options{gap:var(--spacing-sm)}.sign-in-modal .premium-features{grid-template-columns:1fr}.sign-in-modal .logo-container h2{font-size:2.4rem}.sign-in-modal .sign-in-intro h3{font-size:2rem}.notification{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100%)}.notification.show{transform:translateY(0)}@keyframes slideInRight{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutRight{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.progress-ring-circle{transition:none!important}.recognition-markers,.scanner-line{animation:none!important}}.macro-details-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#fee2e2 0,#fff 20%,#dbeafe 40%,#fff 60%,#fed7aa 80%,#fff 100%);position:relative;overflow:hidden}.macro-details-bg-protein-1{position:absolute;top:-10%;right:-8%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(239,68,68,.11) 0,transparent 70%);pointer-events:none;z-index:0}.macro-details-bg-carbs-1{position:absolute;bottom:-12%;left:-5%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(59,130,246,.11) 0,transparent 70%);pointer-events:none;z-index:0}.macro-details-bg-fat-1{position:absolute;top:35%;left:15%;width:58rem;height:58rem;background:radial-gradient(circle,rgba(251,146,60,.1) 0,transparent 70%);pointer-events:none;z-index:0}.macro-details-bg-protein-2{position:absolute;top:50%;right:22%;width:48rem;height:48rem;background:radial-gradient(circle,rgba(220,38,38,.09) 0,transparent 70%);pointer-events:none;z-index:0}.macro-details-bg-macro-icon-1{position:absolute;top:22%;left:40%;width:18rem;height:18rem;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(59,130,246,.08));clip-path:circle(50%);pointer-events:none;z-index:0;border:3px solid rgba(239,68,68,.12)}.macro-details-bg-macro-icon-2{position:absolute;bottom:30%;right:35%;width:16rem;height:16rem;background:linear-gradient(225deg,rgba(251,146,60,.1),rgba(59,130,246,.08));clip-path:circle(50%);pointer-events:none;z-index:0;border:3px solid rgba(251,146,60,.12)}.macro-details-bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(239,68,68,.03) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(59,130,246,.03) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(251,146,60,.02) 1.5px,transparent 1.5px);background-size:60px 60px,90px 90px,120px 120px;background-position:0 0,30px 30px,60px 60px;pointer-events:none;z-index:0}.macro-tracking-demo{margin-top:var(--spacing-xl);position:relative}.macro-tracking-demo::before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(212,175,55,.15) 0,transparent 70%);border-radius:50%;z-index:-1;animation:8s ease-in-out infinite float}.macro-content{text-align:center;max-width:1200px;margin:0 auto;position:relative}.macro-content h3{font-size:3.6rem;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:400;letter-spacing:-.5px;position:relative;display:inline-block}.macro-content h3::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.macro-content>p{font-size:1.6rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto}.macro-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xxl);max-width:1000px;margin-left:auto;margin-right:auto}.macro-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 30px rgba(0,0,0,.08);transition:.4s cubic-bezier(.4, 0, .2, 1);border:2px solid transparent;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.macro-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .4s}.macro-card:hover::before{opacity:1}.macro-card::after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.05) 0,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.macro-card:hover::after{opacity:1}.macro-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15)}.macro-card.protein-card{border-color:rgba(231,76,60,.2);color:#e74c3c}.macro-card.protein-card:hover{border-color:rgba(231,76,60,.5);box-shadow:0 20px 60px rgba(231,76,60,.2)}.macro-card.carbs-card{border-color:rgba(52,152,219,.2);color:#3498db}.macro-card.carbs-card:hover{border-color:rgba(52,152,219,.5);box-shadow:0 20px 60px rgba(52,152,219,.2)}.macro-card.fat-card{border-color:rgba(243,156,18,.2);color:#f39c12}.macro-card.fat-card:hover{border-color:rgba(243,156,18,.5);box-shadow:0 20px 60px rgba(243,156,18,.2)}.macro-card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:2.6rem;position:relative;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.macro-card:hover .macro-card-icon{transform:scale(1.1) rotate(5deg)}.macro-card-icon::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:linear-gradient(135deg,currentColor,transparent);opacity:.1;z-index:-1}.protein-card .macro-card-icon{background:linear-gradient(135deg,rgba(231,76,60,.15),rgba(192,57,43,.1));color:#e74c3c;box-shadow:0 8px 20px rgba(231,76,60,.2)}.carbs-card .macro-card-icon{background:linear-gradient(135deg,rgba(52,152,219,.15),rgba(41,128,185,.1));color:#3498db;box-shadow:0 8px 20px rgba(52,152,219,.2)}.fat-card .macro-card-icon{background:linear-gradient(135deg,rgba(243,156,18,.15),rgba(230,126,34,.1));color:#f39c12;box-shadow:0 8px 20px rgba(243,156,18,.2)}.macro-card h4{font-size:2.2rem;color:var(--color-dark);margin-bottom:var(--spacing-xs);text-align:center;font-family:var(--font-primary);font-weight:500;letter-spacing:-.5px}.macro-description{font-size:1.5rem;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.6}.macro-stats{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(212,175,55,.1)}.stat-item{text-align:center;margin-bottom:var(--spacing-md)}.stat-value{font-size:2.4rem;font-weight:300;color:var(--color-dark);font-family:var(--font-primary);letter-spacing:-.5px}.progress-bar{height:8px;background:rgba(0,0,0,.05);border-radius:10px;overflow:hidden;margin:var(--spacing-sm) 0;position:relative}.progress-fill{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer}@keyframes shimmer{0%,100%{background-position:200% 0}50%{background-position:-200% 0}0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.stat-percentage{display:block;font-size:1.5rem;color:var(--color-text-light);margin-top:var(--spacing-sm);text-align:center;font-weight:500}.meal-distribution-section{margin-top:var(--spacing-xxl);padding:var(--spacing-xxl);background:linear-gradient(135deg,rgba(212,175,55,.08) 0,rgba(212,175,55,.03) 50%,rgba(212,175,55,.08) 100%);border-radius:var(--radius-xl);position:relative;overflow:hidden}.meal-distribution-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(212,175,55,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5;z-index:0}.meal-distribution-section>*{position:relative;z-index:1}.meal-distribution-section h3{font-size:3.2rem;color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:400;letter-spacing:-.5px}.meal-distribution-section>p{font-size:1.6rem;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl)}.meal-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.meal-breakdown-card{background:rgba(255,255,255,.95);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 30px rgba(0,0,0,.08);transition:.3s;border:1px solid rgba(212,175,55,.1);backdrop-filter:blur(10px)}.meal-breakdown-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,.12);border-color:rgba(212,175,55,.3)}.meal-breakdown-card h4{font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:500}.meal-breakdown-card h4 i{color:var(--color-primary);font-size:2.4rem}.meal-macros-simple{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.macro-badge{padding:1rem 1.8rem;border-radius:var(--radius-md);font-size:1.4rem;font-weight:600;color:var(--color-light);transition:.3s;cursor:default;position:relative;overflow:hidden}.macro-badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.2);transition:left .3s}.macro-badge:hover::before{left:100%}.macro-badge.protein{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px rgba(231,76,60,.3)}.macro-badge.carbs{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px rgba(52,152,219,.3)}.macro-badge.fat{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px rgba(243,156,18,.3)}.meal-planning-section{padding:44px;background:linear-gradient(135deg,#fef3c7 0,#fff 25%,#fed7aa 50%,#fff 75%,#fde68a 100%);position:relative;overflow:hidden}.meal-planning-section::before{display:none}.meal-planning-bg-ai-1{position:absolute;top:-10%;left:-8%;width:62rem;height:62rem;background:radial-gradient(circle,rgba(251,191,36,.12) 0,transparent 70%);pointer-events:none;z-index:0}.meal-planning-bg-ai-2{position:absolute;bottom:-12%;right:-5%;width:60rem;height:60rem;background:radial-gradient(circle,rgba(245,158,11,.11) 0,transparent 70%);pointer-events:none;z-index:0}.meal-planning-bg-ai-3{position:absolute;top:35%;right:18%;width:55rem;height:55rem;background:radial-gradient(circle,rgba(251,146,60,.1) 0,transparent 70%);pointer-events:none;z-index:0}.meal-planning-bg-ai-4{position:absolute;top:50%;left:20%;width:50rem;height:50rem;background:radial-gradient(circle,rgba(234,179,8,.09) 0,transparent 70%);pointer-events:none;z-index:0}.meal-planning-bg-calendar{position:absolute;top:20%;left:35%;width:22rem;height:22rem;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.08));clip-path:polygon(0% 0%,100% 0%,100% 85%,50% 100%,0% 85%);pointer-events:none;z-index:0}.meal-planning-bg-robot{position:absolute;bottom:25%;right:30%;width:20rem;height:20rem;background:linear-gradient(225deg,rgba(251,146,60,.1),rgba(251,191,36,.08));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;pointer-events:none;z-index:0}.meal-planning-bg-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(251,191,36,.04) 2px,transparent 2px),radial-gradient(circle,rgba(245,158,11,.03) 2px,transparent 2px);background-size:70px 70px,100px 100px;background-position:0 0,35px 35px;pointer-events:none;z-index:0}.meal-planning-content{position:relative;z-index:1}.meal-plan-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.meal-plan-feature{padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.06);transition:.4s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(212,175,55,.1);position:relative;overflow:hidden}.meal-plan-feature::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}.meal-plan-feature:hover::before{transform:scaleX(1)}.meal-plan-feature:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(212,175,55,.2);border-color:rgba(212,175,55,.3)}.feature-icon-large{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:3rem;color:var(--color-primary);box-shadow:0 8px 20px rgba(212,175,55,.2);transition:.4s}.meal-plan-feature:hover .feature-icon-large{transform:scale(1.1) rotate(10deg);box-shadow:0 12px 30px rgba(212,175,55,.3)}.meal-plan-feature h3{font-size:2.2rem;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:500}.meal-plan-feature p{font-size:1.5rem;color:var(--color-text-light);line-height:1.7}.meal-plan-demo{max-width:1000px;margin:0 auto}.demo-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.95));border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:0 20px 60px rgba(0,0,0,.12);border:2px solid rgba(212,175,55,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden}.demo-card::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.08) 0,transparent 70%);animation:15s ease-in-out infinite float}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid rgba(212,175,55,.15);position:relative;z-index:1}.demo-header h4{font-size:2.8rem;color:var(--color-dark);font-family:var(--font-primary);font-weight:400}.demo-stats{display:flex;gap:var(--spacing-lg)}.demo-stats span{padding:.8rem 1.6rem;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border-radius:var(--radius-md);font-size:1.4rem;color:var(--color-dark);font-weight:500;display:flex;align-items:center;gap:.8rem;border:1px solid rgba(212,175,55,.2)}.demo-stats span i{color:var(--color-primary)}.demo-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;z-index:1}.demo-day{background:rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(212,175,55,.15);transition:.3s}.demo-day:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.08);border-color:rgba(212,175,55,.3)}.day-label{font-size:1.8rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(212,175,55,.2);font-family:var(--font-primary)}.day-meals{display:flex;flex-direction:column;gap:var(--spacing-sm)}.demo-meal{padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.8);border-radius:var(--radius-sm);font-size:1.4rem;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);transition:.2s;border:1px solid transparent}.demo-meal:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.3);transform:translateX(5px)}.demo-meal i{color:var(--color-primary);font-size:1.6rem}.demo-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),rgba(212,175,55,.8));color:var(--color-light);border:none;border-radius:var(--radius-lg);font-size:1.6rem;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 8px 20px rgba(212,175,55,.3);position:relative;z-index:1;overflow:hidden}.demo-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.demo-btn:hover::before{width:400px;height:400px}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,175,55,.4)}.demo-btn i{font-size:1.8rem;position:relative;z-index:1}.voice-demo{height:110px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(212,175,55,.05),rgba(212,175,55,.02));border-radius:var(--radius-md);position:relative;overflow:hidden}.voice-recognition{position:relative;display:flex;align-items:center;justify-content:center}.voice-waves{display:flex;align-items:center;justify-content:center;gap:.5rem;position:absolute}.voice-waves .wave{width:4px;height:20px;background:linear-gradient(180deg,var(--color-primary),rgba(212,175,55,.5));border-radius:2px;animation:1.2s ease-in-out infinite voiceWave}.voice-waves .wave:first-child{animation-delay:0s}.voice-waves .wave:nth-child(2){animation-delay:.1s}.voice-waves .wave:nth-child(3){animation-delay:.2s;height:40px}.voice-waves .wave:nth-child(4){animation-delay:.3s}.voice-waves .wave:nth-child(5){animation-delay:.4s}@keyframes voiceWave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(2)}}.voice-icon{font-size:4rem;color:var(--color-primary);z-index:1;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.healthy-food-section{padding:var(--spacing-xxl) 0;background:linear-gradient(180deg,var(--color-light) 0,rgba(212,175,55,.02) 100%);position:relative}.food-finder-content{max-width:1200px;margin:0 auto}.finder-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.finder-feature{text-align:center;padding:var(--spacing-lg)}.feature-icon-medium{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:2.4rem;color:var(--color-primary);box-shadow:0 6px 15px rgba(212,175,55,.2);transition:.3s}.finder-feature:hover .feature-icon-medium{transform:scale(1.1);box-shadow:0 10px 25px rgba(212,175,55,.3)}.finder-feature h3{font-size:2rem;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:500}.finder-feature p{font-size:1.5rem;color:var(--color-text-light);line-height:1.6}.finder-demo{background:var(--color-light);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:0 15px 50px rgba(0,0,0,.1);border:2px solid rgba(212,175,55,.1)}.demo-search-bar{display:flex;align-items:center;gap:var(--spacing-md);background:rgba(212,175,55,.05);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:2px solid rgba(212,175,55,.2)}.demo-search-bar i{color:var(--color-primary);font-size:2rem}.demo-search-bar input{flex:1;border:none;background:0 0;font-size:1.6rem;color:var(--color-dark);outline:0}.demo-search-bar input::placeholder{color:var(--color-text-light)}.search-btn{background:linear-gradient(135deg,var(--color-primary),rgba(212,175,55,.8));color:var(--color-light);border:none;width:45px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(212,175,55,.3)}.search-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(212,175,55,.4)}.food-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.category-tag{padding:.8rem 1.6rem;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-md);font-size:1.4rem;color:var(--color-dark);display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:.3s}.category-tag:hover{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));border-color:rgba(212,175,55,.4);transform:translateY(-2px)}.category-tag i{color:var(--color-primary)}.sample-foods{display:flex;flex-direction:column;gap:var(--spacing-md)}.food-item{display:flex;align-items:center;gap:var(--spacing-lg);background:rgba(255,255,255,.8);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.1);transition:.3s}.food-item:hover{transform:translateX(10px);box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:rgba(212,175,55,.3)}.food-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:var(--color-primary);flex-shrink:0}.food-info{flex:1}.food-info h4{font-size:1.8rem;color:var(--color-dark);margin-bottom:var(--spacing-xs);font-family:var(--font-primary);font-weight:500}.food-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.food-tags .tag{padding:.4rem 1rem;background:rgba(212,175,55,.1);border-radius:var(--radius-sm);font-size:1.2rem;color:var(--color-dark);font-weight:500}.food-tags .tag.protein{background:rgba(231,76,60,.1);color:#e74c3c}.food-stats{display:flex;gap:var(--spacing-lg);font-size:1.4rem;color:var(--color-text-light)}.food-stats strong{color:var(--color-dark);font-weight:600}@media (max-width:1024px){.meal-plan-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.demo-stats{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:900px){.macro-cards-grid{grid-template-columns:1fr;max-width:400px}@media (max-width:768px){.macro-cards-grid,.meal-breakdown-grid{grid-template-columns:1fr}.macro-content h3{font-size:2.8rem}.meal-distribution-section h3{font-size:2.4rem}.demo-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.demo-header h4{font-size:2.2rem}.demo-week-grid,.meal-plan-features{grid-template-columns:1fr}}}