.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);margin-top:65px;max-width:600px;overflow:hidden;width:100%}.screen{display:none;padding:40px}.screen.active{animation:fadeIn .4s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:12px}.subtitle{color:#718096;font-size:16px;line-height:1.5;margin-bottom:40px}.input-group{margin-bottom:35px}label{color:#2d3748;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.value-display{background:#667eea;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-left:8px;padding:4px 12px}input[type=range]{-webkit-appearance:auto!important;background:#e2e8f0;border-radius:5px;height:8px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:auto!important;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.4);cursor:pointer;height:24px;transition:transform .2s;width:24px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.4);cursor:pointer;height:24px;width:24px}.live-preview{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;margin:30px 0;padding:20px;text-align:center}.live-preview-label{color:#718096;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.live-preview-value{color:#ff7526;font-size:48px;font-weight:800;line-height:1}.live-preview-unit{color:#718096;font-size:18px;margin-top:4px}.btn{background:linear-gradient(135deg,#ff7526,#f60);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:transform .2s,box-shadow .2s;width:100%}.btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.results-grid{display:grid;gap:20px;margin:30px 0}.result-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #ff8f10;border-radius:12px;padding:24px}.result-card.highlight{background:linear-gradient(39deg,#f0ba5b,#ff7526);border-left:4px solid #ff8f10;color:#fff}.result-label{font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.result-value{font-size:36px;font-weight:800;line-height:1;margin-bottom:4px}.result-unit{font-size:14px;opacity:.7}.impact-message{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#78350f;font-weight:500;line-height:1.6;margin:30px 0;padding:20px}.email-capture{border-top:2px solid #e2e8f0;margin-top:30px;padding-top:30px}input[type=email],input[type=text]{border:2px solid #e2e8f0;border-radius:8px;font-size:15px;margin-bottom:12px;padding:14px;transition:border-color .2s;width:100%}input[type=email]:focus,input[type=text]:focus{border-color:#667eea;outline:none}.back-btn{background:#e2e8f0;color:#2d3748;margin-top:12px}.back-btn:hover{background:#cbd5e0;box-shadow:none;transform:none}.success-message{padding:40px 20px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.range-labels{color:#a0aec0;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.hsfc-Button{width:100%!important}