@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;min-width:320px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;padding:1rem;color:#2d3748}.app{max-width:1200px;margin:0 auto;padding-bottom:280px}.app-header{background:linear-gradient(135deg,#fff5f5,#fff8f0);margin-bottom:2rem;padding:2rem 1rem;border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:1px solid #FED7E2}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:100%}.header-text{flex:1;text-align:center}.app-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;background:-webkit-linear-gradient(45deg,#FF9A8B,#FF6A88,#FF99AC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{font-size:1.1rem;color:#4a5568;line-height:1.6}.language-toggle{display:flex;gap:.5rem;flex-shrink:0}.lang-btn{padding:.5rem 1rem;min-width:50px;border:2px solid #FED7E2;background:#fff;color:#ff6a88;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.lang-btn:hover{background:#fff5f7;transform:translateY(-2px);box-shadow:0 4px 10px #ff6b6b26}.lang-btn.active{background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border-color:#ff6a88}.toggle-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.toggle-btn{padding:1rem 2rem;min-height:48px;border:2px solid #FED7E2;background:#fff;color:#ff6a88;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.toggle-btn:hover:not(:disabled){background:#fff5f7;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b26}.toggle-btn.active{background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border-color:#ff6a88}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.input-form{background:#fff;padding:2rem;padding-bottom:calc(2rem + 280px);border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:1px solid #FFF0F0;margin-bottom:2rem}.input-form h2{color:#c53030;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#1f2937;font-weight:600;font-size:1rem}.required{color:#ef4444;margin-left:.25rem}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.75rem;border:2px solid #FED7E2;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:Inter,Helvetica,Arial,sans-serif}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#ff6a88;box-shadow:0 0 0 3px #ff6a881a}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.875rem}.form-cta{margin-top:3rem;padding-top:2rem;border-top:2px solid #FED7E2}.cta-content{text-align:center;padding:2rem;background:linear-gradient(135deg,#fff5f7,#fff);border-radius:16px;border:2px solid #FED7E2;box-shadow:0 8px 20px #ff6a8826}.cta-content h3{color:#c53030;font-size:1.6rem;font-weight:700;margin-bottom:1rem}.cta-scroll{color:#4a5568;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.cta-download{color:#718096;font-size:1rem;font-weight:500;margin-bottom:1.5rem}.scroll-indicator{display:flex;justify-content:center;align-items:center;animation:bounceArrow 2s infinite}.scroll-indicator svg{color:#ff6a88;filter:drop-shadow(0 2px 4px rgba(255,106,136,.3))}@keyframes bounceArrow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.slider-container{display:flex;align-items:center;gap:1rem}.slider-container input[type=range]{flex:1;height:12px;border-radius:6px;background:#fed7e2;outline:none;-webkit-appearance:none;cursor:pointer}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9a8b,#ff6a88);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff6a884d}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff6a8866}.slider-container input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff9a8b,#ff6a88);cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 2px 8px #ff6a884d}.slider-container input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff6a8866}.slider-value{font-weight:700;font-size:1.25rem;color:#ff6a88;min-width:60px;text-align:right}.dashboard{background:#fff;padding:2rem;padding-bottom:calc(2rem + 280px);border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:1px solid #FFF0F0}.dashboard h2{color:#c53030;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.dashboard h3{color:#dd6b20;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.hero-card{background:linear-gradient(135deg,#fff5f7,#fff);padding:2.5rem;border-radius:16px;border:2px solid #FED7E2;text-align:center;transition:all .3s ease;box-shadow:0 10px 30px #ff6a8826}.hero-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #ff6a8840;border-color:#ff6a88}.hero-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#ff6a88;opacity:.9}.hero-icon svg{width:100%;height:100%;stroke-width:1.5}.hero-label{font-size:.95rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.hero-value{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#ff9a8b,#ff6a88,#ff99ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.75rem;animation:fadeInScale .6s ease-out}.hero-detail{font-size:1.1rem;color:#4a5568;font-weight:500}.hero-card.efficiency-card .hero-icon{color:#10b981}.hero-card.time-card .hero-icon{color:#ff6a88}.hero-card.value-card .hero-icon{color:orange}.concrete-impact{background:linear-gradient(135deg,#f0fff4,#e6fffa);padding:2.5rem 2rem;border-radius:16px;border:2px solid #10B981;margin-bottom:3rem;box-shadow:0 10px 30px #10b98126}.concrete-impact h3{text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:700;color:#047857}.impact-highlight{text-align:center;margin-bottom:1.5rem}.impact-value{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.impact-number{font-size:4.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.impact-label{font-size:1.3rem;color:#047857;font-weight:600}.impact-description{font-size:1.1rem;color:#065f46;line-height:1.6;max-width:600px;margin:0 auto}.impact-note{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #10B981}.impact-note svg{width:24px;height:24px;color:#10b981;flex-shrink:0}.impact-note span{font-size:1rem;color:#047857;font-weight:600}.comparison-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid #FED7E2}.comparison-stat{text-align:center;padding:1.5rem;border-radius:12px;transition:all .3s ease}.comparison-stat.before{background:linear-gradient(135deg,#fff5f7,#fed7e2 50%);border:2px solid #FBB6CE}.comparison-stat.after{background:linear-gradient(135deg,#f0fff4,#c6f6d5 50%);border:2px solid #9AE6B4}.comparison-stat:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-label{font-size:.95rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1.2}.comparison-stat.before .stat-value{color:#c53030}.comparison-stat.after .stat-value{color:#047857}.stat-detail{font-size:.9rem;color:#4a5568;font-weight:500}.comparison-arrow{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.comparison-arrow svg{width:48px;height:48px;color:#10b981;transition:transform .3s ease}.comparison-stats:hover .comparison-arrow svg{transform:translate(8px)}.arrow-label{font-size:.9rem;color:#047857;font-weight:700;text-align:center;background:#f0fff4;padding:.5rem 1rem;border-radius:20px;border:2px solid #10B981;white-space:nowrap}.five-year-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center;position:relative;z-index:1}.five-year-summary{display:flex;flex-direction:column;gap:2rem}.five-year-metric{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #FED7E2;transition:all .3s ease}.five-year-metric:hover{transform:translateY(-4px);box-shadow:0 8px 20px #ff6a8833;border-color:#ff6a88}.five-year-metric .metric-icon{width:48px;height:48px;color:#ff6a88}.five-year-metric .metric-icon svg{width:100%;height:100%}.five-year-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff9a8b,#ff6a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;line-height:1.2}.five-year-label{font-size:.9rem;color:#718096;font-weight:600;line-height:1.3}.five-year-chart{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #E5E7EB;box-shadow:0 4px 15px #0000000d}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff5f7;padding:1.5rem;border-radius:12px;border:1px solid #FED7E2;border-left:4px solid #FF6A88;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ff9a8b,#ff6a88);transition:width .3s ease}.metric-card:hover:before{width:6px}.metric-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #ff6a8833}.metric-card.highlight{background:#fff8f0;border:1px solid #FBD38D;border-left:4px solid #FF9A8B}.metric-card.with-icon{display:flex;gap:1rem;align-items:center}.metric-icon{width:50px;height:50px;color:#ff6a88;flex-shrink:0;opacity:.8;transition:all .3s ease}.metric-card:hover .metric-icon{opacity:1;transform:scale(1.1)}.metric-icon svg{width:100%;height:100%;stroke-width:2}.metric-icon.money-icon{color:#ff9a8b}.metric-content{flex:1}.metric-label{font-size:.875rem;color:#4a5568;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2.25rem;font-weight:700;color:#c53030;margin-bottom:.5rem;line-height:1.2;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-detail{font-size:.875rem;color:#718096}.comparison-section{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#fff8f0,#fff);border:2px solid #FBD38D;border-radius:16px;box-shadow:0 8px 20px #ff9a8b1a}.comparison-section h3{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#c53030}.chart-container{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#fff8f0,#fff);border:2px solid #FBD38D;border-radius:16px;box-shadow:0 8px 20px #ff9a8b1a}.chart-container h3{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.savings-section{margin-bottom:3rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#fafafa,#fff);border-radius:20px;box-shadow:0 10px 30px #0000000d}.savings-section h3{text-align:center;margin-bottom:2.5rem;font-size:1.8rem;font-weight:700;color:#c53030;position:relative;padding-bottom:1rem}.savings-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);border-radius:2px}.savings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.savings-card{background:#fff;padding:2rem 1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid transparent}.savings-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transition:height .3s ease}.savings-card.time-card:before{background:linear-gradient(90deg,#ff9a8b,#ff6a88,#ff99ac)}.savings-card.cost-card:before{background:linear-gradient(90deg,#ffb347,orange,#ff8c00)}.savings-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.savings-card.time-card:hover{border-color:#ff6a88}.savings-card.cost-card:hover{border-color:orange}.savings-card:hover:before{height:6px}.savings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #F7FAFC}.savings-icon{width:48px;height:48px;flex-shrink:0;transition:transform .3s ease}.savings-card:hover .savings-icon{transform:scale(1.1) rotate(5deg)}.savings-icon.time-icon{color:#ff6a88}.savings-icon.money-icon{color:orange}.savings-icon svg{width:100%;height:100%;stroke-width:2}.period-label{font-size:1rem;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1px}.savings-card-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;line-height:1.2;animation:countUp .8s ease-out}.time-card .savings-card-value{background:linear-gradient(135deg,#ff9a8b,#ff6a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cost-card .savings-card-value{background:linear-gradient(135deg,#ffb347,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.savings-card-percentage{font-size:1.1rem;font-weight:600;color:#718096;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.savings-card-percentage:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.time-card .savings-card-percentage:before{background:#ff6a88}.cost-card .savings-card-percentage:before{background:orange}.savings-card-chart{margin:1.5rem -.5rem;height:60px;opacity:.9;transition:opacity .3s ease}.savings-card:hover .savings-card-chart{opacity:1}.savings-card-detail{font-size:.9rem;color:#a0aec0;font-weight:500;padding-top:1rem;border-top:1px solid #F7FAFC;text-align:center}.five-year-box{background:linear-gradient(135deg,#fff5f5,#ffe5e5,#fff);padding:3rem 2rem;border-radius:20px;text-align:center;margin-bottom:2rem;border:3px solid #FED7E2;box-shadow:0 12px 35px #ff6b6b33;position:relative;overflow:hidden;transition:all .3s ease}.five-year-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,154,139,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.five-year-box:hover{transform:translateY(-5px);box-shadow:0 15px 45px #ff6b6b4d;border-color:#ff6a88}.five-year-box h3{color:#c53030;margin-bottom:2rem;font-weight:700;font-size:1.8rem;position:relative;z-index:1;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.calculation-details{margin-bottom:2rem;padding:1.5rem;background:#fff5f7;border:1px solid #FED7E2;border-radius:12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #FED7E2}.detail-label{font-weight:600;color:#718096}.detail-value{font-weight:700;color:#c53030}.executive-summary{background:linear-gradient(135deg,#f0fff4,#e6fffa);padding:2rem;border-radius:16px;border:2px solid #9AE6B4;margin-bottom:3rem;box-shadow:0 8px 20px #10b98126}.executive-summary h3{color:#047857;font-size:1.6rem;font-weight:700;margin-bottom:1rem;text-align:center}.executive-summary .summary-text{color:#065f46;line-height:1.8;font-size:1.05rem;text-align:center;max-width:800px;margin:0 auto}.ai-benefits-section{background:linear-gradient(135deg,#fff8f0,#fff);padding:2.5rem 2rem;border-radius:20px;border:2px solid #FBD38D;margin-bottom:3rem;box-shadow:0 10px 30px #ff9a8b26}.ai-benefits-section h3{text-align:center;margin-bottom:2.5rem;font-size:1.8rem;font-weight:700;color:#c53030;position:relative;padding-bottom:1rem}.ai-benefits-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);border-radius:2px}.ai-benefits-section .benefits-list{display:flex;flex-direction:column;gap:2rem}.ai-benefits-section .benefit-item{display:flex;gap:1.5rem;align-items:flex-start;background:#fff;padding:2rem;border-radius:16px;border:2px solid #FED7E2;transition:all .3s ease;box-shadow:0 4px 15px #ff6a881a}.ai-benefits-section .benefit-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ff6a8833;border-color:#ff6a88}.ai-benefits-section .benefit-number{width:60px;height:60px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;flex-shrink:0;box-shadow:0 6px 15px #ff6a8866}.ai-benefits-section .benefit-content h4{color:#c53030;font-size:1.3rem;margin-bottom:.75rem;font-weight:700}.ai-benefits-section .benefit-content p{color:#2d3748;line-height:1.8;margin:0;font-size:1.05rem}.urgency-section{background:linear-gradient(135deg,#fff5f5,#ffe5e5,#fff);padding:2.5rem 2rem;border-radius:20px;border:3px solid #FED7E2;margin-bottom:3rem;box-shadow:0 12px 35px #ff6b6b33}.urgency-section h3{text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:700;color:#c53030}.urgency-box-dashboard{display:flex;gap:1.5rem;align-items:flex-start;background:#fff;padding:2rem;border-radius:16px;border:2px solid #FED7E2;margin-bottom:2rem;box-shadow:0 4px 15px #ff6a881a;transition:all .3s ease}.urgency-box-dashboard:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ff6a8833;border-color:#ff6a88}.urgency-icon{width:64px;height:64px;color:#ff6a88;flex-shrink:0;background:#fff5f7;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6a8833}.urgency-icon svg{width:36px;height:36px;stroke-width:2}.urgency-content{flex:1}.urgency-box-dashboard .urgency-text{color:#c53030;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;line-height:1.6}.urgency-content p{color:#2d3748;line-height:1.8;margin:0;font-size:1.05rem}.urgency-content p:not(:last-child){margin-bottom:.75rem}.next-steps-dashboard{background:#fff8f0;padding:2rem;border-radius:16px;border:2px solid #FBD38D;box-shadow:0 4px 15px #ff9a8b1a}.next-steps-dashboard h4{color:#dd6b20;font-size:1.4rem;margin-bottom:1.5rem;font-weight:700;text-align:center}.steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.step-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:2px solid #FED7E2;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.step-item:hover{transform:translate(5px);box-shadow:0 4px 15px #ff6a8826;border-color:#ff6a88}.step-icon{width:48px;height:48px;color:#ff6a88;flex-shrink:0;background:#fff5f7;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step-item:hover .step-icon{background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;transform:scale(1.1)}.step-icon svg{width:24px;height:24px;stroke-width:2}.step-item span{color:#4a5568;font-weight:600;font-size:1rem;line-height:1.5}.conclusion-box{background:linear-gradient(135deg,#fff5f5,#fff);padding:2rem;border-radius:12px;border:1px solid #FED7E2;box-shadow:0 4px 15px #ff6b6b0d}.conclusion-box h3{color:#c53030;margin-bottom:1rem;font-weight:700}.conclusion-box p{color:#2d3748;line-height:1.6;margin-bottom:1rem}.conclusion-box p:last-child{margin-bottom:0}.report-preview{background:#fff;padding:2rem;padding-bottom:calc(2rem + 280px);border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:1px solid #FFF0F0}.report-actions{margin-bottom:2rem;text-align:center}.export-btn{padding:1rem 2rem;min-height:48px;min-width:180px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6a884d;touch-action:manipulation}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6a8866}.export-btn:disabled{opacity:.6;cursor:not-allowed}.bottom-download-section{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#fff5f5,#fff8f0);border-radius:16px;text-align:center;border:2px solid #FED7E2;box-shadow:0 10px 30px #ff6a8826}.bottom-download-section h3{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:.75rem;background:linear-gradient(135deg,#ff6a88,#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bottom-download-section p{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.bottom-export-btn{font-size:1.1rem;padding:1.25rem 2.5rem;min-height:56px;min-width:200px}.bottom-download-cta{margin-top:3rem;padding:2.5rem;background:linear-gradient(135deg,#fff5f5,#fff8f0);border-radius:16px;text-align:center;border:2px solid #FED7E2;box-shadow:0 10px 30px #ff6a8826}.bottom-download-cta h3{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:.75rem;background:linear-gradient(135deg,#ff6a88,#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bottom-download-cta p{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.preview-report-btn{font-size:1.1rem;padding:1.25rem 2.5rem;min-height:56px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6a884d}.preview-report-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6a8866}.report-content{background:#fff;max-width:210mm;margin:0 auto}.report-page{padding:2rem}.report-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #FED7E2}.report-header h1{font-size:2.5rem;margin-bottom:.5rem;line-height:1.2;font-weight:700;background:-webkit-linear-gradient(45deg,#FF9A8B,#FF6A88,#FF99AC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.report-date{color:#718096;font-size:1rem}.report-section{margin-bottom:2rem}.report-section h2{color:#c53030;font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid #FED7E2;padding-bottom:.5rem;font-weight:700}.report-section h3{color:#dd6b20;font-size:1.4rem;margin-bottom:.75rem;font-weight:600}.summary-text{color:#2d3748;line-height:1.6;font-size:1.05rem}.report-hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.report-hero-card{background:linear-gradient(135deg,#fff5f7,#fff);padding:1.5rem;border-radius:12px;border:2px solid #FED7E2;text-align:center;box-shadow:0 4px 12px #ff6a881a}.report-hero-card.efficiency-card .report-hero-icon{color:#10b981}.report-hero-card.time-card .report-hero-icon{color:#ff6a88}.report-hero-card.value-card .report-hero-icon{color:orange}.report-hero-icon{width:48px;height:48px;margin:0 auto 1rem}.report-hero-icon svg{width:100%;height:100%;stroke-width:2}.report-hero-label{font-size:.875rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.report-hero-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff9a8b,#ff6a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.report-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.report-kpi-card{background:#fff5f7;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid #FED7E2}.report-kpi-card.highlight{background:#fff8f0;border:1px solid #FBD38D}.kpi-label{font-size:.875rem;color:#718096;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.kpi-value{font-size:1.8rem;font-weight:700;color:#c53030}.situation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.situation-item{display:flex;justify-content:space-between;padding:.75rem;background:#fff5f7;border-radius:8px;border:1px solid #FED7E2}.situation-label{font-weight:600;color:#718096}.situation-value{font-weight:700;color:#c53030}.impact-box{background:#fff8f0;padding:1.5rem;border-radius:8px;border:1px solid #FBD38D;border-left:4px solid #FF9A8B}.impact-box p{color:#2d3748;line-height:1.6;margin:0}.benefits-section-report{background:linear-gradient(135deg,#fff8f0,#fff);padding:1.5rem;border-radius:12px;border:2px solid #FBD38D}.benefits-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;gap:1rem;align-items:flex-start}.benefit-item-report{display:flex;gap:1rem;align-items:flex-start;background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #FED7E2;box-shadow:0 2px 8px #ff6a881a}.benefit-number{width:48px;height:48px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #ff6a884d}.benefit-content h3{color:#c53030;font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.benefit-content p{color:#2d3748;line-height:1.6;margin:0}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.financial-item{display:flex;justify-content:space-between;padding:1rem;background:#fff5f7;border-radius:8px;border:1px solid #FED7E2}.financial-label{font-weight:600;color:#718096}.financial-value{font-weight:700;color:#ff6a88;font-size:1.1rem}.five-year-report-box{background:linear-gradient(135deg,#fff5f5,#fff);padding:2rem;border-radius:12px;text-align:center;border:1px solid #FED7E2;box-shadow:0 4px 15px #ff6b6b1a}.five-year-report-value{font-size:2.5rem;font-weight:700;background:-webkit-linear-gradient(45deg,#FF9A8B,#FF6A88,#FF99AC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.five-year-report-detail{font-size:1.1rem;color:#2d3748;margin-bottom:.5rem}.five-year-report-time{font-size:1rem;color:#718096}.urgency-box{background:#fff5f7;padding:1.5rem;border-radius:8px;border:1px solid #FED7E2;border-left:4px solid #FF6A88;margin-bottom:1.5rem}.urgency-text{color:#c53030;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.urgency-box p{color:#2d3748;line-height:1.6;margin:0}.next-steps{background:#fff8f0;padding:1.5rem;border-radius:8px;border:1px solid #FBD38D}.next-steps h3{color:#dd6b20;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.next-steps ol{color:#2d3748;line-height:1.8;padding-left:1.5rem}.next-steps li{margin-bottom:.5rem}.next-steps-report{background:#fff8f0;padding:1.5rem;border-radius:12px;border:2px solid #FBD38D}.next-steps-report h3{color:#dd6b20;font-size:1.2rem;margin-bottom:1rem;font-weight:700;text-align:center}.steps-list-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.step-item-report{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:2px solid #FED7E2;box-shadow:0 2px 6px #0000000d}.step-icon-report{width:32px;height:32px;color:#ff6a88;flex-shrink:0;background:#fff5f7;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-icon-report svg{width:18px;height:18px;stroke-width:2}.step-item-report span{color:#4a5568;font-weight:500;font-size:.9rem;line-height:1.4}.disclaimer-section{background:#fff5f7;padding:1.5rem;border-radius:8px;border:1px solid #FED7E2}.disclaimer-text{color:#718096;line-height:1.6;font-size:.95rem;margin:0}.report-footer{text-align:center;padding-top:1rem;border-top:1px solid #FED7E2;color:#a0aec0;font-size:.875rem}.form-feedback{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:1px solid #FFF0F0;margin-bottom:2rem;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-checklist{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.field-status{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;transition:all .3s ease}.field-status.filled{background:#f0fff4;border:1px solid #C6F6D5}.field-status.empty{background:#fff5f7;border:1px solid #FED7E2}.status-icon{width:24px;height:24px;flex-shrink:0;transition:transform .3s ease}.field-status.filled .status-icon{color:#38a169}.field-status.empty .status-icon{color:#cbd5e0}.field-status.filled:hover .status-icon{transform:scale(1.1)}.status-icon svg{width:100%;height:100%;stroke-width:2.5}.field-name{flex:1;font-weight:600;color:#2d3748;font-size:.95rem}.field-error{font-size:.85rem;color:#e53e3e;font-weight:500;font-style:italic}.feedback-success{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #9AE6B4;border-radius:12px;animation:successPulse .6s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.success-icon{width:48px;height:48px;flex-shrink:0;color:#38a169;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #38a1694d}.success-icon svg{width:28px;height:28px;stroke-width:3}.feedback-success p{flex:1;margin:0;color:#22543d;font-weight:600;font-size:1rem}.scroll-to-report-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease;box-shadow:0 8px 25px #ff6a8866;position:relative;overflow:hidden}.scroll-to-report-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.scroll-to-report-btn:hover:before{left:100%}.scroll-to-report-btn:hover{transform:translateY(-4px);box-shadow:0 12px 35px #ff6a8880}.scroll-to-report-btn:active{transform:translateY(-2px)}.scroll-to-report-btn span{font-size:1.2rem;letter-spacing:.5px}.arrow-down{width:32px;height:32px;animation:bounce 2s infinite}.arrow-down svg{width:100%;height:100%}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.feedback-incomplete{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fff5f7,#fed7e2);border:2px solid #FBB6CE;border-radius:12px}.info-icon{width:48px;height:48px;flex-shrink:0;color:#ff6a88;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6a884d}.info-icon svg{width:28px;height:28px;stroke-width:2.5}.feedback-incomplete p{flex:1;margin:0;color:#742a2a;font-weight:600;font-size:1rem}.dashboard-placeholder{background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 10px 25px #ff8c7f26;border:2px dashed #FED7E2;margin-bottom:2rem;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dashboard-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,154,139,.05) 0%,transparent 70%);animation:placeholderPulse 4s ease-in-out infinite}@keyframes placeholderPulse{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.placeholder-content{position:relative;z-index:1;max-width:500px}.placeholder-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:#ff6a88;opacity:.6;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-icon svg{width:100%;height:100%;stroke-width:1.5}.placeholder-content h3{color:#c53030;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.placeholder-content p{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.placeholder-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;text-align:left}.step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff5f7;border:1px solid #FED7E2;border-radius:8px;transition:all .3s ease}.step:hover{background:#fff;border-color:#ff6a88;transform:translate(5px)}.step-number{width:36px;height:36px;background:linear-gradient(135deg,#ff9a8b,#ff6a88);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #ff6a884d}.step span:last-child{color:#4a5568;font-weight:500;font-size:.95rem}.placeholder-preview{display:flex;flex-direction:column;gap:1rem;opacity:.4}.preview-metric{height:80px;background:#fff5f7;border-radius:8px;border:1px solid #FED7E2}.preview-chart{height:150px;background:#fff5f7;border-radius:8px;border:1px solid #FED7E2}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){body{padding:.5rem}.app{padding-bottom:300px}.app-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:1rem}.language-toggle{order:-1}.app-header h1{font-size:1.5rem}.app-header p{font-size:.95rem}.toggle-container{flex-direction:column;gap:.75rem}.toggle-btn{width:100%;padding:.875rem 1.5rem}.input-form,.dashboard,.report-preview{padding:1.5rem;padding-bottom:calc(1.5rem + 300px)}.input-form h2,.dashboard h2{font-size:1.5rem}.hero-metrics{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.hero-card{padding:2rem 1.5rem}.hero-icon{width:60px;height:60px;margin-bottom:1rem}.hero-value{font-size:3rem}.hero-label{font-size:.85rem}.hero-detail{font-size:1rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card.with-icon{flex-direction:row;gap:1rem}.metric-icon{width:40px;height:40px}.metric-value{font-size:1.75rem}.comparison-section{padding:1.5rem}.comparison-section h3{font-size:1.2rem}.chart-container{padding:1.5rem}.chart-container h3{font-size:1.2rem}.savings-section{padding:1.5rem 1rem;margin-bottom:2rem}.savings-section h3{font-size:1.4rem;margin-bottom:1.5rem}.savings-grid{grid-template-columns:1fr;gap:1.5rem}.savings-card{padding:1.5rem 1.25rem}.savings-card-value{font-size:2rem}.savings-icon{width:40px;height:40px}.period-label{font-size:.9rem}.five-year-box{padding:2rem 1.5rem}.five-year-value{font-size:3rem}.five-year-box h3{font-size:1.4rem}.five-year-content{grid-template-columns:1fr;gap:1.5rem}.five-year-summary{gap:1rem}.five-year-metric{padding:1rem}.five-year-value{font-size:1.5rem}.five-year-chart{padding:1rem}.concrete-impact{padding:2rem 1.5rem}.concrete-impact h3{font-size:1.5rem}.impact-number{font-size:3rem}.impact-label{font-size:1.1rem}.impact-description{font-size:1rem}.comparison-stats{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.comparison-arrow{transform:rotate(90deg)}.comparison-stats:hover .comparison-arrow svg{transform:rotate(90deg) translate(8px)}.comparison-stat{padding:1rem}.stat-value{font-size:2rem}.report-kpi-grid,.situation-grid,.financial-grid,.detail-grid{grid-template-columns:1fr}.form-group input[type=text],.form-group input[type=number]{font-size:16px}.form-cta{margin-top:2rem;padding-top:1.5rem}.cta-content{padding:1.5rem}.cta-content h3{font-size:1.3rem}.cta-scroll{font-size:1rem}.cta-download{font-size:.9rem}.slider-container input[type=range]::-webkit-slider-thumb{width:36px;height:36px}.slider-container input[type=range]::-moz-range-thumb{width:36px;height:36px}.form-feedback{padding:1.5rem}.field-status{padding:.6rem}.field-name{font-size:.875rem}.field-error{font-size:.8rem}.feedback-success,.feedback-incomplete{padding:1rem;flex-direction:column;text-align:center}.success-icon,.info-icon{width:40px;height:40px}.success-icon svg,.info-icon svg{width:24px;height:24px}.feedback-success p,.feedback-incomplete p{font-size:.95rem}.scroll-to-report-btn{padding:1rem 1.5rem;font-size:1.1rem}.scroll-to-report-btn span{font-size:1.1rem}.arrow-down{width:28px;height:28px}.dashboard-placeholder{padding:2rem 1.5rem;min-height:350px}.placeholder-icon{width:64px;height:64px}.placeholder-content h3{font-size:1.5rem}.placeholder-content p{font-size:1rem}.placeholder-steps{gap:.75rem;margin-bottom:2rem}.step{padding:.875rem}.step-number{width:32px;height:32px;font-size:1rem}.step span:last-child{font-size:.875rem}.preview-metric{height:60px}.preview-chart{height:120px}}@media print{body{background:#fff;padding:0}.report-actions,.bottom-download-section{display:none}.report-content{box-shadow:none}}