:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--grad-dark-start:#0a0a0a;--grad-dark-mid:#1a1a2e;--grad-dark-end:#16213e;--grad-light-start:#667eea;--grad-light-end:#764ba2;--grad-text-start:#ffd700;--grad-text-end:#ff6b6b;--grad-cta-start:#ff6b6b;--grad-cta-end:#ffd700;--overlay-bg:rgba(255,255,255,0.1);--overlay-border:rgba(255,255,255,0.2);--shadow-light:rgba(255,107,107,0.3);--shadow-light-hover:rgba(255,107,107,0.4);--shadow-dark:rgba(0,0,0,0.3);--color-success:#28ca42;--color-success-bg:rgba(40,202,66,0.2);--color-warning:#ffbd2e;--color-warning-bg:rgba(255,189,46,0.2)}.landing-page{font-family:var(--font-family)}.hero-section{position:relative;overflow:hidden;color:#fff}.hero-section.dark{background:linear-gradient(135deg,var(--grad-dark-start) 0,var(--grad-dark-mid) 50%,var(--grad-dark-end) 100%)}.hero-section.light{background:linear-gradient(135deg,var(--grad-light-start) 0,var(--grad-light-end) 100%)}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') 50%/cover no-repeat;opacity:.1}.hero-content{position:relative;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fillBar{0%{width:0}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.fade-in{animation:fadeIn 1s ease-out}.slide-in{animation:slideIn 1s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(45deg,var(--grad-text-start),var(--grad-text-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;font-weight:400;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-badge-inner{background:linear-gradient(45deg,var(--grad-light-start),var(--grad-light-end))!important;border:none;box-shadow:0 4px 15px rgba(102,126,234,.3)}.hero-buttons{margin-bottom:3rem}.cta-button{border-radius:50px;font-weight:600;transition:all .3s ease}.cta-button.primary{background:linear-gradient(45deg,var(--grad-cta-start),var(--grad-cta-end));border:none;box-shadow:0 8px 25px var(--shadow-light);padding:15px 35px}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px var(--shadow-light-hover)}.cta-button.secondary{background:var(--overlay-bg);border:2px solid var(--overlay-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:13px 35px}.cta-button.secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.hero-stats{opacity:.9}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--grad-text-start)}.stat-label{font-size:.9rem;opacity:.8}.dashboard-preview{position:relative;z-index:2}.preview-window{position:relative;overflow:hidden;background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:20px;box-shadow:0 20px 60px var(--shadow-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.window-header{display:flex;align-items:center;padding:15px 20px;background:var(--overlay-bg);border-bottom:1px solid var(--overlay-border)}.window-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f57}.control.yellow{background:var(--color-warning)}.control.green{background:var(--color-success)}.window-title{margin:0 auto;font-size:14px;font-weight:600}.window-content{padding:20px}.preview-cards{display:flex;flex-direction:column;gap:15px}.preview-card{background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:15px;padding:20px}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,var(--grad-light-start),var(--grad-light-end))}.client-info .name{font-size:14px;font-weight:600;margin-bottom:4px}.status{display:inline-block;font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px}.status.success{background:var(--color-success-bg);color:var(--color-success)}.status.pending{background:var(--color-warning-bg);color:var(--color-warning)}.macro-bars{display:flex;flex-direction:column;gap:8px}.macro-bar{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}.macro-bar:after{content:"";position:absolute;top:0;left:0;height:100%;border-radius:3px;animation:fillBar 2s ease-out forwards}.macro-bar.protein:after{background:#ff6b6b;width:80%}.macro-bar.carbs:after{background:var(--grad-cta-start);width:65%}.macro-bar.fats:after{background:var(--grad-text-start);width:90%}.interactive-client-card{background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.interactive-client-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.client-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(45deg,var(--grad-light-start),var(--grad-light-end));border:2px solid var(--overlay-border)}.client-name{font-size:14px;font-weight:600;margin-bottom:4px;color:#fff}.client-status{font-size:11px;padding:4px 8px;border-radius:8px}.interaction-hint{color:rgba(255,255,255,.7);font-style:italic;animation:pulse 2s infinite}.hint-icon{font-size:14px;margin-right:8px}.nutrition-info{text-align:right;flex-shrink:0}.nutrition-grid{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px}.nutrition-item{display:flex;justify-content:space-between;align-items:center;min-width:120px;padding:2px 0}.nutrition-label{font-size:10px;font-weight:500;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.nutrition-value{font-size:11px;font-weight:600;color:#fff;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:8px;min-width:40px;text-align:center}.features-section.dark{background:#0a0a0a}.features-section.light{background:#f8f9fa}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-title.dark{color:#fff}.section-title.light{color:#333}.section-subtitle{font-size:1.2rem;opacity:.8;margin-bottom:2rem}.section-subtitle.dark{color:#ccc}.section-subtitle.light{color:#666}.feature-card{border:none;border-radius:20px;transition:all .3s ease}.feature-card.dark{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 10px 30px rgba(0,0,0,.3)}.feature-card.light{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 10px 30px rgba(0,0,0,.1)}.feature-card:hover{transform:translateY(-10px)}.feature-card.dark:hover{box-shadow:0 20px 50px rgba(0,0,0,.4)}.feature-card.light:hover{box-shadow:0 20px 50px rgba(0,0,0,.15)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-weight:600;margin-bottom:1rem}.feature-title.dark{color:#fff}.feature-title.light{color:#333}.feature-description{line-height:1.6;opacity:.8}.feature-description.dark{color:#ccc}.feature-description.light{color:#666}.product-preview-section{position:relative;overflow:hidden}.product-preview-section.dark{background:#0a0a0a}.product-preview-section.light{background:#f8f9fa}.preview-images-container{position:relative;margin:0 auto;perspective:1000px;max-width:800px;height:600px}.preview-image{position:absolute;width:280px;cursor:pointer;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.preview-image img{width:100%;height:auto;border-radius:15px;border:3px solid var(--overlay-border);box-shadow:0 20px 60px var(--shadow-dark)}.image-label{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);padding:8px 20px;border-radius:25px;font-size:12px;font-weight:600;opacity:0;transition:all .3s ease;color:#fff;background:linear-gradient(45deg,var(--grad-light-start),var(--grad-light-end));box-shadow:0 8px 25px rgba(102,126,234,.3)}.image-1{top:50px;left:50%;transform:translateX(-50%) translateZ(30px);z-index:3}.image-2{transform:translateX(calc(-50% - 150px)) rotate(-10deg) translateZ(10px)}.image-2,.image-3{top:80px;left:50%;z-index:2}.image-3{transform:translateX(calc(-50% + 150px)) rotate(10deg) translateZ(10px)}.preview-image:hover{transform:translateX(-50%) scale(1.05) translateZ(50px)!important;z-index:10!important}.preview-image:hover img{box-shadow:0 30px 80px var(--shadow-dark)}.preview-image:hover .image-label{opacity:1;bottom:-50px}.testimonials-section{position:relative;z-index:1;color:#fff}.testimonials-section.dark{background:linear-gradient(135deg,#16213e,#0f3460)}.testimonials-section.light{background:linear-gradient(135deg,#667eea,#764ba2)}.testimonials-section .section-title{color:#fff}.testimonials-section .section-subtitle{color:rgba(255,255,255,.9)}.testimonial-card{background:rgba(0,0,0,.22);border:none;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--overlay-border)}.rating{font-size:1.2rem}.testimonial-quote{font-style:italic;line-height:1.6;margin-bottom:1.5rem;color:#fff}.author-name{font-weight:600;margin-bottom:.25rem;color:#fff}.author-role{font-size:.9rem;opacity:.8;color:#fff}.cta-section.dark{background:#0a0a0a;color:#fff}.cta-section.light{background:#f8f9fa;color:#333}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;opacity:.8;margin-bottom:2rem}.cta-note{font-size:.9rem;opacity:.7}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-title,.section-title{font-size:2rem}.cta-buttons,.hero-buttons{display:flex;flex-direction:column;gap:15px}.preview-images-container{max-width:300px;height:400px}.preview-image{width:200px}.image-1{top:20px;transform:translateX(-50%) translateZ(20px)}.image-2{top:40px;transform:translateX(calc(-50% - 80px)) rotate(-10deg) translateZ(5px)}.image-3{top:40px;transform:translateX(calc(-50% + 80px)) rotate(10deg) translateZ(5px)}.preview-image:hover{transform:translateX(-50%) scale(1.02) translateZ(30px)!important}.testimonials-section .section-title{font-size:1.8rem!important;line-height:1.3;margin-bottom:1rem}.testimonials-section .section-subtitle{font-size:1rem!important;line-height:1.5}.testimonial-card{margin-bottom:1rem}.nutrition-info{margin-top:8px}.nutrition-item{min-width:100px}.nutrition-label{font-size:9px}.nutrition-value{font-size:10px;padding:1px 4px;min-width:35px}}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:20px}.form-range:focus{outline:none}.form-range::-webkit-slider-track{background:rgba(255,255,255,.2);height:6px;border-radius:3px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffffff;height:16px;width:16px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2);margin-top:-5px}.form-range::-webkit-slider-thumb:hover{background:#f0f0f0;box-shadow:0 3px 8px rgba(0,0,0,.3)}.form-range::-moz-range-track{background:rgba(255,255,255,.2);height:6px;border-radius:3px;border:none}.form-range::-moz-range-thumb{background:#ffffff;height:16px;width:16px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}.form-range::-moz-range-thumb:hover{background:#f0f0f0;box-shadow:0 3px 8px rgba(0,0,0,.3)}