@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";body{font-family:Inter,sans-serif}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-teal: #0ea5e9;--primary-teal-hover: #0284c7;--primary-teal-light: #38bdf8;--secondary-orange: #ff6b35;--secondary-orange-hover: #ff5722;--fresh-lime: #10b981;--citrus-yellow: #fbbf24;--success-green: #10b981;--background-mint: #f0fdf4;--background-peach: #fff7ed;--background-tech: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border-light: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.home-wrapper{position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fff,#fefefe)}.hero-wrapper{position:relative;z-index:2;background:linear-gradient(135deg,#ffffff 0%,var(--background-mint) 30%,#fef3c7 60%,var(--background-peach) 100%)}.section-container{position:relative;z-index:2;padding:0;background:transparent}.section-container.alt-bg{background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:60px 0}.section-container.recipes-bg{background:linear-gradient(135deg,#e0f2fe,#ddd6fe);padding:60px 0}.section-container.faq-bg{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:60px 0}.section-divider-fancy{position:relative;z-index:2;padding:40px 0;display:flex;justify-content:center;align-items:center;background:transparent}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,var(--secondary-orange) 20%,var(--citrus-yellow) 50%,var(--fresh-lime) 80%,transparent 100%);border-radius:2px;opacity:.3}.nav-right{display:flex;align-items:center;gap:16px}.nav-left>button{background:transparent;color:var(--text-primary);font-size:32px;font-weight:700;padding:0;border:none;cursor:pointer;letter-spacing:-.025em}.nav-right>button:nth-child(1){background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%);color:#fff;padding:14px 28px;font-weight:600;box-shadow:var(--shadow-md);border-radius:12px;font-size:15px;letter-spacing:-.01em}.nav-right>button:nth-child(1):hover{background:linear-gradient(135deg,var(--primary-teal-light) 0%,var(--primary-teal) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-right>button:nth-child(2){background:#f9fafb;color:#374151;padding:10px 20px;border:2px solid #e5e7eb;font-weight:500}.nav-right>button:nth-child(2):hover{background:var(--background-mint);border-color:var(--primary-teal);color:var(--primary-teal-hover);transform:translateY(-1px);box-shadow:0 4px 12px #16a08526}.nav-right>button:nth-child(3){background:transparent;color:#6b7280;padding:10px 16px;border:none;font-weight:500}.nav-right>button:nth-child(3):hover{color:var(--primary-teal);background:var(--background-mint);transform:translateY(-1px)}.nav-right>button:nth-child(1):active{transform:translateY(0)}.nav-right>button:nth-child(2):active{background:#e5e7eb}.nav-right>button:nth-child(3):active{background:#f3f4f6}.hero-section{background:linear-gradient(135deg,#ffffff 0%,var(--background-mint) 30%,var(--background-tech) 100%);min-height:85vh;padding:120px 48px 80px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-section:before{content:"";position:absolute;top:0;right:0;width:70%;height:100%;background:radial-gradient(circle at 70% 50%,rgba(14,165,233,.08) 0%,rgba(14,165,233,.04) 50%,transparent 100%);pointer-events:none}.hero-section:after{content:"";position:absolute;top:20%;left:10%;width:200px;height:200px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.hero-container{max-width:1400px;margin:0 auto;padding:0 48px}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto;position:relative;z-index:2}.hero-text{z-index:2;max-width:650px}.hero-title{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:28px;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--fresh-lime);position:relative;font-weight:800;background:linear-gradient(45deg,var(--fresh-lime) 0%,var(--primary-teal) 25%,var(--secondary-orange) 50%,var(--citrus-yellow) 75%,var(--fresh-lime) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:highlight-shimmer 4s ease-in-out infinite}@keyframes highlight-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-subtitle{font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:48px;font-weight:400;max-width:520px}.hero-buttons{display:flex;gap:20px;margin-bottom:48px;align-items:center}.btn-primary{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%);color:#fff;border:none;padding:18px 36px;border-radius:12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);letter-spacing:-.01em;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-teal-light) 0%,var(--primary-teal) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fffc;color:var(--text-primary);border:2px solid var(--border-light);padding:16px 32px;border-radius:12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary-teal);color:var(--primary-teal);background:#fffffff2;transform:translateY(-1px);box-shadow:var(--shadow-md)}.play-icon{font-size:.8rem;color:var(--secondary-orange);transition:transform .3s ease}.btn-secondary:hover .play-icon{transform:scale(1.2)}.hero-demo{width:100%;max-width:320px;margin:0 auto;position:relative;background:transparent}.demo-container{background:#fff!important;border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.demo-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e905,#0ea5e903);border-radius:20px;opacity:0;transition:opacity .3s ease}.demo-container:hover:before{opacity:1}.demo-container:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040}.demo-header{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--fresh-lime) 100%);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.demo-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.demo-container:hover .demo-header:before{transform:translate(100%)}.demo-title{display:flex;align-items:center;gap:10px;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;font-size:.9rem;z-index:1}.auth-logo img{width:28px;height:28px;border-radius:6px;box-shadow:0 2px 8px #00000026}.demo-status{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500}.status-dot{width:8px;height:8px;background:var(--citrus-yellow);border-radius:50%;animation:pulse-status 2s infinite}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.demo-content{padding:14px;background:#fff!important}.input-demo{margin-bottom:14px;background:#fff!important}.demo-label{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ingredient-chips{display:flex;flex-wrap:wrap;gap:4px;background:#fff!important;padding:8px;border-radius:8px}.chip{background:linear-gradient(135deg,var(--background-mint) 0%,#f9fafb 100%);color:var(--primary-teal);padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid var(--primary-teal);transition:all .2s ease;animation:slideInChip .4s ease}.chip:hover{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--fresh-lime) 100%);color:#fff;transform:translateY(-1px)}.chip.adding{background:#f9fafb;color:var(--text-secondary);border:1px dashed #cbd5e1;cursor:pointer}.chip.adding:hover{background:var(--background-mint);color:var(--primary-teal);border-color:var(--primary-teal)}@keyframes slideInChip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-processing{margin:14px 0;padding:12px;background:#fff!important;border-radius:8px;border:1px solid rgba(22,160,133,.1);text-align:center}.processing-animation{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.pulse-dot{width:5px;height:5px;background:var(--primary-teal);border-radius:50%;animation:pulse-wave 1.5s infinite ease-in-out}.pulse-dot:nth-child(1){animation-delay:0s}.pulse-dot:nth-child(2){animation-delay:.3s}.pulse-dot:nth-child(3){animation-delay:.6s}@keyframes pulse-wave{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.processing-text{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.7rem;color:var(--text-secondary);font-weight:500}.recipe-result{animation:slideInResult .8s ease 1.5s both;background:#fff!important;padding:8px;border-radius:8px}@keyframes slideInResult{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recipe-card-demo{background:#fff!important;border:1px solid rgba(22,160,133,.1);border-radius:8px;padding:12px;box-shadow:0 2px 8px #16a0850d}.recipe-header-demo{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recipe-header-demo h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.recipe-rating{font-size:.7rem;filter:grayscale(.3)}.recipe-stats{display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0;border-top:1px solid rgba(22,160,133,.1);border-bottom:1px solid rgba(22,160,133,.1);background:#fff!important}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem}.stat-icon{font-size:.8rem;filter:grayscale(.2)}.stat span:last-child{font-weight:600;color:var(--text-primary)}.recipe-preview-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;background:#fff!important}.dish-visual{width:45px;height:45px;background:linear-gradient(135deg,var(--secondary-orange) 0%,var(--citrus-yellow) 100%);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #f39c1226}.dish-visual:before{content:"🍽️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;filter:grayscale(.1)}.nutrition-bars{display:flex;flex-direction:column;gap:4px;background:#fff!important}.nutrition-bar{display:flex;align-items:center;gap:4px}.nutrition-bar span{font-size:.65rem;font-weight:500;color:var(--text-secondary);min-width:35px}.bar{flex:1;height:4px;background:#f9fafb;border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-teal) 0%,var(--fresh-lime) 100%);border-radius:2px;transition:width .8s ease;animation:fillBar 1.2s ease 2s both}@keyframes fillBar{0%{width:0%!important}}.demo-features{background:#fff!important;padding:8px 14px;display:flex;justify-content:center;gap:8px;border-top:1px solid rgba(22,160,133,.1)}.feature-badge{display:flex;align-items:center;gap:3px;padding:4px 8px;background:#fff!important;border:1px solid rgba(22,160,133,.1);border-radius:12px;font-size:.65rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;box-shadow:0 1px 3px #00000008}.feature-badge:hover{background:var(--background-mint)!important;color:var(--primary-teal);border-color:var(--primary-teal);transform:translateY(-1px)}.badge-icon{font-size:.8rem;filter:grayscale(.3)}.feature-badge:hover .badge-icon{filter:grayscale(0)}@media (max-width: 1090px) and (min-width: 901px){.hero-section{min-height:80vh;padding:100px 48px 60px}.hero-content{gap:60px}.demo-container{max-width:300px}.hero-title{font-size:3rem}}@media (max-width: 1200px){.hero-content{gap:60px;grid-template-columns:1fr 1fr}.demo-container{max-width:280px}.hero-title{font-size:3rem}.recipe-preview-demo{grid-template-columns:1fr;gap:8px;text-align:center}.dish-visual{margin:0 auto}}@media (max-width: 900px){.hero-section{min-height:auto;padding:100px 24px 60px}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-text{max-width:100%;text-align:center}.hero-title{font-size:2.5rem;margin-bottom:24px}.hero-subtitle{font-size:1.1rem;margin-bottom:40px}.hero-buttons{justify-content:center;margin-bottom:40px}.demo-container{max-width:100%;margin:0 auto}.ingredient-chips{justify-content:center}.recipe-stats,.demo-features{flex-wrap:wrap;gap:8px}}@media (max-width: 600px){.hero-section{padding-left:16px;padding-right:16px}.demo-container{margin:0 auto;max-width:220px}.demo-header{padding:8px 12px}.demo-content{padding:12px}.demo-title{font-size:.8rem}.auth-logo img{width:20px;height:20px}.recipe-card-demo{padding:10px}.recipe-header-demo{flex-direction:column;align-items:flex-start;gap:6px}.recipe-stats{justify-content:space-around}.demo-features{padding:6px 12px;flex-direction:column;align-items:center}.feature-badge{padding:3px 6px;font-size:.6rem}.dish-visual{width:35px;height:35px}.dish-visual:before{font-size:1rem}}@media (max-width: 900px){.hero-content{grid-template-columns:1fr;gap:32px;text-align:center}.hero-text{max-width:100%;text-align:center}.hero-title,.hero-subtitle,.hero-buttons{margin-left:0;text-align:center}.hero-buttons{justify-content:center}.demo-container{max-width:100%;margin:0 auto}.ingredient-chips{justify-content:center}.recipe-stats,.demo-features{flex-wrap:wrap;gap:8px}}@media (max-width: 600px){.hero-section{padding-left:16px;padding-right:16px}.demo-container{margin:0 -8px}.demo-header{padding:12px 16px}.demo-content{padding:20px 16px}.demo-title{font-size:1rem}.auth-logo img{width:28px;height:28px}.recipe-card-demo{padding:16px}.recipe-header-demo{flex-direction:column;align-items:flex-start;gap:8px}.recipe-stats{justify-content:space-around}.demo-features{padding:12px 16px;flex-direction:column;align-items:center}.feature-badge{padding:6px 10px;font-size:.75rem}.dish-visual{width:60px;height:60px}.dish-visual:before{font-size:1.5rem}}.input-demo{animation:slideInDemo .6s ease .2s both}.ai-processing{animation:slideInDemo .6s ease .8s both}.recipe-result{animation:slideInDemo .6s ease 1.4s both}.demo-features{animation:slideInDemo .6s ease 1.8s both}@keyframes slideInDemo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-container:hover .chip{animation:chipHover .3s ease}@keyframes chipHover{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.demo-container.loading .pulse-dot{animation:pulse-wave 1s infinite ease-in-out}.demo-container.loading .bar-fill{animation:loadingBar 2s infinite ease-in-out}@keyframes loadingBar{0%,to{opacity:.6}50%{opacity:1}}.chip:focus,.feature-badge:focus{outline:2px solid var(--primary-teal);outline-offset:2px}.main-heading{padding:100px 48px;background:linear-gradient(135deg,#ffffff 0%,var(--background-tech) 100%);display:flex;flex-direction:column;align-items:center;max-width:100vw;position:relative;overflow:hidden}.main-heading:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.main-heading>h1{font-family:Inter,sans-serif;font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:20px;text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-heading>p{font-family:Inter,sans-serif;font-size:1.2rem;color:var(--text-secondary);margin-bottom:80px;text-align:center;font-weight:400;max-width:600px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%;max-width:1200px;position:relative}.steps>div{background:linear-gradient(135deg,#fff,#fefefe);padding:40px 28px;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.steps>div:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e905,#0ea5e903);opacity:0;transition:opacity .3s ease}.steps>div:hover:before{opacity:1}.steps>div:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-teal);background:linear-gradient(135deg,var(--background-mint) 0%,var(--background-tech) 100%)}.steps>div>svg{font-size:2.5rem;margin-bottom:24px;transition:all .4s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.steps>div:hover>svg{color:var(--secondary-orange);transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.steps>div>h3{font-family:Inter,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.steps>div>p{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary);line-height:1.6;font-weight:400;margin:0;max-width:200px}.step1:after,.step2:after,.step3:after,.step4:after{content:"";position:absolute;top:16px;right:16px;width:24px;height:24px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#64748b;border:1px solid #e2e8f0}.step1:after{content:"1"}.step2:after{content:"2"}.step3:after{content:"3"}.step4:after{content:"4"}.steps>div:hover:after{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--fresh-lime) 100%);color:#fff;border-color:var(--primary-teal-light)}.step1>svg{color:var(--fresh-lime)}.step2>svg{color:var(--primary-teal)}.step3>svg{color:var(--secondary-orange)}.step4>svg{color:var(--citrus-yellow)}.powerful-features{padding:80px 0;background:#f8fafc;position:relative}.features-container{max-width:1200px;margin:0 auto;padding:0 48px}.features-header{text-align:center;margin-bottom:64px}.features-title{font-family:Inter,sans-serif;font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.025em}.features-subtitle{font-family:Inter,sans-serif;font-size:1.125rem;color:var(--text-secondary);font-weight:400;line-height:1.6;max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1000px;margin:0 auto;position:relative}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:#fff;min-height:200px}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014}.feature-icon-container{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease;position:relative}.feature-card:hover .feature-icon-container{transform:scale(1.1);box-shadow:0 8px 25px #00000026}.feature-icon{font-size:2.25rem;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em;line-height:1.3}.feature-description{font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-secondary);line-height:1.5;font-weight:400;margin:0;max-width:180px}.feature-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#16a08508,#76c89305);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card:after{content:"";position:absolute;inset:0;border-radius:16px;border:1px solid transparent;background:linear-gradient(135deg,#16a08533,#76c8931a) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:subtract;opacity:0;transition:opacity .3s ease}.feature-card:hover:after{opacity:1}.feature-card:focus-visible{outline:2px solid var(--primary-teal);outline-offset:4px}.feature-card:nth-child(1) .feature-icon-container{background:#e8f6f3}.feature-card:nth-child(2) .feature-icon-container{background:#eff6ff}.feature-card:nth-child(3) .feature-icon-container{background:#faf5ff}.feature-card:nth-child(4) .feature-icon-container{background:#fff7ed}.feature-card:nth-child(5) .feature-icon-container{background:#fef2f2}.feature-card:nth-child(6) .feature-icon-container{background:#f0fdfa}.feature-card:nth-child(1):hover .feature-icon-container{background:#d1f2eb;box-shadow:0 8px 25px #16a08533}.feature-card:nth-child(2):hover .feature-icon-container{background:#dbeafe;box-shadow:0 8px 25px #3b82f633}.feature-card:nth-child(3):hover .feature-icon-container{background:#f3e8ff;box-shadow:0 8px 25px #9333ea33}.feature-card:nth-child(4):hover .feature-icon-container{background:#fed7aa;box-shadow:0 8px 25px #fb923c33}.feature-card:nth-child(5):hover .feature-icon-container{background:#fecaca;box-shadow:0 8px 25px #ef444433}.feature-card:nth-child(6):hover .feature-icon-container{background:#ccfbf1;box-shadow:0 8px 25px #14b8a633}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes subtle-orbit{0%{transform:rotate(0) translate(30px) rotate(0);opacity:.4}50%{opacity:.6}to{transform:rotate(360deg) translate(30px) rotate(-360deg);opacity:.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.steps>div{animation:fadeInUp .6s ease-out}.step1{animation-delay:.1s}.step2{animation-delay:.2s}.step3{animation-delay:.3s}.step4{animation-delay:.4s}button:focus-visible{outline:2px solid var(--primary-teal);outline-offset:2px}.steps>div:focus-visible{outline:2px solid var(--primary-teal);outline-offset:2px}.btn-primary:active{transform:translateY(0);background:linear-gradient(135deg,var(--primary-teal-hover) 0%,#0f6456 100%)}.btn-secondary:active{background:#16a0851a}.footer{background:linear-gradient(135deg,var(--text-primary) 0%,#1a252f 100%);color:#fff;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-teal) 0%,var(--fresh-lime) 50%,var(--secondary-orange) 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:0 48px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:48px;padding:80px 0 60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--fresh-lime) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 16px #0ea5e94d}.brand-name{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.025em}.brand-description{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;color:#fffc;margin-bottom:24px}.social-links{display:flex;gap:12px}.social-link{width:44px;height:44px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:var(--primary-teal);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.social-link span{font-size:1.2rem;filter:grayscale(.3)}.social-link:hover span{filter:grayscale(0)}.footer-section{display:flex;flex-direction:column}.section-title{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:-.01em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link{font-family:Inter,sans-serif;font-size:.95rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease;padding:4px 0}.footer-link:hover{color:var(--fresh-lime);transform:translate(4px)}.newsletter-section{background:#ffffff0d;padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a}.newsletter-description{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.5;color:#fffc;margin-bottom:24px}.newsletter-form{margin-bottom:24px}.input-group{display:flex;gap:8px}.newsletter-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;border-color:var(--primary-teal);background:#ffffff26;box-shadow:0 0 0 3px #0ea5e933}.newsletter-button{padding:12px 24px;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%);color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #0ea5e94d}.newsletter-button:hover{background:linear-gradient(135deg,var(--primary-teal-light) 0%,var(--primary-teal) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e966}.newsletter-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:8px}.feature-icon{font-size:1rem}.feature-text{font-family:Inter,sans-serif;font-size:.875rem;color:#ffffffb3}.footer-bottom{padding:32px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.legal-links{display:flex;gap:24px;flex-wrap:wrap}.legal-link{font-family:Inter,sans-serif;font-size:.875rem;color:#fff9;text-decoration:none;transition:all .2s ease}.legal-link:hover{color:var(--primary-teal-light)}.copyright p{font-family:Inter,sans-serif;font-size:.875rem;color:#fff9;margin:0}.footer-badges{display:flex;gap:16px}.badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:.875rem}.badge-text{font-family:Inter,sans-serif;font-size:.8rem;color:#fffc;font-weight:500}@media (max-width: 1200px){.hero-content{gap:48px;grid-template-columns:1fr 1fr}.main-heading,.features-container,.footer-container{padding:0 24px}.steps,.features-grid{gap:20px}.newsletter-section{padding:24px 16px;border-radius:14px}.newsletter-description{font-size:1.05rem;margin-bottom:20px}.newsletter-form{margin-bottom:20px}.input-group{flex-direction:column;gap:12px}.newsletter-input,.newsletter-button{width:100%;box-sizing:border-box;font-size:1.08rem}.newsletter-features{gap:12px}.food-icon{font-size:2.5rem}.divider-icon{font-size:1.25rem}.section-divider-fancy{padding:30px 0}}@media (max-width: 900px){.navigation{padding:16px 24px}.hamburger{display:flex}.nav-right{position:fixed;top:76px;right:-100%;width:280px;height:calc(100vh - 76px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:24px 16px;box-shadow:-4px 0 24px #0000001a;transition:right .3s ease;border-left:1px solid var(--border-light)}.nav-right.active{right:0}.nav-right>button{width:100%;text-align:left;padding:14px 20px!important;font-size:16px!important;justify-content:flex-start}.nav-right>button:nth-child(1){background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%)}.nav-right>button:nth-child(2){border:2px solid #e5e7eb}.nav-right>button:nth-child(3){border:1px solid #e5e7eb}.hero-section{padding-left:24px;padding-top:110px;height:auto;min-height:60vh}.hero-content{grid-template-columns:1fr;gap:32px;min-height:400px}.hero-title,.hero-subtitle,.hero-buttons{margin-left:0}.robot-container{margin:0 auto;max-width:300px;height:300px}.main-heading{padding:48px 16px}.steps,.features-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-top{grid-template-columns:1fr 1fr;gap:24px;padding:48px 0 32px}.newsletter-section{padding:20px 12px;border-radius:12px}.newsletter-description{font-size:1rem;margin-bottom:18px}.newsletter-form{margin-bottom:18px}.input-group{flex-direction:column;gap:10px}.newsletter-input,.newsletter-button{width:100%;box-sizing:border-box;font-size:1.05rem}.newsletter-features{gap:10px}}@media (max-width: 600px){.navigation{padding:12px 16px}.nav-left>button{font-size:26px}.nav-left>img{width:40px;height:40px}.nav-right{top:64px;height:calc(100vh - 64px);width:100%;padding:20px 16px}.hero-section{padding-left:8px;padding-top:140px}.hero-content{gap:16px;min-height:300px}.hero-title{font-size:2rem;margin-bottom:16px}.hero-subtitle{font-size:1rem;margin-bottom:24px}.hero-buttons{flex-direction:column;gap:12px;margin-bottom:24px}.robot-container{max-width:180px;height:180px}.main-heading{padding:32px 4px}.main-heading>h1{font-size:1.5rem}.main-heading>p{font-size:1rem;margin-bottom:32px}.steps,.features-grid{grid-template-columns:1fr;gap:12px}.footer-top{grid-template-columns:1fr;gap:16px;padding:32px 0 16px}.footer-container{padding:0 8px}.footer-bottom-content{flex-direction:column;gap:12px;align-items:flex-start}.newsletter-section{padding:16px 8px;border-radius:10px}.newsletter-description{font-size:.95rem;margin-bottom:16px}.newsletter-form{margin-bottom:16px}.input-group{flex-direction:column;gap:8px}.newsletter-input,.newsletter-button{width:100%;box-sizing:border-box;font-size:1rem}.newsletter-features{gap:8px}.food-icon{font-size:2rem;opacity:.05}.divider-icon{font-size:1rem}.divider-content{gap:12px}.section-divider-fancy{padding:20px 0}.section-container.alt-bg,.section-container.recipes-bg,.section-container.faq-bg{padding:40px 0}}.section-divider{width:100%;height:2px;background:linear-gradient(90deg,var(--primary-teal) 0%,var(--fresh-lime) 50%,var(--secondary-orange) 100%);opacity:.12;margin:48px 0 32px;border-radius:2px}body,html{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--background-tech);color:var(--text-primary);letter-spacing:-.01em;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:1em}.hero-section,.main-heading,.powerful-features,.footer{margin-bottom:32px}.steps>div,.feature-card{border-radius:18px;box-shadow:0 2px 12px #0ea5e90f,0 1.5px 6px #00000008;padding:36px 20px}.hero-section,.main-heading,.powerful-features,.footer{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}*:focus-visible{outline:2px solid var(--primary-teal);outline-offset:2px}.live-preview-section{min-height:100vh;background:linear-gradient(180deg,#fff,#f7fafc);padding:5rem 2rem;display:flex;align-items:center;justify-content:center}.live-preview-container{max-width:1200px;margin:0 auto;width:100%}.preview-header{text-align:center;margin-bottom:4rem}.preview-title{font-size:3rem;font-weight:800;color:#1a202c;margin-bottom:1rem;letter-spacing:-1px;background:linear-gradient(135deg,#4299e1,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-subtitle{font-size:1.25rem;color:#718096;max-width:600px;margin:0 auto;line-height:1.6}.video-wrapper{margin-bottom:4rem;perspective:1000px}.video-container{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 10px 30px #0000001a;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease}.video-container:hover{transform:translateY(-5px);box-shadow:0 25px 70px #0003,0 15px 40px #00000026}.preview-video{width:100%;height:auto;display:block;border-radius:20px}.play-icon{transform:scale(1);transition:transform .3s ease}.video-overlay:hover .play-icon{transform:scale(1.1)}.play-icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.preview-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #4299e126;border-color:#4299e1}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s infinite}.feature-card:nth-child(1) .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.feature-card p{font-size:1rem;color:#718096;line-height:1.6;margin:0}.preview-cta{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;min-width:180px}.cta-button.primary{background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;box-shadow:0 4px 15px #4299e166}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4299e180}.cta-button.primary:active{transform:translateY(-1px)}.cta-button.secondary{background:#fff;color:#4299e1;border:2px solid #4299e1;box-shadow:0 4px 15px #00000014}.cta-button.secondary:hover{background:#4299e1;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #4299e14d}.cta-button.secondary:active{transform:translateY(-1px)}@media (max-width: 768px){.live-preview-section{padding:3rem 1rem}.preview-title{font-size:2.25rem}.preview-subtitle{font-size:1.1rem;padding:0 1rem}.preview-header,.video-wrapper{margin-bottom:3rem}.video-container{border-radius:12px}.preview-features{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.preview-cta{flex-direction:column;gap:1rem}.cta-button{width:100%;max-width:300px}.play-icon svg{width:60px;height:60px}}@media (max-width: 480px){.preview-title{font-size:1.85rem}.preview-subtitle{font-size:1rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.25rem}.feature-card p{font-size:.95rem}.cta-button{padding:.875rem 2rem;font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.live-preview-container>*{animation:fadeInUp .6s ease-out}.preview-header{animation-delay:.1s}.video-wrapper{animation-delay:.2s}.preview-features{animation-delay:.3s}.preview-cta{animation-delay:.4s}.example-recipes{padding:80px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.recipes-container{max-width:1200px;margin:0 auto}.recipes-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:50px}.recipes-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:15px}.recipes-header p{font-size:1.2rem;color:#7f8c8d}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.recipe-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.recipe-image-placeholder{width:100%;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.recipe-image-placeholder img{width:100%;height:100%;object-fit:cover}.placeholder-text{color:#fff;font-size:1.2rem;font-weight:600}.recipe-content{padding:25px}.recipe-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:15px}.meta-item{font-size:.9rem;color:#7f8c8d}.difficulty{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.difficulty.easy{background:#d4edda;color:#155724}.difficulty.medium{background:#fff3cd;color:#856404}.difficulty.hard{background:#f8d7da;color:#721c24}.recipe-ingredients{margin-bottom:20px}.recipe-ingredients h4{font-size:1.1rem;color:#2c3e50;margin-bottom:10px}.ingredient-tags{display:flex;flex-wrap:wrap;gap:8px}.ingredient-tag{background:#e8f4f8;color:#2980b9;padding:5px 12px;border-radius:15px;font-size:.85rem}.recipe-steps{max-height:0;overflow:hidden;transition:max-height .5s ease;margin-bottom:15px}.recipe-steps.expanded{max-height:1000px}.recipe-steps h4{font-size:1.1rem;color:#2c3e50;margin-bottom:10px;margin-top:10px}.recipe-steps ol{padding-left:20px;margin:0}.recipe-steps li{color:#555;line-height:1.8;margin-bottom:8px;margin-left:15px}.show-more-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease}.show-more-btn:hover{opacity:.9}@media (max-width: 768px){.recipes-header h2{font-size:2rem}.recipes-header p{margin-left:0}.recipes-grid{grid-template-columns:1fr}}.hero-section-new{position:relative;padding:140px 20px 100px;background:linear-gradient(135deg,#fff,#f0fdf4,#fef3c7 60%,#fed7aa);overflow:hidden}.hero-container-new{max-width:1400px;margin:0 auto}.hero-content-new{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-text-new{z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffffe6;border:2px solid var(--primary-teal);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--primary-teal);margin-bottom:24px;box-shadow:0 4px 15px #0ea5e933;animation:fadeInUp .6s ease-out}.badge-icon{font-size:1.1rem}.hero-title-new{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.03em;animation:fadeInUp .8s ease-out}.highlight-gradient{background:linear-gradient(135deg,var(--secondary-orange) 0%,var(--citrus-yellow) 50%,var(--fresh-lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-subtitle-new{font-size:1.2rem;line-height:1.7;color:var(--text-secondary);margin-bottom:32px;max-width:580px;animation:fadeInUp 1s ease-out}.hero-stats{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding:24px;background:#ffffffb3;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014;animation:fadeInUp 1.2s ease-out}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.8rem;font-weight:800;color:var(--secondary-orange);line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-divider{width:2px;height:40px;background:linear-gradient(180deg,transparent,var(--border-light),transparent)}.hero-buttons-new{display:flex;gap:16px;margin-bottom:32px;animation:fadeInUp 1.4s ease-out}.btn-primary-new{display:flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,var(--secondary-orange) 0%,var(--secondary-orange-hover) 100%);color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff6b3566}.btn-primary-new:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff6b3580}.btn-icon{font-size:1.3rem}.btn-secondary-new{display:flex;align-items:center;gap:10px;padding:18px 36px;background:#ffffffe6;color:var(--text-primary);border:2px solid var(--border-light);border-radius:12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-new:hover{border-color:var(--primary-teal);color:var(--primary-teal);transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e933}.play-icon-new{font-size:.9rem;color:var(--secondary-orange)}.hero-features{display:flex;gap:24px;flex-wrap:wrap;animation:fadeInUp 1.6s ease-out}.feature-item-mini{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary)}.check-icon{width:20px;height:20px;background:var(--fresh-lime);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.hero-visual-new{position:relative;z-index:10;animation:fadeInRight 1s ease-out}.hero-image-main{position:relative;width:100%;max-width:500px;margin:0 auto}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,107,53,.3) 0%,transparent 70%);filter:blur(40px);z-index:-1;animation:pulse-glow 3s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}.main-food-image{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #00000026;animation:float-gentle 4s infinite ease-in-out}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 30px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);animation:float-card 3s infinite ease-in-out}.floating-card.card-1{top:10%;left:-10%;animation-delay:0s}.floating-card.card-2{top:40%;right:-15%;animation-delay:.5s}.floating-card.card-3{bottom:15%;left:-5%;animation-delay:1s}.floating-card.card-4{bottom:10%;right:-10%;animation-delay:1.5s}@keyframes float-card{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.card-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-content{display:flex;flex-direction:column}.card-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-secondary)}.hero-decoration{position:absolute;font-size:3rem;opacity:.15;animation:float-decoration 5s infinite ease-in-out}.hero-decoration.deco-1{top:5%;right:10%;animation-delay:0s}.hero-decoration.deco-2{bottom:20%;right:5%;animation-delay:1s}.hero-decoration.deco-3{top:30%;left:5%;animation-delay:2s}@keyframes float-decoration{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}@media (max-width: 1200px){.hero-content-new{gap:60px}.hero-title-new{font-size:3rem}.floating-card{padding:10px 14px}.card-icon{font-size:1.5rem}}@media (max-width: 900px){.hero-section-new{padding:120px 20px 80px}.hero-content-new{grid-template-columns:1fr;gap:50px;text-align:center}.hero-text-new{display:flex;flex-direction:column;align-items:center}.hero-title-new{font-size:2.5rem}.hero-subtitle-new{max-width:100%}.hero-stats{flex-wrap:wrap;justify-content:center}.stat-divider{display:none}.hero-buttons-new{justify-content:center;flex-wrap:wrap}.hero-features{justify-content:center}.floating-card.card-1,.floating-card.card-2{display:none}.floating-card.card-3{left:5%}.floating-card.card-4{right:5%}}@media (max-width: 600px){.hero-section-new{padding:100px 16px 60px}.hero-title-new{font-size:2rem}.hero-subtitle-new{font-size:1rem}.hero-stats{padding:16px;gap:12px}.stat-number{font-size:1.4rem}.stat-label{font-size:.75rem}.btn-primary-new,.btn-secondary-new{width:100%;justify-content:center;padding:16px 24px;font-size:1rem}.floating-card{padding:8px 12px}.card-icon{font-size:1.3rem}.card-title{font-size:.85rem}.card-subtitle{font-size:.7rem}.hero-wave svg{height:50px}.main-food-image{border-radius:16px}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#ff6b351a;border:1.5px solid rgba(255,107,53,.3);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--secondary-orange);margin-bottom:20px;animation:fadeInUp .6s ease-out}.badge-dot{width:8px;height:8px;background:var(--secondary-orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.highlight-text{color:var(--secondary-orange);position:relative}.working-section-modern{padding:100px 20px;background:linear-gradient(180deg,#fff,#f9fafb);position:relative}.working-container-modern{max-width:1200px;margin:0 auto}.working-header-modern{text-align:center;margin-bottom:60px}.working-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.working-subtitle-modern{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.steps-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px;position:relative}.step-card-modern{position:relative;background:#fff;padding:40px 24px;border-radius:20px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .4s ease;border:2px solid transparent}.step-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026;border-color:#ff6b354d}.step-number{position:absolute;top:16px;right:16px;width:32px;height:32px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#6b7280;transition:all .3s ease}.step-card-modern:hover .step-number{background:linear-gradient(135deg,var(--secondary-orange) 0%,#ff8c61 100%);color:#fff;transform:scale(1.1)}.step-icon-wrapper{width:80px;height:80px;margin:0 auto 24px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step-icon-modern{font-size:2.5rem;color:#fff}.step-card-modern:hover .step-icon-wrapper{transform:scale(1.1) rotate(5deg)}.step-title-modern{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.step-description-modern{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.step-arrow{position:absolute;right:-15px;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--secondary-orange);opacity:.3;z-index:1}.step-decoration{position:absolute;bottom:-10px;right:-10px;opacity:0;transition:opacity .3s ease}.step-card-modern:hover .step-decoration{opacity:1}.deco-circle{width:20px;height:20px;border:3px solid;border-radius:50%;display:block}.working-footer-modern{text-align:center}.feature-pills{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pill{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:2px solid rgba(255,107,53,.2);border-radius:50px;font-weight:600;color:var(--text-primary);transition:all .3s ease}.pill:hover{background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border-color:var(--secondary-orange);transform:translateY(-2px)}.pill-icon{font-size:1.2rem}.powerful-features-modern{padding:100px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.features-container-modern{max-width:1200px;margin:0 auto}.features-header-modern{text-align:center;margin-bottom:60px}.features-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.features-subtitle-modern{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.feature-card-modern{position:relative;background:#fff;border-radius:20px;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 20px #00000014}.feature-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-card-inner{padding:40px 28px;position:relative;z-index:2}.feature-icon-container-modern{width:80px;height:80px;margin:0 auto 24px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.feature-card-modern:hover .feature-icon-container-modern{transform:scale(1.1) rotate(5deg)}.feature-icon-modern{font-size:2.5rem;position:relative;z-index:2}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;filter:blur(20px);opacity:0;transition:opacity .3s ease}.feature-card-modern:hover .icon-glow{opacity:1}.feature-title-modern{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.feature-description-modern{font-size:.95rem;color:var(--text-secondary);line-height:1.6;text-align:center}.feature-arrow{text-align:center;margin-top:16px;font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.feature-card-modern:hover .feature-arrow{opacity:1;transform:translate(0)}.feature-corner{position:absolute;bottom:0;right:0;width:60px;height:60px;border-bottom:4px solid;border-right:4px solid;border-radius:0 0 20px;opacity:0;transition:opacity .3s ease}.feature-card-modern:hover .feature-corner{opacity:1}.features-badge-modern{text-align:center}.badge-content{display:inline-flex;align-items:center;gap:16px;padding:24px 36px;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:20px;box-shadow:0 8px 30px #fbbf244d}.badge-emoji{font-size:2rem}.badge-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.badge-subtitle{font-size:.9rem;color:var(--text-secondary)}.what-not-todo-modern{padding:100px 20px;background:linear-gradient(135deg,#fff,#fef2f2)}.not-todo-container-modern{max-width:1000px;margin:0 auto}.not-todo-header-modern{text-align:center;margin-bottom:50px}.not-todo-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:16px}.not-todo-subtitle-modern{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.tabs-modern{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.tab-modern{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.tab-modern:hover{border-color:var(--secondary-orange);color:var(--secondary-orange)}.tab-modern.active{background:linear-gradient(135deg,var(--secondary-orange) 0%,#ff8c61 100%);border-color:var(--secondary-orange);color:#fff;box-shadow:0 8px 25px #ff6b354d}.tab-icon{font-size:1.2rem}.mistakes-content-modern{margin-bottom:40px}.mistake-card-modern{background:#fff;padding:36px;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:30px}.mistake-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.mistake-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:15px;display:flex;align-items:center;justify-content:center}.mistake-icon-modern{font-size:2rem}.mistake-title-modern{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.mistake-description-modern{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.examples-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.example-item-modern{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;transition:all .3s ease}.example-item-modern:hover{background:#fee2e2;transform:translate(4px)}.example-content-modern{display:flex;flex-direction:column;gap:4px}.example-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.warning-badge-modern{font-size:.75rem;color:#ef4444;font-weight:500}.cross-icon-modern{font-size:1.2rem;color:#ef4444;font-weight:700}.ai-note-modern{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:20px;border-radius:12px;border:2px solid #93c5fd}.ai-note-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.note-icon-modern{font-size:1.5rem}.note-title-modern{font-weight:700;color:var(--text-primary);font-size:1rem}.ai-note-text{color:var(--text-secondary);line-height:1.6;margin:0}.info-cards-modern{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-card{display:flex;gap:20px;padding:28px;border-radius:20px;box-shadow:0 4px 20px #00000014}.best-practice-modern{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.pro-tip-modern{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d}.info-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon-wrapper.success{background:#bbf7d0}.info-icon-wrapper.tip{background:#fef08a}.info-icon{font-size:1.8rem}.info-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.info-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.faq-section-modern{padding:100px 20px;background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.faq-container-modern{max-width:900px;margin:0 auto}.faq-header-modern{text-align:center;margin-bottom:60px}.faq-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:16px}.faq-subtitle-modern{font-size:1.2rem;color:var(--text-secondary)}.faq-grid-modern{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.faq-item-modern{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;border:2px solid transparent}.faq-item-modern:hover{box-shadow:0 8px 30px #0000001a;border-color:#10b9814d}.faq-item-modern.active{border-color:var(--fresh-lime);box-shadow:0 8px 30px #10b98133}.faq-question-wrapper{display:flex;align-items:center;gap:16px}.faq-icon-wrapper{width:50px;height:50px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-icon{font-size:1.8rem}.faq-question{flex:1;font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.faq-toggle{width:36px;height:36px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.faq-item-modern.active .faq-toggle{background:var(--fresh-lime);transform:rotate(180deg)}.toggle-icon{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.faq-item-modern.active .toggle-icon{color:#fff}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer-wrapper.open{max-height:300px;margin-top:16px}.faq-answer{color:var(--text-secondary);line-height:1.7;padding-left:66px;margin:0}.faq-contact-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;padding:40px;box-shadow:0 8px 30px #fbbf244d}.contact-card-content{display:flex;align-items:center;gap:24px}.contact-icon-wrapper{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon{font-size:2.5rem}.contact-text{flex:1}.contact-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.contact-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.contact-button{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;color:var(--text-primary);border:2px solid var(--citrus-yellow);border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.contact-button:hover{background:var(--text-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.button-arrow{font-size:1.2rem;transition:transform .3s ease}.contact-button:hover .button-arrow{transform:translate(4px)}.live-preview-section-modern{padding:100px 20px;background:linear-gradient(135deg,#fef3c7,#fed7aa);position:relative;overflow:hidden}.live-preview-container-modern{max-width:1200px;margin:0 auto;position:relative;z-index:2}.preview-header-modern{text-align:center;margin-bottom:60px}.preview-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:16px}.preview-subtitle-modern{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.video-section-modern{position:relative;margin-bottom:60px}.video-decoration{position:absolute;font-size:4rem;opacity:.15;animation:float-gentle 4s infinite ease-in-out}.video-decoration.deco-left{top:10%;left:5%}.video-decoration.deco-right{bottom:10%;right:5%;animation-delay:2s}.video-wrapper-modern{max-width:900px;margin:0 auto}.video-container-modern{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003;transition:all .4s ease}.video-container-modern:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0000004d}.video-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);filter:blur(40px);z-index:-1}.preview-video-modern{width:100%;height:auto;display:block;border-radius:20px}.video-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fffffff2;border-radius:50px;font-weight:600;color:var(--text-primary);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-pulse{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.preview-features-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px}.preview-feature-card{background:#fff;padding:32px 24px;border-radius:20px;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .4s ease;position:relative;overflow:hidden}.preview-feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.preview-feature-icon{width:70px;height:70px;margin:0 auto 20px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:all .3s ease}.preview-feature-card:hover .preview-feature-icon{transform:scale(1.1) rotate(5deg)}.preview-feature-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.preview-feature-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.feature-accent{position:absolute;bottom:0;left:0;right:0;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.preview-feature-card:hover .feature-accent{transform:scaleX(1)}.preview-cta-modern{text-align:center}.cta-button-modern{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:linear-gradient(135deg,var(--secondary-orange) 0%,#ff8c61 100%);color:#fff;border:none;border-radius:14px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #ff6b3566;margin-bottom:16px}.cta-button-modern:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ff6b3580}.button-icon{font-size:1.4rem}.cta-note{color:var(--text-secondary);font-size:.95rem;margin:0}@media (max-width: 1024px){.steps-grid-modern{grid-template-columns:repeat(2,1fr)}.step-arrow{display:none}.features-grid-modern,.examples-grid-modern{grid-template-columns:repeat(2,1fr)}.info-cards-modern{grid-template-columns:1fr}.preview-features-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.working-title-modern,.features-title-modern,.not-todo-title-modern,.faq-title-modern,.preview-title-modern{font-size:2rem}.steps-grid-modern,.features-grid-modern{grid-template-columns:1fr}.tabs-modern{flex-direction:column}.tab-modern{width:100%;justify-content:center}.examples-grid-modern{grid-template-columns:1fr}.contact-card-content{flex-direction:column;text-align:center}.contact-button{width:100%;justify-content:center}.preview-features-modern{grid-template-columns:1fr}.faq-answer{padding-left:0}}@media (max-width: 600px){.working-section-modern,.powerful-features-modern,.what-not-todo-modern,.faq-section-modern,.live-preview-section-modern{padding:60px 16px}.feature-pills{flex-direction:column}.pill{width:100%;justify-content:center}.video-decoration{font-size:2.5rem}}:root{--auth-primary: #0ea5e9;--auth-primary-hover: #0284c7;--auth-primary-light: #38bdf8;--secondary-orange: #ff6b35;--secondary-orange-hover: #ff5722;--fresh-lime: #10b981;--citrus-yellow: #fbbf24;--auth-bg: #f0fdf4;--background-mint: #f0fdf4;--background-peach: #fff7ed;--background-tech: #f8fafc;--auth-card-bg: #fff;--auth-shadow: 0 8px 32px rgba(14, 165, 233, .1), 0 1.5px 6px rgba(0,0,0,.03);--auth-border: #e2e8f0;--auth-error: #ef4444;--auth-success: #10b981;--auth-gray: #475569;--text-primary: #0f172a;--text-secondary: #475569;--auth-input-bg: #f8fafc;--auth-input-border: #cbd5e1;--auth-radius: 16px;--auth-font: "Inter", "Segoe UI", Arial, sans-serif}.auth-wrapper{position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fff,#fefefe);min-height:100vh}.auth-wrapper .floating-food-icons{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.auth-wrapper .food-icon{position:absolute;font-size:3rem;opacity:.08;animation:float-around 20s infinite ease-in-out}.auth-wrapper .food-icon.icon-1{top:10%;left:10%;animation-delay:0s;animation-duration:25s}.auth-wrapper .food-icon.icon-2{top:20%;right:15%;animation-delay:3s;animation-duration:22s}.auth-wrapper .food-icon.icon-3{top:50%;left:5%;animation-delay:5s;animation-duration:28s}.auth-wrapper .food-icon.icon-4{bottom:20%;right:10%;animation-delay:2s;animation-duration:24s}.auth-wrapper .food-icon.icon-5{top:70%;left:20%;animation-delay:7s;animation-duration:26s}.auth-wrapper .food-icon.icon-6{top:40%;right:25%;animation-delay:4s;animation-duration:23s}.auth-divider-fancy{position:relative;z-index:2;padding:40px 0;display:flex;justify-content:center;align-items:center;background:transparent}.auth-divider-content{margin-top:100px;display:flex;align-items:center;gap:20px;max-width:600px;width:100%;padding:0 20px}.auth-divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,var(--secondary-orange) 20%,var(--citrus-yellow) 50%,var(--fresh-lime) 80%,transparent 100%);border-radius:2px;opacity:.3}.auth-divider-icon{font-size:1.5rem;animation:bounce-slow 3s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.auth-bg{position:relative;z-index:2;margin-top:0;margin-bottom:10px;min-height:60vh;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--auth-font);padding:40px 20px}@media (max-width: 1200px){.auth-wrapper{padding-top:100px}}@media (max-width: 900px){.auth-wrapper{padding-top:70px}.auth-divider-fancy{padding:30px 0}}@media (max-width: 600px){.auth-wrapper{padding-top:80px}.auth-bg{min-height:auto;padding:20px 10px}.auth-card{padding:18px 2vw 12px;max-width:99vw;border-radius:8px}.auth-social-row{gap:6px}.auth-divider-fancy{padding:20px 0}.auth-divider-icon{font-size:1.2rem}.auth-wrapper .food-icon{font-size:2rem}}.auth-card{background:var(--auth-card-bg);border-radius:var(--auth-radius);box-shadow:var(--auth-shadow);padding:40px 36px 32px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--auth-border)}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.auth-logo{font-size:2.5rem;margin-bottom:8px;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);border-radius:12px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0ea5e933}.auth-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.02em}.auth-subtext{font-size:1.05rem;color:var(--auth-gray);text-align:center;margin-bottom:0}.auth-form{width:100%;display:flex;flex-direction:column;gap:18px}.auth-field{position:relative;display:flex;flex-direction:column}.auth-input{width:100%;padding:14px 16px;border-radius:8px;border:1.5px solid var(--auth-input-border);background:var(--auth-input-bg);font-size:1rem;font-family:var(--auth-font);color:var(--text-primary);transition:border .2s,box-shadow .2s;outline:none}.auth-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 2px #0ea5e933}.auth-input-error{border-color:var(--auth-error)!important}.auth-input:disabled{background:#f3f4f6;color:#b0b0b0}.auth-password-field{display:flex;align-items:center;position:relative}.auth-password-field .auth-input{padding-right:44px}.auth-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--auth-gray);padding:0 4px;transition:color .2s}.auth-toggle:focus{color:var(--auth-primary)}.password-requirements{background:var(--background-mint);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px 16px;margin-top:-8px;margin-bottom:4px}.password-requirements-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.password-requirements-list{display:flex;flex-direction:column;gap:4px}.password-requirement{display:flex;align-items:center;gap:8px;font-size:.85rem;transition:color .2s ease}.password-requirement.met{color:var(--auth-success)}.password-requirement.unmet{color:var(--auth-gray)}.requirement-icon{font-weight:700;font-size:.9rem;width:16px;text-align:center;transition:all .2s ease}.password-requirement.met .requirement-icon{color:var(--auth-success);transform:scale(1.1)}.password-requirement.unmet .requirement-icon{color:#cbd5e1}.toast-notification{position:fixed;top:20px;right:20px;max-width:400px;min-width:300px;padding:16px 20px;border-radius:12px;display:flex;align-items:flex-start;font-size:.95rem;font-weight:500;border:1px solid;box-shadow:0 10px 25px #0000001a,0 4px 12px #0000000d;z-index:1000;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275);font-family:var(--auth-font)}.toast-notification.success{background-color:var(--background-mint);color:var(--fresh-lime);border-color:#10b9814d}.toast-notification.error{background-color:#fef2f2;color:var(--auth-error);border-color:#ef44444d}.toast-content{display:flex;align-items:flex-start;gap:12px;width:100%}.toast-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.toast-message{flex:1;line-height:1.5}.toast-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;padding:0;margin-left:8px;flex-shrink:0;transition:opacity .2s ease;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.auth-btn{width:100%;padding:14px 0;border-radius:8px;font-size:1.08rem;font-weight:600;font-family:var(--auth-font);border:none;cursor:pointer;margin-top:2px;transition:background .2s,box-shadow .2s,color .2s}.auth-btn-primary{background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 14px #0ea5e940;margin-bottom:6px;transition:all .3s ease}.auth-btn-primary:hover{background:linear-gradient(135deg,var(--auth-primary-light) 0%,var(--auth-primary) 100%);box-shadow:0 6px 20px #0ea5e959;transform:translateY(-2px)}.auth-btn-google{background:#f9fafb;color:#374151;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;margin-bottom:2px}.auth-btn-google:hover{background:#e0f2fe;color:var(--auth-primary);border-color:var(--auth-primary)}.google-icon{font-size:1.1rem;font-weight:700;color:#ea4335;background:#fff;border-radius:50%;padding:2px 7px;margin-right:2px;border:1px solid #e5e7eb}.auth-options{display:flex;justify-content:flex-end;margin-bottom:-8px}.auth-link{color:var(--auth-primary);background:transparent;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s}.auth-link:hover{color:var(--auth-primary-hover);text-decoration:underline}.auth-footer{margin-top:18px;text-align:center;font-size:.98rem;color:var(--auth-gray)}.auth-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.auth-checkbox{accent-color:var(--auth-primary);width:18px;height:18px;margin:0}.auth-checkbox-label{font-size:.98rem;color:var(--auth-gray);cursor:pointer}.auth-error{color:var(--auth-error);font-size:.92rem;margin-top:2px;margin-left:2px;font-weight:500}.auth-success{color:var(--auth-success);font-size:.92rem;margin-top:2px;margin-left:2px;font-weight:500}.auth-social-row{display:flex;flex-direction:column;gap:10px;margin-top:8px}.auth-btn-facebook{background:#f9fafb;color:#1877f3;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:background .2s,color .2s,border .2s}.auth-btn-facebook:hover{background:#e0f2fe;color:#0a5ad5;border-color:#1877f3}.facebook-icon{font-size:1.1rem;font-weight:700;color:#1877f3;background:#fff;border-radius:50%;padding:2px 8px;margin-right:2px;border:1px solid #e5e7eb}.auth-btn-apple{background:#f9fafb;color:#222;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:background .2s,color .2s,border .2s}.auth-btn-apple:hover{background:#e0f2fe;color:#000;border-color:#222}.apple-icon{font-size:1.2rem;font-weight:700;color:#222;background:#fff;border-radius:50%;padding:2px 8px;margin-right:2px;border:1px solid #e5e7eb}@media (max-width: 600px){.auth-card{padding:24px 6px 18px;max-width:98vw;border-radius:10px}.auth-title{font-size:1.4rem}.auth-logo{font-size:2rem;width:40px;height:40px}.auth-form{gap:12px}.auth-btn{font-size:1rem;padding:12px 0}.auth-checkbox-label{font-size:.95rem}.auth-social-row{gap:8px}.password-requirements{padding:10px 12px}.password-requirements-title{font-size:.85rem}.password-requirement{font-size:.8rem;gap:6px}.toast-notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto;padding:12px 16px;font-size:.9rem}.toast-content{gap:8px}.toast-close{font-size:1.3rem;width:18px;height:18px}}@media (max-width: 900px){.auth-card{padding:32px 12px 22px;max-width:98vw;border-radius:12px}.auth-title{font-size:1.7rem}.auth-logo{font-size:2.2rem;width:48px;height:48px}}@media (max-width: 1200px){.auth-card{padding:36px 18px 28px;max-width:98vw;border-radius:14px}}:root{--auth-primary: #0ea5e9;--auth-primary-hover: #0284c7;--auth-primary-light: #38bdf8;--primary-teal: #0ea5e9;--primary-teal-hover: #0284c7;--primary-teal-light: #38bdf8;--secondary-orange: #ff6b35;--secondary-orange-hover: #ff5722;--fresh-lime: #10b981;--citrus-yellow: #fbbf24;--auth-bg: #f0fdf4;--background-mint: #f0fdf4;--background-peach: #fff7ed;--background-tech: #f8fafc;--auth-card-bg: #fff;--auth-shadow: 0 8px 32px rgba(14, 165, 233, .1), 0 1.5px 6px rgba(0,0,0,.03);--auth-border: #e2e8f0;--border-light: #e2e8f0;--auth-success: #10b981;--auth-gray: #475569;--text-primary: #0f172a;--text-secondary: #475569;--auth-input-bg: #f8fafc;--auth-input-border: #cbd5e1;--auth-radius: 16px;--auth-font: "Inter", "Segoe UI", Arial, sans-serif}.recipe{margin-top:70px;min-height:100vh;font-family:var(--auth-font);background:linear-gradient(135deg,#ffffff 0%,var(--background-mint) 30%,#fef3c7 60%,var(--background-peach) 100%);position:relative;width:100%}.recipe:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(135deg,#10b9810a,#fbbf2408 70%);pointer-events:none}.recipe-container{width:100%;max-width:700px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.recipe-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 0 5px}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.025em;background:linear-gradient(45deg,var(--fresh-lime) 0%,var(--auth-primary) 25%,var(--secondary-orange) 50%,var(--citrus-yellow) 75%,var(--fresh-lime) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 4s ease-in-out infinite}@keyframes title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.page-subtitle{font-size:.95rem;color:var(--text-secondary);font-weight:400;line-height:1.4;max-width:500px}.ingridient-input{width:100%;max-width:650px}.message-container{font-weight:700;margin-bottom:15px;text-align:center;border:2px solid var(--fresh-lime);border-radius:7px;padding:10px;width:500px;font-size:12px;margin-left:80px;color:var(--auth-success);background:#e0f2fe}.message-container:hover{background-color:#bae6fd;box-shadow:0 0 10px #00000026;transform:scale(1.02);transition:all .2s ease-in-out;cursor:pointer}.ingridient-container{margin-top:20px;background:var(--auth-card-bg);border-radius:12px;padding:20px;box-shadow:0 20px 50px #00000014,0 8px 25px #0000000a;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90vw;margin-bottom:15px}.ingridient-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--auth-primary) 0%,var(--fresh-lime) 50%,var(--secondary-orange) 100%)}.ingredient-status{text-align:center;margin-bottom:20px;padding:12px 20px;background:linear-gradient(135deg,#0ea5e90d,#0ea5e908);border-radius:12px;border:1px solid rgba(14,165,233,.1)}.ingredient-status.ready{background:linear-gradient(135deg,#0ea5e914,#0ea5e90f);border-color:#0ea5e933}.status-text{font-size:.95rem;font-weight:500;margin:0}.status-text.incomplete{color:var(--auth-gray)}.status-text.ready{color:var(--auth-primary)}.status-icon{margin-right:8px;font-size:1.1rem}.ingredient-input{margin-bottom:14px;position:relative;animation:slideInUp .3s ease-out}.dietary-wrapper{margin:16px 0}.dietary-label{display:block;font-size:16px;margin-bottom:6px;font-weight:600;color:var(--text-primary)}.dietary-select{width:100%;height:150px;padding:10px;border-radius:10px;border:1px solid var(--border-light);font-size:14px;color:var(--text-primary);background:#fff;outline:none}.dietary-select option{padding:6px}.dietary-select:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #0ea5e933}.custom-select{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:2px solid var(--border-light);border-radius:10px;background:#fff;background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);font-size:14px;color:var(--background-mint);transition:all .3s ease}.select-trigger:hover{border-color:var(--primary-teal)}.custom-select.open .select-trigger{border-color:var(--primary-teal);box-shadow:0 0 0 3px #0ea5e933}.arrow{color:var(--text-secondary);font-size:12px;transition:transform .3s ease}.select-options{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:2px solid var(--primary-teal);border-radius:10px;margin-top:8px;box-shadow:var(--shadow-lg);z-index:10;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease}.select-option:hover{background:var(--background-mint)}.select-option.selected{background:#0ea5e91a}.select-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-teal)}.select-option span{flex:1;font-size:14px;color:var(--text-primary)}.selected-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dietary-chip{display:inline-flex;align-items:center;gap:8px;background:var(--primary-teal);color:#fff;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:500}.chip-remove{background:#ffffff4d;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:background .2s ease}.chip-remove:hover{background:#ffffff80}.dietary-helper{color:var(--text-secondary);font-size:14px;font-style:italic}@media (max-width: 600px){.select-options{max-height:250px}.select-option{padding:10px 12px}}.dietary-chip{background:var(--primary-teal-light);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px}.dietary-helper{font-size:13px;color:var(--text-secondary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ingredient-input input{width:100%;padding:14px 20px;border:2px solid #f1f5f9;border-radius:12px;background:var(--auth-input-bg);font-size:1rem;font-family:var(--auth-font);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.ingredient-input input:focus{outline:none;border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 4px #0ea5e914,0 4px 16px #0ea5e91f;transform:translateY(-1px)}.ingredient-input input::placeholder{color:var(--auth-gray);opacity:.6}.ingredient-input input.filled{background:#fff;border-color:#0ea5e94d}.remove-ingredient-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#dc26261a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.remove-ingredient-btn:hover{background:#dc262626;opacity:1;transform:translateY(-50%) scale(1.1)}.add-ingredient{background:#0ea5e90a;border:2px dashed rgba(14,165,233,.3);border-radius:12px;padding:14px 24px;color:var(--auth-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;text-align:center}.add-ingredient:before{content:"✨";margin-right:10px;font-size:1rem}.add-ingredient:hover{border-color:var(--auth-primary);background:#0ea5e914;transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e926}.recipe-button{margin:24px 0 16px}.generate-recipe{width:100%;padding:16px 32px;border:none;border-radius:12px;font-family:var(--auth-font);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:-.01em;min-height:54px;display:flex;align-items:center;justify-content:center}.generate-recipe.disabled{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;cursor:not-allowed;box-shadow:none}.generate-recipe.active{background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-hover) 100%);color:#fff;box-shadow:0 8px 32px #0ea5e940,0 4px 16px #0ea5e926}.generate-recipe.active:before{content:"🪄 ";margin-right:8px;font-size:1.1rem}.generate-recipe.active:hover{background:linear-gradient(135deg,var(--auth-primary-light) 0%,var(--auth-primary) 100%);transform:translateY(-2px);box-shadow:0 12px 40px #0ea5e94d,0 6px 20px #0ea5e933}.generate-recipe.loading{background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-hover) 100%);color:#fff;pointer-events:none}.generate-recipe.loading:before{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;margin-right:12px;animation:spin 1s linear infinite}.recipes{width:90vw;max-width:1400px}.recipes-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:15px}@media (max-width: 1024px){.recipes-layout{grid-template-columns:1fr}}.recipe-retry{position:absolute;right:30px;top:10px}.recipe-retry-button{background:var(--auth-input-bg);color:var(--auth-primary);border:1px solid var(--auth-input-border);box-shadow:0 2px 8px #0ea5e914,0 1px 3px #0000000f;border-radius:var(--auth-radius);padding:12px 24px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;margin-right:10px}.recipe-retry-button:hover{background:var(--background-mint);border-color:var(--auth-primary);box-shadow:0 4px 16px #16a08526,0 2px 6px #00000014;transform:translateY(-1px)}.info-recipe{text-align:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#0ea5e905,#0ea5e903);border-radius:12px;border:1px solid rgba(14,165,233,.08)}.info-recipe p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.info-recipe span{color:var(--auth-primary);font-weight:600;cursor:pointer;transition:all .2s ease;padding:2px 4px;border-radius:4px}.info-recipe span:hover{color:var(--auth-primary-hover);background:#0ea5e914}.recipe-begin{text-align:center;margin-bottom:10px;padding:16px 0}.heading{font-size:2rem;font-weight:700;color:var(--auth-primary);margin:0;letter-spacing:-.025em;background:linear-gradient(45deg,var(--auth-primary) 0%,var(--fresh-lime) 50%,var(--secondary-orange) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtle-shimmer 3s ease-in-out infinite}@keyframes subtle-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.result-ingredients{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#0ea5e908,#0ea5e905);border-radius:12px;padding:15px;margin-bottom:0;border:1px solid rgba(14,165,233,.1);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}@media (max-width: 1024px){.result-ingredients{position:static;max-height:none;margin-bottom:20px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}}.result-ingredients>h2{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 10px;white-space:nowrap}@media (max-width: 1024px){.result-ingredients>h2{margin:0 8px 0 0}}.result-ingredient{background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;border:none;box-shadow:0 2px 8px #10b98140;transition:all .2s ease;text-align:center;min-width:auto;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center}.result-ingredient:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.recipe-card{background:#fff;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px #00000014,0 8px 25px #0000000a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:15px;max-width:none;margin-top:0}.recipe-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--auth-primary) 0%,var(--fresh-lime) 50%,var(--secondary-orange) 100%)}.recipe-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 10px;letter-spacing:-.025em;line-height:1.2}.recipe-description{font-size:.9rem;color:var(--text-secondary);text-align:center;line-height:1.4;margin-bottom:15px;font-weight:400}.recipe-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0;padding:0}.recipe-info>div{background:linear-gradient(135deg,#0ea5e90d,#0ea5e908);border:1px solid rgba(14,165,233,.1);border-radius:10px;padding:12px 15px;text-align:center;font-size:.85rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.recipe-info>div:hover{background:linear-gradient(135deg,#0ea5e914,#0ea5e90d);transform:translateY(-1px)}.recipe-info svg{color:var(--auth-primary);font-size:1rem}.steps-followed{margin-top:15px;padding-top:15px;border-top:2px solid rgba(14,165,233,.1);list-style:none;padding-left:0}.steps-followed:before{content:"👨‍🍳 Instructions";display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center}.steps-followed ol{margin:0;padding-left:24px;counter-reset:step-counter}.steps-followed li{font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin-bottom:8px;padding-left:6px;position:relative;counter-increment:step-counter}.steps-followed li::marker{color:var(--auth-primary);font-weight:600}.steps-followed li:hover{color:var(--text-primary);background:#0ea5e905;border-radius:6px;padding:8px;margin-left:-8px;margin-right:-8px;transition:all .2s ease}.conversion-section{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:60px 20px;border-top:2px solid rgba(14,165,233,.1);background:linear-gradient(135deg,var(--auth-card-bg) 0%,var(--background-mint) 100%);border-radius:var(--auth-radius);box-shadow:var(--auth-shadow);font-family:var(--auth-font)}.conversion-heading{text-align:center;margin-bottom:50px}.conversion-heading-main{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:15px;background:linear-gradient(135deg,var(--auth-primary),var(--fresh-lime));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.conversion-heading-sub{font-size:1.1rem;color:var(--text-secondary);font-weight:400;margin:0}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;margin-bottom:50px}.container1{background:var(--auth-card-bg);display:flex;flex-direction:column;align-items:center;padding:40px 30px;border-radius:var(--auth-radius);box-shadow:var(--auth-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--auth-border);overflow:hidden}.container1:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#fbbf24,#ff6b35);transform:scaleX(0);transition:transform .3s ease}.container1:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0ea5e926,0 8px 16px #0000001a;border-color:var(--auth-primary)}.container1:hover:before{transform:scaleX(1)}.icon-container{position:absolute;top:15px;right:15px;background:var(--background-mint);padding:8px;border-radius:50%;color:var(--auth-primary);font-size:.9rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.icon{font-size:3rem;margin-bottom:25px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card-heading{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:15px;text-align:center;line-height:1.3}.card-para{font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.6;max-width:250px}.signup{text-align:center}.sign{background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);color:#fff;border:none;padding:18px 45px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #10b9814d;text-transform:uppercase;letter-spacing:.5px;font-family:var(--auth-font)}.sign:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10b98166;background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.sign:active{transform:translateY(-1px)}.sign:focus{outline:none;box-shadow:0 0 0 3px #0ea5e94d}@media (max-width: 1024px){.cards-container{gap:20px}.container1{padding:35px 25px}.card-heading{font-size:1.3rem}.card-para{font-size:.95rem}}@media (max-width: 768px){.conversion-section{padding:40px 15px;border-radius:12px}.conversion-heading{margin-bottom:35px}.conversion-heading-main{font-size:2rem;margin-bottom:10px}.conversion-heading-sub{font-size:1rem}.cards-container{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.container1{padding:30px 20px;border-radius:12px}.card-heading{font-size:1.2rem;margin-bottom:12px}.card-para{font-size:.95rem;max-width:100%}.icon{font-size:2.5rem;margin-bottom:20px}.sign{padding:15px 35px;font-size:1rem;border-radius:40px}.recipe-retry-button{margin-bottom:10px;margin-left:20px}}@media (max-width: 480px){.conversion-section{padding:30px 10px}.conversion-heading-main{font-size:1.75rem}.conversion-heading-sub{font-size:.95rem}.container1{padding:25px 15px}.card-heading{font-size:1.1rem}.card-para{font-size:.9rem}.icon{font-size:2.2rem}.sign{padding:12px 30px;font-size:.95rem}.page-title{margin-top:80px}.icon-container{width:28px;height:28px;font-size:.8rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container1{animation:slideInUp .6s ease forwards}.container1:nth-child(1){animation-delay:.1s}.container1:nth-child(2){animation-delay:.2s}.container1:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container1.loading{animation:pulse 1.5s ease-in-out infinite}.container1:hover .icon{transform:scale(1.1);transition:transform .3s ease}.container1:hover .card-heading{color:var(--auth-primary);transition:color .3s ease}.container1:hover .icon-container{background:var(--auth-primary);color:#fff;transition:all .3s ease}@media (prefers-reduced-motion: reduce){.container1,.sign,.container1:before{animation:none;transition:none}.container1:hover,.sign:hover{transform:none}}@media (prefers-contrast: high){.container1{border:2px solid var(--auth-primary)}.card-heading{font-weight:700}.sign{border:2px solid var(--auth-primary)}}@media (max-width: 768px){.message-container{width:90%;margin-left:auto;margin-right:auto}.recipe{margin-top:80px}.recipe-header{padding:40px 0 30px}.page-title{margin-top:20px;font-size:2.25rem}.page-subtitle{font-size:1.125rem}.ingridient-container{padding:32px 24px;margin:40px 16px 0;border-radius:16px}.recipe-container{padding:0 16px}.recipe-card{padding:32px 24px;border-radius:16px}.recipe-name{font-size:1.875rem}.recipe-description{font-size:1rem}.recipe-info{grid-template-columns:1fr;gap:12px}.result-ingredients{padding:16px 20px}.result-ingredients>h2{font-size:.9rem;width:100%;text-align:center;margin-bottom:12px}.heading{font-size:1.75rem}}@media (max-width: 480px){.message-container{width:95%;font-size:11px;padding:8px}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.ingridient-container{margin-top:100px;padding:24px 20px;width:100vw}.ingredient-input input{padding:16px 20px;font-size:1rem}.generate-recipe{padding:18px 32px;font-size:1rem}.recipe-card{padding:24px 20px}.recipe-name{font-size:1.625rem}.recipe-description{font-size:.95rem}.result-ingredient{font-size:.8rem;padding:6px 12px}.steps-followed li{font-size:.95rem}.heading{font-size:1.5rem}}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #fbbf24;border-bottom:16px solid #10b981;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.health-benefits{margin-top:15px;padding:15px;background:linear-gradient(135deg,#10b9810d,#10b98108);border-left:3px solid #10b981;border-radius:10px;position:relative}.health-benefits:before{content:"💚 Health Benefits";display:block;font-size:1.05rem;font-weight:600;color:#059669;margin-bottom:8px}.health-benefits p{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.serving-suggestion{margin-top:15px;padding:15px;background:linear-gradient(135deg,#f973160d,#f9731608);border-left:3px solid #f97316;border-radius:10px;position:relative}.serving-suggestion:before{content:"🍽️ Serving Suggestion";display:block;font-size:1.05rem;font-weight:600;color:#ea580c;margin-bottom:8px}.serving-suggestion p{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}@media (max-width: 768px){.health-benefits,.serving-suggestion{padding:20px;margin-top:24px}.health-benefits:before,.serving-suggestion:before{font-size:1.125rem}.health-benefits p,.serving-suggestion p{font-size:.95rem}}@media (max-width: 480px){.health-benefits,.serving-suggestion{padding:16px;margin-top:20px;border-left-width:3px}.health-benefits:before,.serving-suggestion:before{font-size:1rem;margin-bottom:10px}.health-benefits p,.serving-suggestion p{font-size:.9rem;line-height:1.6}}.allergy-input{margin-top:28px;position:relative;width:100%}.allergy-input input{width:100%;padding:18px 24px;border:2px solid #f1f5f9;border-radius:14px;background:var(--auth-input-bg);font-size:.8rem;font-family:var(--auth-font);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.allergy-input input:focus{outline:none;border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 4px #0ea5e914,0 4px 16px #0ea5e91f;transform:translateY(-1px)}.allergy-input input::placeholder{color:var(--auth-gray);opacity:.6;font-style:italic}.allergy-input input.filled{background:#fff;border-color:#0ea5e94d}.allergy-input:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--auth-primary),var(--fresh-lime));transition:width .3s ease;border-radius:2px}.allergy-input input:focus+.underline,.allergy-input input:focus~:after{width:100%}@media (max-width: 480px){.allergy-input input{padding:16px 20px;font-size:1rem}.recipe-type-button{margin-left:30px}}@media (max-width: 600px){.ingridient-container{margin-top:0}.recipe-type-button{margin-left:0}}.recipe-type-button{display:flex;gap:10px;margin:15px 0 20px;justify-content:center;flex-wrap:wrap}.recipe-type-button button{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;border:2px solid transparent;cursor:pointer;transition:all .25s ease;min-width:160px;text-align:center}.recipe-type-button .active-state{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%);color:#fff;border-color:var(--primary-teal)}.recipe-type-button .inactive-state{background:#f3f4f6;color:var(--text-primary);border:2px solid var(--border-light)}@media (max-width: 600px){.recipe-type-button{flex-direction:column;align-items:center;gap:10px;margin:20px 0}.recipe-type-button button{width:90%;font-size:14px;padding:12px 18px}}.measured-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:relative}.measured-row input,.measured-row select{padding:10px 12px;border:1.8px solid #d1d5db;border-radius:8px;background:#f9fafb;font-size:15px;transition:all .25s ease;outline:none}.measured-row input:hover,.measured-row select:hover{border-color:var(--primary-teal-light)}.measured-row input:focus,.measured-row select:focus{border-color:var(--primary-teal);background:#fff;box-shadow:0 0 0 3px #0ea5e926}.filled{background:#fff;border-color:var(--primary-teal);font-weight:500}.measured-row input[type=number],.measured-row select{width:110px}.measured-row input[type=text]{flex:2}.remove-ingredient-btn{background:#fee2e2;border:none;color:#b91c1c;font-size:18px;height:28px;width:28px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.remove-ingredient-btn:hover{background:#fca5a5;color:#7f1d1d}@media (max-width: 600px){.measured-row{flex-direction:column;align-items:stretch;gap:8px;padding-right:35px}.remove-ingredient-btn{right:0;top:-10px;transform:none}.measured-row input[type=number],.measured-row select{width:100%}}.advanced-options{margin-top:20px;width:100%}.advanced-toggle-btn{width:100%;background:#f5fffe;border:2px solid var(--primary-teal);border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;color:var(--primary-teal);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.25s ease}.advanced-toggle-btn:hover{background:#eafffb}.arrow{font-size:18px;transition:transform .3s ease}.advanced-content{overflow:hidden;transition:max-height .3s ease;margin-top:12px;padding:0 4px}.cuisine-select,.time-select,.calorie-input{width:100%;padding:12px;border-radius:10px;margin-top:14px;border:2px solid var(--border-light);background:#fff;font-size:15px;outline:none;transition:.25s ease}.cuisine-select:focus,.time-select:focus,.calorie-input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px #00b4aa2e}.cuisine-select{height:130px;overflow-y:auto}.selected-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.dietary-chip{background:#e7fffc;color:var(--primary-teal);border:1px solid var(--primary-teal-light);padding:6px 12px;border-radius:20px;font-size:13px}.advanced-setting-row{background:#f3f7f8;border-radius:12px;padding:14px 12px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.setting-text{flex:1;min-width:200px}.setting-text h3{margin:0;font-size:16px;font-weight:700}.setting-description{font-size:13px;margin-top:6px;color:#555}.switch{position:relative;width:54px;height:28px;min-width:54px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background-color:#ccc;border-radius:34px;cursor:pointer;transition:.3s}.slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background-color:var(--primary-teal)}.switch input:checked+.slider:before{transform:translate(26px)}@media (max-width: 480px){.advanced-toggle-btn{font-size:14px;padding:12px 14px}.advanced-setting-row{align-items:flex-start;gap:2px}.switch{transform:scale(1.05)}}.safety-note{margin-top:16px;background:#fff8e1;border-left:4px solid #ffb300;padding:10px 14px;margin-bottom:8px;border-radius:6px;font-size:.85rem;color:#614a00}.nutrition-information{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:10px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;max-width:100%;margin-left:auto;margin-right:auto}.nutrition-title{text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:#333}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem 1.2rem}.nutrition-item{background:#fff;border-radius:12px;padding:.8rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.nutrition-item:hover{transform:translateY(-3px);box-shadow:0 3px 8px #0000001a}.nutrition-item span{font-size:.9rem;color:#555}.nutrition-item strong{font-size:1.1rem;color:#111;margin-top:.3rem}@media (max-width: 768px){.nutrition-information{padding:1rem}.nutrition-title{font-size:1.3rem}.nutrition-item{padding:.7rem}}@media (max-width: 480px){.nutrition-item{font-size:.5rem}}.recipe-image-container{width:100%;max-width:100%;margin:0 auto 1rem;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.recipe-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px}.recipe-image-loading p{margin-top:1rem;color:#666;font-size:.95rem}.nutrition-unavailable{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;color:#666;margin:1rem 0}.nutrition-unavailable p{margin:0;font-size:.95rem}.recipe-regenerate-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0ea5e933;margin-bottom:1.5rem;display:inline-block}.recipe-regenerate-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0ea5e94d}.recipe-regenerate-button:active{transform:translateY(0)}@media (max-width: 768px){.recipe-regenerate-button{margin-left:1rem;margin-bottom:1.25rem;padding:.625rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.recipe-regenerate-button{margin-left:.75rem;margin-bottom:1rem;padding:.625rem 1rem;font-size:.9rem;width:calc(100% - 1.5rem);text-align:center}}.single-recipe{min-height:100vh;background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:2rem 1rem}.single-recipe .result-ingredients{max-width:900px;margin:0 auto 2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.single-recipe .result-ingredients h2{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.single-recipe .result-ingredients h2:before{content:"🥗";font-size:2rem}.single-recipe .result-ingredient{padding:1rem 1.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:8px;color:#4a5568;font-size:1rem;font-weight:500;border-left:4px solid #667eea;transition:all .3s ease}.single-recipe .result-ingredient:hover{transform:translate(5px);box-shadow:0 2px 8px #667eea33;border-left-color:#764ba2}.single-recipe .result-ingredient:last-child{margin-bottom:0}.single-recipe .recipe-card{max-width:900px;margin:0 auto}@media (max-width: 768px){.single-recipe{padding:1.5rem 1rem}.single-recipe .result-ingredients{padding:1.5rem;margin-bottom:1.5rem}.single-recipe .result-ingredients h2{font-size:1.5rem}.single-recipe .result-ingredient{padding:.875rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.single-recipe{padding:1rem .5rem}.single-recipe .result-ingredients{padding:1.25rem;border-radius:8px}.single-recipe .result-ingredients h2{font-size:1.3rem;margin-bottom:1rem}.single-recipe .result-ingredient{padding:.75rem 1rem;font-size:.9rem;margin-bottom:.5rem}}.single-recipe-header{max-width:900px;margin:0 auto 2rem;padding:0 1rem}.back-to-recipes-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.back-to-recipes-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#667eea;transform:translate(-3px);box-shadow:0 4px 8px #667eea4d}.back-to-recipes-btn:active{transform:translate(-1px)}.back-to-recipes-btn svg{transition:transform .3s ease}.back-to-recipes-btn:hover svg{transform:translate(-2px)}@media (max-width: 768px){.single-recipe-header{margin-bottom:1.5rem}.back-to-recipes-btn{padding:.75rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.single-recipe-header{margin-bottom:1rem;padding:0 .5rem}.back-to-recipes-btn{padding:.625rem 1rem;font-size:.9rem;width:100%;justify-content:center}}.recipe-rating{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border-left:4px solid #0ea5e9}.stars-container{display:flex;gap:.25rem}.star-icon{font-size:1.25rem;transition:all .2s ease}.star-icon.filled{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.star-icon.empty{color:#cbd5e1}.rating-value{font-size:1.1rem;font-weight:700;color:#0284c7}.recipe-notes{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:1.5rem;margin:2rem 0;border-left:4px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}.notes-title{font-size:1.5rem;font-weight:700;color:#78350f;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.notes-title svg{color:#f59e0b;font-size:1.3rem}.notes-content{background:#fff;padding:1.25rem;border-radius:8px;border:1px solid #fcd34d}.notes-content p{color:#4a5568;line-height:1.7;margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.recipe-rating{flex-direction:column;align-items:flex-start;gap:.75rem}.star-icon{font-size:1.1rem}.rating-value{font-size:1rem}.recipe-notes{padding:1.25rem}.notes-title{font-size:1.3rem}.notes-content{padding:1rem}}@media (max-width: 480px){.recipe-rating{padding:.875rem}.star-icon{font-size:1rem}.rating-value{font-size:.95rem}.recipe-notes{padding:1rem;margin:1.5rem 0}.notes-title{font-size:1.2rem}.notes-content{padding:.875rem}}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;text-transform:uppercase;letter-spacing:.5px;margin-left:10px}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.download-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-button:before{content:"⬇️";font-size:1.2rem}@media (max-width: 768px){.download-button{padding:.75rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.download-button{padding:.625rem 1rem;font-size:.9rem;width:100%;justify-content:center;margin-left:0}}.image-upload{flex:1;min-width:150px}.image-upload-container{max-width:600px;margin:2rem auto;text-align:center}.image-upload-container h2{font-size:1.8rem;color:#2d3748;margin-bottom:.5rem}.upload-subtitle{color:#718096;font-size:1rem;margin-bottom:2rem}.upload-area{border:3px dashed #cbd5e0;border-radius:12px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease;background:#f7fafc}.upload-area:hover{border-color:#667eea;background:#edf2f7;transform:translateY(-2px)}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-area p{margin:.5rem 0;color:#4a5568;font-size:1.1rem}.upload-hint{color:#a0aec0;font-size:.9rem!important}.preview-container{margin-top:2rem}.image-preview{max-width:100%;max-height:400px;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.preview-actions{display:flex;gap:1rem;justify-content:center}.change-image-btn,.process-image-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.change-image-btn{background:#fff;color:#0ea5e9;border:2px solid #0ea5e9}.change-image-btn:hover{background:#0ea5e9;color:#fff;transform:translateY(-2px)}.process-image-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px #667eea4d}.process-image-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.process-image-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.recipe-type-button{flex-direction:column}.image-upload,.no-measured,.measured{min-width:unset;width:100%}.preview-actions{flex-direction:column}.change-image-btn,.process-image-btn{width:100%}}.what-not-todo{padding:80px 20px;background:linear-gradient(135deg,#fff5f5,#ffe0e0)}.not-todo-container{max-width:1200px;margin:0 auto}.not-todo-header{text-align:center;margin-bottom:40px}.not-todo-header h2{font-size:2.5rem;color:#c0392b;margin-bottom:15px}.not-todo-header p{font-size:1.2rem;color:#7f8c8d}.tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.tab{padding:12px 30px;background:#fff;border:2px solid #ecf0f1;border-radius:25px;font-size:1rem;font-weight:600;color:#7f8c8d;cursor:pointer;transition:all .3s ease}.tab:hover{border-color:#e74c3c;color:#e74c3c}.tab.active{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-color:#e74c3c}.mistakes-content{display:flex;flex-direction:column;gap:30px}.mistake-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #e74c3c}.mistake-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.mistake-icon{font-size:2.5rem}.mistake-header h3{font-size:1.8rem;color:#2c3e50;margin:0}.mistake-description{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:25px;padding:15px;background:#fff9f9;border-radius:8px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.example-item{background:#fff;border:2px solid #ffcdd2;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.example-item:hover{border-color:#e74c3c;box-shadow:0 4px 8px #e74c3c33}.example-content{display:flex;flex-direction:column;gap:5px}.example-name{font-weight:600;color:#2c3e50;font-size:1rem}.warning-badge{font-size:.85rem;color:#e74c3c;font-weight:500}.cross-icon{font-size:1.5rem;color:#e74c3c;font-weight:700}.ai-note{display:flex;gap:15px;align-items:flex-start;background:#e8f5e9;padding:20px;border-radius:10px;border-left:4px solid #4caf50}.note-icon{font-size:2rem;flex-shrink:0}.ai-note p{margin:0;color:#2e7d32;line-height:1.6}.ai-note strong{color:#1b5e20}.pro-tip{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:15px;padding:30px;display:flex;gap:20px;align-items:center;margin-top:40px;box-shadow:0 8px 20px #667eea4d}.pro-tip-icon{font-size:3rem;flex-shrink:0}.pro-tip-content h4{color:#fff;font-size:1.5rem;margin:0 0 10px}.pro-tip-content p{color:#fff;margin:0;line-height:1.6;font-size:1rem}@media (max-width: 768px){.not-todo-header h2{font-size:2rem}.examples-grid{grid-template-columns:1fr}.pro-tip,.mistake-header{flex-direction:column;text-align:center}}:root{--primary-teal: #0ea5e9;--primary-teal-hover: #0284c7;--primary-teal-light: #38bdf8;--secondary-orange: #16f947;--secondary-orange-hover: #0cea26;--fresh-lime: #0ea5e9;--citrus-yellow: #08ea31;--success-green: #0ea5e9;--background-mint: #dbe9f2;--background-tech: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border-light: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}.navigation{padding:20px 48px;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;width:100%;z-index:100;transition:all .3s ease}.navigation:hover{background:#fffffffa;box-shadow:var(--shadow-md)}.back{background:transparent}.change{background-color:#fff}.nav-left{display:flex;align-items:center;gap:12px}.nav-left>img{width:48px;height:48px;border-radius:8px}.nav-center{display:flex;align-items:center}.nav-right{display:flex;align-items:center;gap:18px}.avatar-container{cursor:pointer}.mobile-generate{display:none}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.hamburger span{width:100%;height:3px;background:var(--text-primary);border-radius:10px;transition:all .3s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(11px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}button{font-family:Inter,sans-serif;font-weight:500;font-size:14px;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;text-decoration:none}.nav-left>button{background:transparent;color:var(--text-primary);font-size:24px;font-weight:700;padding:0;border:none;cursor:pointer;letter-spacing:-.025em}.nav-left>button:hover{color:var(--primary-teal);text-shadow:0 0 8px rgba(22,160,133,.3)}.nav-right>button:nth-child(1){background:#f9fafb;color:#374151;padding:10px 20px;border:2px solid #e5e7eb;font-weight:500}.nav-right>button:nth-child(1):hover{background:var(--background-mint);border-color:var(--primary-teal);color:var(--primary-teal-hover);transform:translateY(-1px);box-shadow:0 4px 12px #16a08526}.nav-right>button:nth-child(2){background:transparent;color:#6b7280;padding:10px 16px;border:none;font-weight:500}.nav-right>button:nth-child(2):hover{color:var(--primary-teal);background:var(--background-mint);transform:translateY(-1px)}.nav-right>button:nth-child(1):active{background:#e5e7eb}.nav-right>button:nth-child(2):active{background:#f3f4f6}.nav-center>button.highlight{color:var(--fresh-lime);position:relative;font-weight:800;background:linear-gradient(45deg,var(--fresh-lime) 0%,var(--primary-teal) 25%,var(--secondary-orange) 50%,var(--citrus-yellow) 75%,var(--fresh-lime) 100%);font-size:18px;background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:highlight-shimmer 4s ease-in-out infinite;padding:7px;border-radius:8px;box-shadow:var(--shadow-lg)}.nav-center>button.highlight:hover{background:linear-gradient(45deg,var(--fresh-lime) 0%,var(--primary-teal) 25%,var(--secondary-orange) 50%,var(--citrus-yellow) 75%,var(--fresh-lime) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes highlight-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 900px){.navigation{padding:16px 24px}.nav-center{display:none}.hamburger{display:flex}.nav-right{position:fixed;top:76px;right:-100%;width:280px;height:calc(100vh - 76px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:24px 16px;box-shadow:-4px 0 24px #0000001a;transition:right .3s ease;border-left:1px solid var(--border-light)}.nav-right.active{right:0}.mobile-generate{display:block!important}.nav-right>button{width:100%;text-align:left;padding:14px 20px!important;font-size:16px!important;justify-content:flex-start}.nav-right>button:nth-child(1){border:2px solid #e5e7eb}.nav-right>button:nth-child(2){border:1px solid #e5e7eb}.nav-right>button.mobile-generate{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-hover) 100%);color:#fff!important;font-weight:600!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:white!important;background-clip:unset!important}.avatar-container{width:100%;display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--border-light);margin-top:8px}}@media (max-width: 600px){.navigation{padding:12px 16px}.nav-left>button{font-size:20px}.nav-left>img{width:40px;height:40px}.nav-right{top:64px;height:calc(100vh - 64px);width:100%;padding:20px 16px}}.dashboard{min-height:100vh;background:transparent;padding:32px 24px;font-family:Inter,sans-serif}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 48px}.dashboard-loading,.dashboard-error{margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.dashboard-loading p,.dashboard-error p{color:var(--text-secondary);font-size:16px}.loader{border:4px solid #f3f3f3;border-top:4px solid #0ea5e9;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.dashboard-hero{display:flex;flex-direction:column;align-items:center;margin-top:100px;text-align:center;margin-bottom:40px}.dashboard-hero h1{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;color:#0f172a;margin-bottom:28px;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-hero p{font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.6;color:#475569;margin-bottom:48px;font-weight:400;max-width:520px}.dashboard-cta{text-align:center;margin-bottom:48px}.primary-cta-button{background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);color:#fff;border:none;padding:18px 48px;border-radius:12px;font-size:18px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-cta-button:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-color:#0ea5e9}.stat-icon{font-size:48px;line-height:1}.stat-content{flex:1}.stat-value{font-size:36px;font-weight:700;color:#0ea5e9;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#475569;font-weight:500}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:48px}.action-button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#0f172a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px}.action-button:hover{border-color:#0ea5e9;background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.action-icon{font-size:32px}.dashboard-section{margin-bottom:48px;padding:0 48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:28px;font-weight:700;color:#0f172a;font-family:Inter,sans-serif}.view-all-btn{background:transparent;border:none;color:#0ea5e9;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-all-btn:hover{color:#0284c7;transform:translate(4px)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.recipe-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid #e2e8f0}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-color:#0ea5e9}.recipe-card.top-rated{border:2px solid #0ea5e9}.top-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:10;box-shadow:0 2px 8px #0ea5e94d}.recipe-image{width:100%;display:block;object-fit:cover}.recipe-image img{width:100%;height:100%;object-fit:cover}.recipe-content{padding:20px}.recipe-content h3{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:12px;line-height:1.3;font-family:Inter,sans-serif}.recipe-description{font-size:1.1rem;color:#475569;text-align:center;line-height:1.6;margin-bottom:32px;font-weight:400}.recipe-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.recipe-time{font-size:13px;color:#475569;display:flex;align-items:center;gap:4px}.recipe-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0}.recipe-rating{font-size:16px}.recipe-servings{font-size:14px;color:#475569}.recipe-notes{margin-top:12px;padding:12px;background:#f0fdf4;border-radius:8px;font-size:13px;color:#475569;font-style:italic}.rating-distribution{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border:1px solid #e2e8f0}.rating-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.rating-bar:last-child{margin-bottom:0}.rating-label{font-size:16px;min-width:120px}.rating-progress{flex:1;height:12px;background:#f8fafc;border-radius:6px;overflow:hidden}.rating-fill{height:100%;border-radius:6px;transition:width .5s ease}.rating-fill.five-star{background:linear-gradient(135deg,gold,#ffed4e)}.rating-fill.four-star{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.rating-fill.three-star{background:linear-gradient(135deg,#10b981,#059669)}.rating-count{font-size:16px;font-weight:600;color:#0f172a;min-width:40px;text-align:right}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.insight-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;gap:20px;align-items:flex-start;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.insight-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-color:#0ea5e9}.insight-icon{font-size:40px;line-height:1}.insight-content h3{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:8px;font-family:Inter,sans-serif}.insight-content p{font-size:14px;color:#475569;line-height:1.5}@media (max-width: 768px){.dashboard{padding:24px 16px}.dashboard-hero{margin-top:180px}.dashboard-hero h1{font-size:28px}.dashboard-hero p{font-size:16px}.primary-cta-button{width:100%;padding:16px 32px;font-size:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.quick-actions{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr;gap:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h2{font-size:24px}.insights-grid{grid-template-columns:1fr}.rating-bar{flex-wrap:wrap}.rating-label{min-width:100px}}@media (max-width: 480px){.recipe-image{height:180px}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:40px}.stat-value{font-size:32px}}.recipe-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0ea5e91a;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;margin-top:2rem;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.recipe-list-card:hover{box-shadow:0 4px 16px #0ea5e926;transform:translateY(-2px)}.recipe-list-card-image{width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.recipe-list-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recipe-list-card:hover .recipe-list-card-image img{transform:scale(1.05)}.recipe-list-card-no-image{display:flex;align-items:center;justify-content:center}.no-image-placeholder{font-size:5rem;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recipe-list-card-content{padding:2rem}.recipe-list-card-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;line-height:1.3;letter-spacing:-.5px}.recipe-list-card-meta{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.meta-item{display:flex;align-items:center;gap:.6rem;color:#475569;font-size:.95rem;font-weight:500}.meta-item svg{color:#0ea5e9;font-size:1.1rem}.recipe-list-card-description{color:#475569;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.recipe-list-card-expanded{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.ingredients-preview{margin-bottom:1.5rem}.ingredients-preview h4{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ingredients-preview h4:before{content:"🥘";font-size:1.3rem}.ingredients-tags{display:flex;flex-wrap:wrap;gap:.75rem}.ingredient-tag{background:#f0f9ff;color:#0284c7;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .2s ease;border:1px solid #bae6fd}.ingredient-tag:hover{background:#e0f2fe;transform:translateY(-1px);border-color:#0ea5e9}.ingredient-tag.more{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:600;border:none}.nutrition-preview{margin-bottom:1.5rem}.nutrition-preview h4{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.nutrition-preview h4:before{content:"💚";font-size:1.3rem}.nutrition-tags{display:flex;flex-wrap:wrap;gap:.75rem}.nutrition-tag{padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;transition:all .2s ease}.nutrition-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.nutrition-tag:nth-child(1){background:#fed7d7;color:#742a2a}.nutrition-tag:nth-child(2){background:#c6f6d5;color:#22543d}.nutrition-tag:nth-child(3){background:#feebc8;color:#744210}.steps-info{margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border-left:4px solid #0ea5e9}.steps-info p{margin:0;color:#0284c7;font-size:1rem;font-weight:600}.recipe-list-card-toggle svg{transition:transform .3s ease;font-size:.9rem}@media (max-width: 1024px){.recipe-list-card{max-width:700px}}@media (max-width: 768px){.recipe-list-card{margin-top:1.5rem;margin-bottom:1rem}.recipe-list-card-image{height:200px}.recipe-list-card-content{padding:1.5rem}.recipe-list-card-title{font-size:1.5rem;margin-bottom:1rem}.recipe-list-card-meta{gap:1rem;margin-bottom:1rem}.meta-item{font-size:.85rem}.recipe-list-card-description{font-size:.95rem}.ingredients-tags,.nutrition-tags{gap:.5rem}.ingredient-tag,.nutrition-tag{font-size:.85rem;padding:.4rem .8rem}.no-image-placeholder{font-size:4rem}}@media (max-width: 480px){.recipe-list-card{border-radius:8px;margin-top:1rem}.recipe-list-card-image{height:180px}.recipe-list-card-content{padding:1rem}.recipe-list-card-title{font-size:1.3rem}.recipe-list-card-meta{flex-direction:column;gap:.5rem}.recipe-list-card-toggle{padding:.875rem;font-size:.95rem}.no-image-placeholder{font-size:3rem}}.recipe-dashboard-wrapper{position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fff,#fefefe);min-height:100vh}.recipes-grid{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;max-width:900px;margin:0 auto}.recipes-grid-section{position:relative;z-index:2;padding:0 1rem 3rem}.recipes-container{margin-top:100px;position:relative;z-index:2;background:linear-gradient(135deg,#fff,#f0fdf4,#fef3c7 60%,#fff7ed);min-height:calc(100vh - 100px);padding-bottom:60px}@media (max-width: 768px){.recipes-grid{padding:1.5rem 1rem;gap:1.5rem}.recipes-container{margin-top:150px}}@media (max-width: 602px){.recipes-container{margin-top:100px}}.no-recipes-exist{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;text-align:center;font-size:1.5rem;font-weight:600;color:#475569;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;box-shadow:0 4px 6px #0ea5e90d}.no-recipes-exist:before{content:"🍽️";font-size:5rem;margin-bottom:1.5rem;opacity:.5;display:block}.recipe-list-card-actions{display:flex;gap:1rem;margin-top:1.5rem}.recipe-list-card-toggle{flex:1;min-width:0;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 2px 8px #0ea5e94d;white-space:nowrap}.recipe-list-card-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e980}.recipe-list-card-toggle:active{transform:translateY(0)}.recipe-list-card-toggle svg{transition:transform .3s ease;font-size:.9rem;flex-shrink:0}.recipe-view-full-btn{flex:1;min-width:0;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d;white-space:nowrap}.recipe-view-full-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98180}.recipe-view-full-btn:active{transform:translateY(0)}.recipe-view-full-btn svg{transition:transform .3s ease;font-size:.9rem;flex-shrink:0}.recipe-view-full-btn:hover svg{transform:translate(3px)}@media (max-width: 480px){.recipe-list-card-actions{flex-direction:column;gap:.75rem}.recipe-list-card-toggle,.recipe-view-full-btn{width:100%;padding:.875rem;font-size:.95rem}}.recipe-delete-btn{position:absolute;top:1rem;right:1rem;width:45px;height:45px;background:#fffffff2;color:#e53e3e;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026;z-index:10}.recipe-delete-btn:hover{background:#e53e3e;color:#fff;transform:scale(1.1) rotate(10deg);box-shadow:0 4px 12px #e53e3e66}.recipe-delete-btn:active{transform:scale(1.05) rotate(5deg)}.recipe-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.recipe-delete-btn svg{font-size:1.1rem}@media (max-width: 480px){.recipe-delete-btn{width:40px;height:40px;top:.75rem;right:.75rem}.recipe-delete-btn svg{font-size:1rem}}.recipes-container .page-title{text-align:center;font-size:2.5rem;font-weight:700;color:#0f172a;margin:0 auto 1rem;padding:0 1rem;max-width:900px;background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{text-align:center;font-size:1.1rem;color:#475569;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto 2rem;padding:0 1rem}@media (max-width: 768px){.recipes-container .page-title{font-size:2rem;margin-bottom:1.5rem}}@media (max-width: 480px){.recipes-container .page-title{font-size:1.75rem;margin-bottom:1rem}}.card-stars-container{display:flex;gap:.15rem}.card-star-icon{font-size:1rem}.card-star-icon.filled{color:#fbbf24}.card-star-icon.empty{color:#cbd5e1}.card-rating-value{font-size:.95rem;font-weight:700;color:#92400e}.card-notes-preview{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:3px solid #f59e0b}.card-notes-preview h4{font-size:1rem;font-weight:600;color:#78350f;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.card-notes-preview h4 svg{color:#f59e0b}.notes-text{color:#4a5568;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;background:#fff;padding:.75rem;border-radius:6px;border:1px solid #fcd34d}@media (max-width: 480px){.recipe-list-card-rating{padding:.625rem .875rem;gap:.5rem}.card-star-icon{font-size:.9rem}.card-rating-value{font-size:.875rem}.card-notes-preview{padding:.875rem}.card-notes-preview h4{font-size:.95rem}.notes-text{font-size:.85rem;padding:.625rem}}.recipe-list-card-rating{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border-left:3px solid #f59e0b}.rating-edit-mode{display:flex;align-items:center;gap:.75rem;width:100%}.card-stars-container{display:flex;gap:.25rem}.card-stars-container.interactive{gap:.35rem}.card-star-btn{background:none;border:none;padding:0;cursor:default;font-size:1.1rem;transition:all .2s ease}.card-star-btn.interactive{cursor:pointer;transform:scale(1)}.card-star-btn.interactive:hover{transform:scale(1.2)}.card-star-btn.filled{color:#fbbf24}.card-star-btn.empty{color:#cbd5e1}.card-star-btn:disabled{cursor:default}.card-rating-value{font-size:.95rem;font-weight:700;color:#92400e;min-width:2.5rem}.card-rating-value.editing{color:#0ea5e9}.rating-edit-btn{background:#fff;border:1px solid #f59e0b;color:#f59e0b;padding:.4rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.rating-edit-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.05)}.rating-edit-btn svg{font-size:.9rem}.rating-actions{display:flex;gap:.5rem;margin-left:auto}.rating-save-btn,.rating-cancel-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.9rem}.rating-save-btn{background:#10b981;color:#fff}.rating-save-btn:hover{background:#059669;transform:scale(1.05)}.rating-save-btn:disabled{opacity:.5;cursor:not-allowed}.rating-cancel-btn{background:#ef4444;color:#fff}.rating-cancel-btn:hover{background:#dc2626;transform:scale(1.05)}.rating-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.recipe-list-card-rating{padding:.625rem .875rem}.rating-edit-mode{flex-wrap:wrap}.card-star-btn{font-size:1rem}.card-rating-value{font-size:.875rem}.rating-actions{width:100%;justify-content:flex-end}.rating-save-btn,.rating-cancel-btn{width:36px;height:36px}}.recipe-notes-section{margin-bottom:1.5rem}.notes-edit-container{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1rem;border-radius:8px;border-left:3px solid #f59e0b}.notes-textarea{width:100%;padding:.875rem;border:2px solid #fcd34d;border-radius:6px;font-size:.95rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:80px;background:#fff;color:#4a5568;transition:border-color .2s ease}.notes-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.notes-textarea::placeholder{color:#94a3b8}.notes-actions{display:flex;gap:.75rem;margin-top:.75rem}.notes-save-btn,.notes-cancel-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.notes-save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notes-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.notes-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notes-cancel-btn{background:#fff;color:#64748b;border:2px solid #e2e8f0}.notes-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.notes-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.notes-display{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1rem;border-radius:8px;border-left:3px solid #f59e0b}.notes-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.notes-icon{color:#f59e0b;font-size:1.1rem}.notes-label{font-weight:600;color:#78350f;font-size:.95rem;flex:1}.notes-edit-icon-btn{background:#fff;border:1px solid #f59e0b;color:#f59e0b;padding:.4rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notes-edit-icon-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.05)}.notes-edit-icon-btn svg{font-size:.85rem}.notes-content{background:#fff;padding:.875rem;border-radius:6px;border:1px solid #fcd34d;color:#4a5568;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.9rem}.add-notes-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px dashed #fbbf24;border-radius:8px;color:#92400e;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.add-notes-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.add-notes-btn.expanded,.expanded-notes-section{margin-bottom:1.5rem}.card-notes-preview h4{display:flex;align-items:center;justify-content:space-between}.inline-edit-btn{background:#fff;border:1px solid #f59e0b;color:#f59e0b;padding:.35rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;transition:all .2s ease}.inline-edit-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.05)}.inline-edit-btn svg{font-size:.75rem}@media (max-width: 480px){.notes-textarea{font-size:.9rem;padding:.75rem}.notes-actions{flex-direction:column;gap:.5rem}.notes-save-btn,.notes-cancel-btn{width:100%}.add-notes-btn{padding:.875rem;font-size:.9rem}.notes-content{font-size:.85rem;padding:.75rem}}.page-buttons{padding:4px 8px;border-radius:5px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:1rem}.page-buttons:disabled{color:#b0b0b0}:root{--auth-primary: #0ea5e9;--auth-primary-hover: #0284c7;--auth-primary-light: #38bdf8;--fresh-lime: #0ea5e9;--secondary-orange: #0fe347;--citrus-yellow: #08ea39;--auth-bg: #f0f9ff;--auth-card-bg: #fff;--auth-shadow: 0 8px 32px rgba(14, 165, 233, .1), 0 1.5px 6px rgba(0,0,0,.03);--auth-border: #e5e7eb;--auth-success: #0ea5e9;--auth-gray: #5d6d7e;--auth-input-bg: #f9fafb;--auth-input-border: #cbd5e1;--auth-radius: 16px;--auth-font: "Inter", "Segoe UI", Arial, sans-serif;--background-mint: #f0f9ff;--background-tech: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569}.ingredient-dashboard-wrapper{position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fff,#fefefe);min-height:100vh}.floating-food-icons{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.food-icon{position:absolute;font-size:3rem;opacity:.08;animation:float-around 20s infinite ease-in-out}.food-icon.icon-1{top:10%;left:10%;animation-delay:0s;animation-duration:25s}.food-icon.icon-2{top:20%;right:15%;animation-delay:3s;animation-duration:22s}.food-icon.icon-3{top:50%;left:5%;animation-delay:5s;animation-duration:28s}.food-icon.icon-4{bottom:20%;right:10%;animation-delay:2s;animation-duration:24s}.food-icon.icon-5{top:70%;left:20%;animation-delay:7s;animation-duration:26s}.food-icon.icon-6{top:40%;right:25%;animation-delay:4s;animation-duration:23s}@keyframes float-around{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(90deg)}50%{transform:translate(-15px,20px) rotate(180deg)}75%{transform:translate(30px,15px) rotate(270deg)}}.section-divider-fancy{position:relative;z-index:2;padding:30px 0;display:flex;justify-content:center;align-items:center;background:transparent}.divider-content{display:flex;align-items:center;gap:20px;max-width:600px;width:100%;padding:0 20px}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,#ff6b35 20%,#fbbf24 50%,#10b981 80%,transparent 100%);border-radius:2px;opacity:.3}.divider-icon{font-size:1.5rem;animation:bounce-slow 3s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ingredient-page{margin-top:85px;min-height:100vh;font-family:var(--auth-font);background:linear-gradient(135deg,#fff,#f0fdf4,#fef3c7 60%,#fff7ed);padding:40px 20px;position:relative;z-index:2}.heading{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out;position:relative;z-index:1}.heading h2{font-size:48px;font-weight:900;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--secondary-orange) 50%,var(--auth-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-2px;text-shadow:0 4px 20px rgba(14,165,233,.1);position:relative}.heading h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--auth-primary),transparent);border-radius:2px}.heading h4{font-size:19px;font-weight:400;color:var(--text-secondary);max-width:650px;margin:20px auto 0;line-height:1.7}.ingredient-container{max-width:1200px;margin:auto;padding-bottom:60px;position:relative;z-index:1}.section{margin-bottom:70px;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.section:nth-child(2){animation-delay:.15s}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;position:relative}.section-top:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--auth-primary) 0%,var(--secondary-orange) 50%,transparent 100%)}.section h3{font-size:28px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.add-btn{background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);color:#fff;padding:13px 28px;border-radius:14px;border:none;cursor:pointer;font-weight:700;font-size:15px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0ea5e94d;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.add-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.add-btn:hover:before{width:400px;height:400px}.add-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0ea5e980}.add-btn:active{transform:translateY(-1px)}.ingredient-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.ingredient-card{background:#fff;border:2px solid transparent;padding:32px 24px;text-align:center;border-radius:20px;font-size:17px;font-weight:700;color:var(--text-primary);box-shadow:0 4px 20px #00000014;transition:all .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden;min-height:140px;display:flex;align-items:center;justify-content:center;letter-spacing:.3px}.ingredient-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#0ea5e91a,#0ef73914,#08ea390f,#0ea5e91a 360deg);opacity:0;transition:all .6s ease;animation:rotate 10s linear infinite}.ingredient-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ingredient-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#fff9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;transition:opacity .5s ease;opacity:0;z-index:0}.ingredient-card:hover:after{opacity:1}.ingredient-name{position:relative;z-index:2;transition:all .4s ease}.ingredient-card:hover .ingredient-name{transform:translateY(-4px);color:var(--auth-primary);text-shadow:0 4px 12px rgba(14,165,233,.2)}.ingredient-card .corner-accent{position:absolute;width:40px;height:40px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.ingredient-card .corner-accent.top-left{top:-2px;left:-2px;background:linear-gradient(135deg,var(--auth-primary) 0%,transparent 100%);clip-path:polygon(0 0,100% 0,0 100%);opacity:0}.ingredient-card .corner-accent.bottom-right{bottom:-2px;right:-2px;background:linear-gradient(135deg,transparent 0%,var(--secondary-orange) 100%);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:0}.ingredient-card:hover .corner-accent{opacity:1;transform:scale(1.2)}.ingredient-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px #00000026;border-color:var(--auth-primary-light)}.ingredient-card:nth-child(6n+1){background:linear-gradient(135deg,#fff,#0ea5e908)}.ingredient-card:nth-child(6n+2){background:linear-gradient(135deg,#fff,#0ef73908)}.ingredient-card:nth-child(6n+3){background:linear-gradient(135deg,#fff,#8b5cf608)}.ingredient-card:nth-child(6n+4){background:linear-gradient(135deg,#fff,#ec489908)}.ingredient-card:nth-child(6n+5){background:linear-gradient(135deg,#fff,#fb923c08)}.ingredient-card:nth-child(6n+6){background:linear-gradient(135deg,#fff,#22c55e08)}.ingredient-card.recent{background:linear-gradient(135deg,#0ea5e914,#fff,#0ef7390d);border:3px solid var(--auth-primary);box-shadow:0 8px 30px #0ea5e940;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 8px 30px #0ea5e940}50%{box-shadow:0 12px 40px #0ea5e966}}.recent-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);color:#fff;font-size:11px;font-weight:900;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;z-index:3;box-shadow:0 4px 12px #0ea5e966;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-text{font-size:17px;color:var(--text-secondary);padding:80px 40px;grid-column:1 / -1;text-align:center;background:linear-gradient(135deg,#ffffffe6,#0ea5e90d);border-radius:20px;border:3px dashed rgba(14,165,233,.3);position:relative;overflow:hidden;line-height:1.8}.empty-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;animation:emptyPulse 3s ease-in-out infinite}@keyframes emptyPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.ingredient-count{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-light) 100%);color:#fff;font-size:15px;font-weight:800;padding:6px 16px;border-radius:25px;margin-left:14px;box-shadow:0 4px 12px #0ea5e94d;min-width:36px;animation:countBounce .6s ease-out}@keyframes countBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ingredient-page{padding:30px 16px}.heading h2{font-size:36px;letter-spacing:-1px}.heading h4{font-size:16px}.section h3{font-size:24px}.ingredient-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.add-btn{padding:11px 22px;font-size:13px}}@media (max-width: 480px){.heading{margin-bottom:40px}.heading h2{margin-top:80px;font-size:30px}.section-top{flex-direction:column;align-items:flex-start;gap:16px}.add-btn{width:100%;justify-content:center}.ingredient-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.ingredient-card{font-size:15px;padding:28px 20px;min-height:120px}}@media (max-width: 600px){.heading h2{margin-top:80px}}.freshness-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.05)}.last-used-time{font-size:.75rem;font-weight:500;color:#64748b}.ingredient-card.fresh .freshness-dot{background:#10b981;box-shadow:0 0 8px #10b98166;animation:pulse-green 2s ease-in-out infinite}.ingredient-card.moderate .freshness-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b66;animation:pulse-yellow 2s ease-in-out infinite}.ingredient-card.stale .freshness-dot{background:#ef4444;box-shadow:0 0 8px #ef444466;animation:pulse-red 2s ease-in-out infinite}.ingredient-card.never-used .freshness-dot{background:#94a3b8;box-shadow:0 0 8px #94a3b84d}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes pulse-yellow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.ingredient-card.fresh:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98133}.ingredient-card.moderate:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.ingredient-card.stale:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.ingredient-card.never-used:hover{border-color:#94a3b8;box-shadow:0 4px 12px #94a3b826}@media (max-width: 768px){.freshness-indicator{margin-top:.5rem;padding-top:.5rem}.last-used-time{font-size:.7rem}.freshness-dot{width:7px;height:7px}}@media (max-width: 480px){.freshness-indicator{gap:.4rem}.last-used-time{font-size:.65rem}.freshness-dot{width:6px;height:6px}}.ingredient-image-container{width:80px;height:80px;border-radius:12px;overflow:hidden;margin-bottom:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #e2e8f0;transition:all .3s ease}.ingredient-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ingredient-card:hover .ingredient-image{transform:scale(1.1)}.ingredient-image-placeholder{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.placeholder-icon{font-size:2.5rem;opacity:.5;transition:all .3s ease}.ingredient-card:hover .ingredient-image-placeholder{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.ingredient-card:hover .placeholder-icon{opacity:.8;transform:scale(1.1)}.ingredient-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;position:relative}.ingredient-card.fresh .ingredient-image-container{border-color:#10b981;box-shadow:0 2px 8px #10b98126}.ingredient-card.moderate .ingredient-image-container{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26}.ingredient-card.stale .ingredient-image-container{border-color:#ef4444;box-shadow:0 2px 8px #ef444426}.ingredient-card.never-used .ingredient-image-container{border-color:#94a3b8;box-shadow:0 2px 8px #94a3b81a}@media (max-width: 768px){.ingredient-image-container,.ingredient-image-placeholder{width:70px;height:70px}.placeholder-icon{font-size:2rem}}@media (max-width: 480px){.ingredient-image-container,.ingredient-image-placeholder{width:60px;height:60px}.placeholder-icon{font-size:1.75rem}}.ingredient-image-placeholder.clickable{cursor:pointer;transition:all .3s ease;position:relative}.ingredient-image-placeholder.clickable:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:scale(1.05)}.generate-image-btn{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:.35rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;opacity:0;transition:all .3s ease;white-space:nowrap}.ingredient-image-placeholder.clickable:hover .generate-image-btn{opacity:1;bottom:-5px}.ingredient-image-placeholder.generating{display:flex;flex-direction:column;gap:.5rem}.loader-small{width:24px;height:24px;border:3px solid #e0f2fe;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-text{font-size:.7rem;color:#0284c7;font-weight:600}.recipe-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 0 40px}.page-title{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.025em;background:linear-gradient(45deg,var(--fresh-lime) 0%,var(--auth-primary) 25%,var(--secondary-orange) 50%,var(--citrus-yellow) 75%,var(--fresh-lime) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 4s ease-in-out infinite}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid var(--citrus-yellow);border-bottom:16px solid var(--citrus-yellow);width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.ingredient-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:#fff;border-radius:16px;border:3px solid #e0e0e0;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:280px}.ingredient-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.ingredient-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin-bottom:12px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.ingredient-card:hover .ingredient-avatar{transform:scale(1.05)}.ingredient-name{font-size:16px;font-weight:600;text-align:center;margin-top:8px;margin-bottom:8px;color:#212121;line-height:1.4;max-width:100%;word-wrap:break-word}.category-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;margin-bottom:10px;text-align:center;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-loading{background-color:#f5f5f5;color:#9e9e9e;font-style:italic}.usage-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;margin-bottom:8px;background:#f8f9fa;width:90%}.usage-stars{font-size:14px;letter-spacing:2px;line-height:1}.usage-text{font-size:11px;font-weight:500;color:#666}.usage-never{background:#f5f5f5}.usage-never .usage-stars{color:#e0e0e0}.usage-rare{background:#fff3e0}.usage-rare .usage-stars{color:#ff9800}.usage-occasional{background:#e8f5e9}.usage-occasional .usage-stars{color:#4caf50}.usage-regular{background:#e3f2fd}.usage-regular .usage-stars{color:#2196f3}.usage-frequent{background:#f3e5f5}.usage-frequent .usage-stars{color:#9c27b0}.usage-staple{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 8px #ffd7004d}.usage-staple .usage-stars{color:#f57f17}.usage-staple .usage-text{color:#f57f17;font-weight:600}.freshness-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 0}.freshness-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fresh .freshness-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5080}.moderate .freshness-dot{background-color:#ff9800;box-shadow:0 0 8px #ff980080}.stale .freshness-dot,.never-used .freshness-dot{background-color:#9e9e9e}.last-used-time{font-size:11px;color:#757575;font-weight:500}.corner-accent{position:absolute;width:24px;height:24px;opacity:.3}.corner-accent.top-left{top:0;left:0;border-top-left-radius:16px}.corner-accent.bottom-right{bottom:0;right:0;border-bottom-right-radius:16px}.recent-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #667eea66}.ingredient-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}@media (max-width: 768px){.ingredient-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.ingredient-card{padding:20px 16px;min-height:260px}.ingredient-avatar{width:70px;height:70px;font-size:32px}}.empty-text{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#9e9e9e;font-size:15px;line-height:1.6}.section{margin-bottom:48px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-top h3{font-size:24px;font-weight:700;color:#212121;display:flex;align-items:center;gap:12px}.ingredient-count{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px;min-width:32px;height:28px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recipe-header{text-align:center;padding:60px 20px}.heading{text-align:center;margin-bottom:40px;padding:0 20px}.heading h2{font-size:32px;font-weight:700;color:#212121;margin-bottom:12px}.heading h4{font-size:16px;font-weight:400;color:#757575;line-height:1.6;max-width:700px;margin:0 auto}.ingredient-card{cursor:pointer;-webkit-user-select:none;user-select:none}.ingredient-card.selected{border-width:4px;box-shadow:0 4px 16px #0ea5e94d;transform:scale(1.02)}.ingredient-card.selected:hover{transform:scale(1.02) translateY(-4px)}.selection-checkmark{position:absolute;top:8px;left:8px;width:28px;height:28px;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-hover) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:10;box-shadow:0 2px 8px #0ea5e966}.selection-action-bar{z-index:100;background:linear-gradient(135deg,var(--auth-primary) 0%,var(--auth-primary-hover) 100%);padding:16px 24px;border-radius:var(--auth-radius);margin:0 24px 24px;box-shadow:0 4px 20px #0ea5e94d;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selection-info{display:flex;align-items:center;gap:16px}.selection-count{color:#fff;font-size:16px;font-weight:600;font-family:var(--auth-font)}.clear-selection-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--auth-font);cursor:pointer;transition:all .3s ease}.clear-selection-btn:hover{background:#ffffff4d;border-color:#fff9}.generate-recipe-btn{background:#fff;color:var(--auth-primary);border:none;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:700;font-family:var(--auth-font);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.generate-recipe-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;background:var(--background-mint)}.generate-recipe-btn.disabled{background:#ffffff80;color:var(--text-secondary);cursor:not-allowed}@media (max-width: 768px){.selection-action-bar{flex-direction:column;gap:12px;padding:16px;margin:0 16px 16px}.selection-info{width:100%;justify-content:space-between}.generate-recipe-btn{width:100%}}.section-top span{color:var(--auth-primary);font-size:15px;font-weight:800;font-family:var(--auth-font);border:3px solid var(--auth-primary);padding:6px 14px;border-radius:8px;text-transform:uppercase;letter-spacing:.8px}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.legal-container{max-width:900px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px #00000012,0 8px 20px #0000000d;line-height:1.7}.legal-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;text-align:center;letter-spacing:-.5px}.legal-updated{text-align:center;color:#718096;font-size:.95rem;margin-bottom:2rem;font-style:italic}.legal-intro{font-size:1.05rem;color:#2d3748;margin-bottom:1.5rem;line-height:1.8}section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}section:first-of-type{border-top:none;margin-top:2rem}h3{font-size:1.4rem;font-weight:600;color:#2d3748;margin-top:2rem;margin-bottom:1rem}p{color:#4a5568;font-size:1rem;margin-bottom:1.25rem;text-align:justify}ul{margin:1rem 0 1.5rem 1.5rem;padding-left:1rem;color:#4a5568}li{margin-bottom:.75rem;line-height:1.7;position:relative;padding-left:.5rem}li::marker{color:#4299e1;font-weight:600}strong{color:#2d3748;font-weight:600}a{color:#4299e1;text-decoration:none;transition:color .2s ease;border-bottom:1px solid transparent}a:hover{color:#2b6cb0;border-bottom:1px solid #2b6cb0}.legal-contact{background:#f7fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #4299e1;margin:1.5rem 0;font-size:1rem}.legal-contact a{font-weight:600}.legal-disclaimer{background:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #f56565;padding:1.5rem;border-radius:8px;margin-top:2.5rem;color:#742a2a;font-size:.95rem}.legal-disclaimer strong{color:#c53030}@media (max-width: 768px){.legal-container{padding:2rem 1.5rem;border-radius:8px;margin-top:150px}.legal-title{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.2rem}p,li{font-size:.95rem;text-align:left}ul{margin-left:1rem;padding-left:.5rem}.legal-page{padding:1rem .5rem}}@media (max-width: 480px){.legal-container{padding:1.5rem 1rem}.legal-title{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.legal-page{padding:.5rem}}@media print{.legal-page{background:#fff;padding:0}.legal-container{box-shadow:none;padding:1rem}section{page-break-inside:avoid}h2,h3{page-break-after:avoid}}.about-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);padding:120px 20px 80px;text-align:center;color:#fff;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 70%);border-radius:50%}.about-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);border-radius:50%}.about-hero-content{position:relative;z-index:1}.about-hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.1)}.about-hero-content p{font-size:1.4rem;max-width:700px;margin:0 auto;opacity:.95;text-shadow:0 1px 5px rgba(0,0,0,.1)}.about-mission{padding:80px 20px;background:#fff}.mission-container{max-width:1200px;margin:0 auto}.mission-content{max-width:800px;margin:0 auto 50px;text-align:center}.mission-content h2{font-size:2.5rem;color:#0f172a;margin-bottom:30px;font-weight:700}.mission-content p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:20px}.mission-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.stat-card1{background:linear-gradient(135deg,#10b981,#0ea5e9);padding:40px;border-radius:15px;text-align:center;color:#fff;box-shadow:0 8px 20px #10b9814d;transition:transform .3s ease,box-shadow .3s ease}.stat-card1:hover{transform:translateY(-5px);box-shadow:0 12px 30px #10b98166}.stat-card1:nth-child(2){background:linear-gradient(135deg,#fbbf24,#ff6b35);box-shadow:0 8px 20px #fbbf244d}.stat-card1:nth-child(2):hover{box-shadow:0 12px 30px #fbbf2466}.stat-card1:nth-child(3){background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 8px 20px #0ea5e94d}.stat-card1:nth-child(3):hover{box-shadow:0 12px 30px #0ea5e966}.stat-number{font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{font-size:1.1rem;opacity:.9}.about-story{padding:80px 20px;background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.story-container{max-width:900px;margin:0 auto;display:flex;align-items:center;flex-direction:column}.story-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:30px;font-weight:700}.story-content p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:20px;text-align:left}.about-technology{padding:80px 20px;background:#fff}.tech-container{max-width:1200px;margin:0 auto}.tech-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:50px;text-align:center;font-weight:700}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.tech-card{background:linear-gradient(135deg,#fff,#f0fdf4);padding:40px;border-radius:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.tech-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #10b98126;border-color:#10b981}.tech-icon{font-size:3.5rem;margin-bottom:20px}.tech-card h3{font-size:1.5rem;color:#0f172a;margin-bottom:15px;font-weight:600}.tech-card p{color:#475569;line-height:1.6}.about-developer{padding:80px 20px;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.developer-container{max-width:900px;margin:0 auto}.developer-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:50px;text-align:center;font-weight:700}.developer-card{background:#fff;border-radius:20px;padding:50px;display:flex;gap:40px;align-items:center;box-shadow:0 10px 30px #0003}.developer-avatar{flex-shrink:0}.avatar-placeholder{width:150px;height:150px;background:linear-gradient(135deg,#ff6b35,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700;box-shadow:0 4px 15px #ff6b354d}.developer-info h3{font-size:2rem;color:#0f172a;margin-bottom:5px;font-weight:700}.developer-role{color:#0ea5e9;font-size:1.2rem;font-weight:600;margin-bottom:20px}.developer-bio{color:#475569;line-height:1.8;margin-bottom:25px}.contact-link{display:inline-flex;align-items:center;gap:10px;color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-link:hover{color:#0284c7}.contact-icon{font-size:1.3rem}.about-values{padding:80px 20px;background:#fff}.values-container{max-width:1200px;margin:0 auto}.values-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:50px;text-align:center;font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background:linear-gradient(135deg,#fff,#fef3c7);padding:40px;border-radius:15px;text-align:center;border-top:4px solid #10b981;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #10b98133}.value-card:nth-child(2){border-top-color:#fbbf24}.value-card:nth-child(3){border-top-color:#ff6b35}.value-card:nth-child(4){border-top-color:#0ea5e9}.value-icon{font-size:3.5rem;margin-bottom:20px}.value-card h3{font-size:1.5rem;color:#0f172a;margin-bottom:15px;font-weight:600}.value-card p{color:#475569;line-height:1.6}.about-cta{padding:80px 20px;background:linear-gradient(135deg,#e0f2fe,#ddd6fe);text-align:center}.cta-container{display:flex;flex-direction:column;align-items:center}.cta-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:20px;font-weight:700}.cta-container p{font-size:1.2rem;color:#475569;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.btn-secondary{background:#fff;color:#0ea5e9;border:2px solid #0ea5e9}.btn-secondary:hover{background:#0ea5e9;color:#fff}@media (max-width: 768px){.about-hero-content h1{font-size:2.5rem}.about-hero-content p{font-size:1.1rem}.mission-content h2,.story-container h2,.tech-container h2,.developer-container h2,.values-container h2,.cta-container h2{font-size:2rem}.developer-card{flex-direction:column;text-align:center;padding:30px}.mission-stats,.tech-grid,.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}.developer-contact{display:flex;flex-direction:column;gap:15px}.portfolio-link-about{margin-top:5px}@media (max-width: 768px){.developer-contact{align-items:center}}.contact-page{min-height:100vh}.contact-hero{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#10b981,#0ea5e9,#0284c7);padding:120px 20px 80px;text-align:center;color:#fff;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-40%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%}.contact-hero:after{content:"";position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 70%);border-radius:50%}.contact-hero-content{position:relative;z-index:1}.contact-hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.1)}.contact-hero-content p{font-size:1.4rem;opacity:.95;text-shadow:0 1px 5px rgba(0,0,0,.1)}.contact-content{padding:80px 20px;background:#fff}.contact-container{max-width:900px;margin:0 auto}.contact-info-center{text-align:center}.contact-info-center h2{font-size:2.5rem;color:#0f172a;margin-bottom:20px;font-weight:700}.contact-intro{color:#475569;line-height:1.8;margin-bottom:50px;font-size:1.1rem;max-width:700px;margin-left:auto;margin-right:auto}.main-contact-card{background:linear-gradient(135deg,#ff6b35,#fbbf24,#10b981);padding:60px 40px;border-radius:20px;margin-bottom:40px;box-shadow:0 10px 30px #ff6b354d;position:relative;overflow:hidden}.main-contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.contact-icon-large{font-size:4rem;margin-bottom:20px;position:relative;z-index:1}.main-contact-card h3{color:#fff;font-size:2rem;margin-bottom:20px;position:relative;z-index:1;font-weight:700}.email-link{display:inline-block;color:#fff;font-size:1.5rem;font-weight:600;text-decoration:none;padding:15px 40px;background:#ffffff40;border-radius:30px;transition:all .3s ease;margin-bottom:15px;position:relative;z-index:1;box-shadow:0 4px 15px #0000001a}.email-link:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.response-time{color:#fff;opacity:.95;font-size:1rem;margin:0;position:relative;z-index:1}.info-card{background:linear-gradient(135deg,#fff,#f0fdf4);padding:30px;border-radius:12px;border-top:4px solid #10b981;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #10b98126}.info-card:nth-child(2){border-top-color:#fbbf24}.info-card:nth-child(3){border-top-color:#0ea5e9}.info-icon{font-size:2.5rem;margin-bottom:15px}.info-card h3{font-size:1.3rem;color:#0f172a;margin-bottom:10px;font-weight:600}.info-card p{color:#475569;margin:0;font-size:1rem}.contact-reasons{background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:40px;border-radius:15px;text-align:left;max-width:700px;margin:0 auto;box-shadow:0 4px 15px #ff6b351a}.contact-reasons h3{font-size:1.5rem;color:#0f172a;margin-bottom:25px;text-align:center;font-weight:700}.contact-reasons ul{list-style:none;padding:0;margin:0}.contact-reasons li{display:flex;align-items:center;gap:15px;padding:15px 0;color:#475569;font-size:1.05rem;border-bottom:1px solid rgba(0,0,0,.08)}.contact-reasons li:last-child{border-bottom:none}.reason-icon{font-size:1.5rem;flex-shrink:0}.contact-faq{padding:80px 20px;background:linear-gradient(135deg,#e0f2fe,#ddd6fe)}.faq-container{max-width:1200px;margin:0 auto;text-align:center}.faq-container h2{font-size:2.5rem;color:#0f172a;margin-bottom:15px;font-weight:700}.faq-container>p{font-size:1.1rem;color:#475569;margin-bottom:50px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.faq-item{background:#fff;padding:30px;border-radius:12px;text-align:left;box-shadow:0 4px 6px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid transparent}.faq-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0ea5e933;border-left-color:#0ea5e9}.faq-item:nth-child(2):hover{border-left-color:#10b981}.faq-item:nth-child(3):hover{border-left-color:#fbbf24}.faq-item:nth-child(4):hover{border-left-color:#ff6b35}.faq-item h3{color:#0ea5e9;font-size:1.2rem;margin-bottom:12px;font-weight:600}.faq-item p{color:#475569;line-height:1.6;margin:0}@media (max-width: 768px){.contact-hero-content h1{font-size:2.5rem}.contact-hero-content p{font-size:1.1rem}.contact-info-center h2{font-size:2rem}.main-contact-card{padding:40px 25px}.email-link{font-size:1.2rem;padding:12px 30px}.info-cards-grid,.faq-grid{grid-template-columns:1fr}.contact-reasons{padding:30px 20px}}.portfolio-link{color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .3s ease}.portfolio-link:hover{color:#0284c7}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}