.savings-game{width:100%;padding:40px 0;background-color:#FCF9F0;position:relative;overflow:hidden}.savings-container{max-width:360px;margin:0 auto;padding:0 15px}.savings-header{text-align:center;margin-bottom:24px}.savings-title{font-family:Poppins,sans-serif;font-weight:600;font-size:28px;line-height:36px;color:#1D1D1C!important;margin:0 0 12px;letter-spacing:.1px}.savings-title .highlight{color:#FFC400!important}.savings-subtitle{font-family:Poppins,sans-serif;font-weight:300;font-size:16px;line-height:24px;color:#1D1D1C!important;margin:0;opacity:.7}.savings-content-wrapper{display:flex;flex-direction:column;gap:24px}.savings-input-container{width:100%;transition:all .4s ease}.savings-input-container.blurred{filter:blur(4px);pointer-events:none;opacity:.6}.savings-inputs{background:#FFFFFF;border-radius:25px;padding:20px 16px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:visible}.input-group{margin-bottom:16px;width:100%;box-sizing:border-box}.input-group:last-child{margin-bottom:0}.input-label{font-family:Poppins,sans-serif;font-weight:500;font-size:13px;color:#1D1D1C;margin-bottom:10px;display:block}.label-icon{display:none}.button-group{display:flex;gap:6px;width:100%}.option-button{flex:1 1;padding:8px 14px;background:#1D1D1C;border:2px solid #1d1d1c;border-radius:50px;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;color:#FFFFFF;cursor:pointer;transition:all .2s ease;outline:none}.option-button:hover{background:#2D2D2C;border-color:#2D2D2C;transform:translateY(-1px)}.option-button.active{background:#FFC400;border-color:#FFC400;color:#1D1D1C;font-weight:600}.option-button:active{transform:translateY(0)}.slider-container{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:16px}.slider-track{flex:1 1;position:relative}.custom-slider{position:relative;height:20px;padding:9px 0}.custom-slider .rc-slider-rail{background-color:#E0E0E0}.custom-slider .rc-slider-rail,.custom-slider .rc-slider-track{height:2px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.custom-slider .rc-slider-track{background-color:#1D1D1C}.custom-slider .rc-slider-handle{background-color:#1D1D1C;border:none;width:20px;height:20px;margin-top:-9px;box-shadow:0 2px 8px rgba(29,29,28,.3);opacity:1;cursor:-webkit-grab;cursor:grab;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.custom-slider .rc-slider-handle:hover{box-shadow:0 4px 16px rgba(29,29,28,.4);transform:scale(1.15);background-color:#FFC400}.custom-slider .rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 6px 20px rgba(29,29,28,.5);transform:scale(1.2);background-color:#FFC400;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.custom-slider .rc-slider-handle:focus{border:none;box-shadow:0 2px 8px rgba(29,29,28,.3),0 0 0 3px rgba(255,196,0,.3);outline:none}.custom-slider .rc-slider-handle-dragging{box-shadow:0 6px 24px rgba(29,29,28,.6)!important;transform:scale(1.25)!important;background-color:#FFC400!important}.slider-value{display:flex;flex-direction:column;align-items:flex-end;min-width:65px;flex-shrink:0}.value-number{font-weight:600;font-size:20px;color:#1D1D1C;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.value-number,.value-unit{font-family:Poppins,sans-serif;line-height:1}.value-unit{font-weight:300;font-size:11px;color:#999999;margin-top:2px;transition:color .2s ease}.slider-container:hover .value-number{color:#FFC400;transform:scale(1.05)}.slider-container:hover .value-unit{color:#666666}.calculate-button{width:100%;height:42px;padding:0 24px;background:#FFC400;border:none;border-radius:25px;font-family:Poppins,sans-serif;font-weight:700;font-size:12px;color:#1D1D1C;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:20px}.calculate-button:hover{background:#FFD233;transform:translateY(-2px)}.calculate-button:active{transform:translateY(0)}.button-icon{display:none}.savings-placeholder{background:#FFFFFF;border-radius:25px;padding:32px 20px;box-shadow:0 2px 12px rgba(0,0,0,.05);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.placeholder-icon{margin-bottom:20px;opacity:.4}.placeholder-icon svg{width:80px;height:80px}.placeholder-title{font-weight:600;font-size:18px;margin:0 0 12px}.placeholder-text,.placeholder-title{font-family:Poppins,sans-serif;color:#1D1D1C}.placeholder-text{font-weight:300;font-size:14px;line-height:22px;opacity:.6;margin:0 0 24px;max-width:320px}.placeholder-features{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.placeholder-feature{display:flex;align-items:center;gap:10px;text-align:left}.feature-check{font-size:16px;color:#FFC400;font-weight:700;flex-shrink:0}.feature-text{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;color:#1D1D1C}.savings-result{background:#FFFFFF;border-radius:25px;padding:20px 16px;box-shadow:0 2px 12px rgba(0,0,0,.05);text-align:center;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-emoji,.savings-badge{display:none}.badge-text{font-family:Poppins,sans-serif;font-weight:600;font-size:11px;color:#FFFFFF}.savings-amount{margin-bottom:20px}.amount-wrapper{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:6px}.amount-number{font-size:36px;color:#FFC400;line-height:1}.amount-currency,.amount-number{font-family:Poppins,sans-serif;font-weight:600}.amount-currency{font-size:20px;color:#1D1D1C}.amount-label{font-family:Poppins,sans-serif;font-weight:300;font-size:12px;color:#1D1D1C;margin:0;opacity:.5}.savings-breakdown{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px;padding:14px;background:#FCF9F0;border-radius:16px}.breakdown-item{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:10px;gap:10px}.breakdown-icon{display:none}.breakdown-label{font-family:Poppins,sans-serif;font-weight:400;font-size:12px;color:#1D1D1C;text-align:left}.breakdown-value{font-family:Poppins,sans-serif;font-weight:600;font-size:14px;color:#FFC400}.lifetime-savings{padding:14px;background:#1D1D1C;border-radius:16px;margin-bottom:16px}.lifetime-label{font-family:Poppins,sans-serif;font-weight:300;font-size:11px;color:rgba(255,255,255,.6);margin:0 0 4px}.lifetime-amount{font-family:Poppins,sans-serif;font-weight:600;font-size:22px;color:#FFC400;margin:0;line-height:1}.result-hint{font-weight:300;font-size:11px;line-height:16px;opacity:.6;margin:12px 0 0;padding:12px;background:#FCF9F0;border-radius:12px}.cta-button,.result-hint{font-family:Poppins,sans-serif;color:#1D1D1C}.cta-button{width:100%;height:42px;padding:0 24px;background:#FFC400;border:none;border-radius:25px;font-weight:700;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;text-decoration:none}.cta-button:hover{background:#FFD233;transform:translateY(-2px)}.cta-arrow{font-size:18px;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translateX(4px)}.lead-form{animation:slideUp .3s ease-out}.form-title{font-weight:600;font-size:16px;color:#1D1D1C;margin:0 0 20px;text-align:center}.form-input,.form-title{font-family:Poppins,sans-serif}.form-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:25px;font-size:14px;margin-bottom:12px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#FFC400}.form-submit{width:100%;height:42px;padding:0 24px;background:#FFC400;border:none;border-radius:25px;font-family:Poppins,sans-serif;font-weight:700;font-size:12px;color:#1D1D1C;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.form-submit:hover{background:#FFD233;transform:translateY(-2px)}.form-privacy{font-family:Poppins,sans-serif;font-size:11px;color:#1D1D1C;opacity:.5;text-align:center;margin:0;line-height:16px}.savings-tabs{display:flex;gap:8px;justify-content:center;margin-top:24px;margin-bottom:0}.tab-button{flex:1 1;max-width:180px;padding:12px 24px;background:transparent;border:2px solid #1d1d1c;border-radius:50px;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;color:#1D1D1C;cursor:pointer;transition:all .3s ease;outline:none}.tab-button:hover{background:#F5F5F5;transform:translateY(-1px)}.tab-button.active{background:#FFC400;border-color:#FFC400;color:#1D1D1C;font-weight:600}@media (min-width:768px){.savings-game{padding:60px 0}.savings-container{max-width:1080px;padding-left:max(40px,calc((100vw - 1080px) / 2));padding-right:max(40px,calc((100vw - 1080px) / 2))}.savings-header{margin-bottom:40px}.savings-title{font-size:32px;line-height:40px}.savings-subtitle{font-size:16px;line-height:24px}.savings-tabs{max-width:400px;margin-left:auto;margin-right:auto}.tab-button{font-size:15px;padding:14px 28px}.savings-content-wrapper{flex-direction:row;gap:32px;align-items:flex-start}.savings-input-container{flex:0 0 45%}.savings-inputs{padding:28px 24px}.input-label{font-size:14px}.value-number{font-size:22px}.calculate-button{font-size:14px;height:44px}.savings-placeholder{flex-grow:0;flex-shrink:0;flex-basis:calc(55% - 32px);padding:40px 32px;min-height:420px}.placeholder-icon svg{width:100px;height:100px}.placeholder-title{font-size:20px}.placeholder-text{font-size:15px;max-width:380px}.savings-result{flex-grow:0;flex-shrink:0;flex-basis:calc(55% - 32px);padding:28px 24px;animation:slideInFromRight .5s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.savings-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:25px;margin-bottom:16px;font-size:11px}.amount-number{font-size:48px}.amount-currency{font-size:24px}.amount-label,.breakdown-label{font-size:13px}.breakdown-value{font-size:15px}.lifetime-label{font-size:12px}.lifetime-amount{font-size:26px}.cta-button,.form-submit{font-size:14px;height:44px}.form-input{font-size:14px}}