@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600;700&display=swap";:root{--primary-blue-9: #242f38;--primary-blue-5: #145685;--primary-light-blue-5: #1b8db3;--neutral-gray-1: #f1f2f3;--neutral-gray-2: #edeff0;--neutral-gray-4: #d0d5d9;--neutral-gray-6: #8b9399;--neutral-white: #ffffff}*{box-sizing:border-box;margin:0;padding:0}.simulator-bg{background-color:var(--neutral-gray-1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:100vh;font-family:Inter,sans-serif}@media (min-width: 1400px){.simulator-bg{padding-left:320px;padding-right:320px}}.simulator-card{background-color:var(--neutral-white);border-radius:8px;box-shadow:0 18px 60px -30px #242f382e;width:100%;max-width:1181px;display:flex;flex-direction:column;overflow:hidden}.simulator-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-bottom:1px solid var(--neutral-gray-4);width:100%;position:relative}.simulator-title{font-weight:700;font-size:24px;color:var(--primary-blue-9);letter-spacing:-.5px}.simulator-nav{display:flex;gap:32px;align-items:center}.nav-tab{display:flex;flex-direction:column;position:relative;cursor:pointer}.nav-tab p{font-weight:700;font-size:13px;line-height:20px;text-transform:uppercase;color:var(--neutral-gray-6);padding:8px 0}.nav-tab.active p{color:var(--primary-light-blue-5)}.nav-indicator{position:absolute;bottom:-25px;height:3px;width:100%;background-color:var(--primary-light-blue-5);z-index:2}.nav-indicator.hidden{display:none}.simulator-subheader{padding:16px 40px;border-bottom:1px solid var(--neutral-gray-4);background-color:var(--neutral-white)}.add-pension-action{background:none;border:none;font-weight:700;font-size:13px;text-transform:uppercase;color:#1b8db3;cursor:pointer;padding:0;letter-spacing:.5px;transition:opacity .2s}.add-pension-action:hover{opacity:.7}.add-pension-action.is-active{color:var(--neutral-gray-6)}.simulator-content{display:flex;flex-direction:column;gap:8px;padding:40px 40px 0;width:100%}.simulator-chart{display:flex;gap:20px;height:420px;min-height:420px;width:100%}.column{display:flex;flex-direction:column;gap:20px;height:100%;align-items:flex-start;justify-content:flex-end}.col-header{opacity:0;transform:translateY(10px);flex:none;transition:transform 1s cubic-bezier(.33,1,.68,1),opacity 1s ease-out}.is-loaded .col-header:not(.col-third .col-header){opacity:1;transform:translateY(0)}.is-pension-visible .col-third .col-header{opacity:1;transform:translateY(0);transition-delay:.8s!important}.bar,.bar-stack,.bar-full{opacity:0;transform-origin:bottom;transition:transform var(--duration, 2s) cubic-bezier(.33,1,.68,1),max-height var(--duration, 2s) cubic-bezier(.33,1,.68,1),opacity 1.5s ease-out}.col-third{width:0;opacity:0;flex:0 0 0;margin:0;overflow:hidden;pointer-events:none;transition:width .8s cubic-bezier(.16,1,.3,1),opacity .6s ease-out,flex .8s cubic-bezier(.16,1,.3,1)}.is-pension-visible .col-third{width:171px;opacity:1;pointer-events:all;margin-right:0;flex:none}.col-first .bar,.col-third .bar-stack{max-height:0;transform:scaleY(1)}.is-pension-visible .col-third .bar-stack,.is-pension-visible .col-third .col-header{transition-delay:.8s!important}.col-second,.col-fourth{--duration: 1s}.col-second .bar,.col-fourth .bar{max-height:420px;transform:scaleX(0);transform-origin:left}.is-loaded .bar:not(.col-third .bar),.is-loaded .bar-stack:not(.col-third .bar-stack),.is-loaded .bar-full:not(.col-third .bar-full){opacity:1;max-height:420px;transform:scale(1)!important}.is-pension-visible .col-third .bar-stack,.is-pension-visible .col-third .bar{opacity:1;max-height:420px;transform:scaleY(1);transition-delay:.8s!important}.col-first{width:157px}.col-second{width:182px}.col-fourth{flex:1 0 0}.is-loaded .col-first .bar,.is-loaded .col-first .col-header{transition-delay:0s}.is-loaded .col-second .bar,.is-loaded .col-second .col-header{transition-delay:.3s}.is-loaded .col-fourth .bar,.is-loaded .col-fourth .col-header{transition-delay:.6s}.col-second .bar>*,.col-fourth .bar>*{opacity:0;transition:opacity .6s ease-out;pointer-events:none}.is-loaded .col-second .bar>*{opacity:1;transition-delay:1.1s}.is-loaded .col-fourth .bar>*{opacity:1;transition-delay:1.7s}.col-header{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px;white-space:nowrap;width:100%}.col-label-group{display:flex;gap:9px;align-items:center}.col-label{font-weight:500;color:var(--neutral-gray-6)}.text-dark{color:var(--primary-blue-9)}.col-value{font-weight:300}.col-value.text-normal{color:var(--primary-blue-9)}.col-value.blue-text{font-weight:700;color:var(--primary-blue-5);text-transform:uppercase}.dropdown-icon{width:8px;height:8px;display:flex;align-items:center;justify-content:center}.dropdown-icon img{width:100%;height:100%}.bar{display:flex;flex-direction:column;padding:16px;width:100%;flex:1 0 0}.bar-dark-gray{background-color:var(--neutral-gray-6);border-radius:8px 8px 0 0;justify-content:space-between;color:var(--neutral-white)}.bar-light-gray{background-color:var(--neutral-gray-4);border-radius:0 8px 0 0;justify-content:flex-start}.bar-gradient-light{background:linear-gradient(180deg,#a7d3e2 0%,#cfe7f0 100%);border-radius:12px 12px 0 0;gap:4px}.bar-gradient-dark{background:linear-gradient(180deg,#6bb5ce 0%,#b0d7e5 100%);gap:4px}.bar-full{border-radius:8px 0 0;flex:1 0 0}.bar-stack{display:flex;flex-direction:column;width:100%;flex:1 0 0}.bar-top-text,.bar-bottom-text{display:flex;flex-direction:column;gap:4px}.bar-label{font-weight:500;font-size:14px;line-height:20px}.bar-value{font-weight:300;font-size:14px;line-height:20px}.simulator-footer{display:flex;gap:20px;align-items:flex-start;margin-top:48px}.action-button-area{width:157px;display:flex;align-items:flex-start}.btn-teilpension{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;border:2px solid var(--primary-blue-5);border-radius:28px;background:transparent;cursor:pointer;width:100%}.btn-teilpension span{font-weight:700;font-size:14px;line-height:20px;text-transform:uppercase;color:var(--primary-blue-5)}.btn-icon{width:16px;height:16px}.age-slider-area{display:flex;width:100%;position:relative;height:120px;align-items:flex-start;user-select:none}.age-slider-track{position:relative;width:100%;height:80px;cursor:pointer;margin-top:10px}.age-mark{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.age-mark-line{background-color:var(--neutral-gray-6);width:1.5px;height:16px;transition:all .2s ease}.age-mark-line.active{background-color:var(--primary-blue-9);width:2px;height:24px}.age-mark-text{color:var(--primary-blue-9);font-weight:300;font-size:14px;transition:opacity .2s ease}.year-mark .age-mark-text{font-size:16px}.age-submarks-container{position:absolute;top:0;height:16px;display:flex;justify-content:space-evenly;align-items:center;pointer-events:none}.custom-dot{width:3px;height:3px;border-radius:50%;background-color:var(--neutral-gray-6)}.scale-selector{position:absolute;top:-20px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none;transition:transform .1s ease}.scale-selector.dragging{transform:translate(-50%) scale(1.05)}.selector-pin{position:relative;display:flex;width:66px;height:77px}.pin-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-user-drag:none}.pin-text{position:absolute;left:50%;top:30%;transform:translate(-50%);font-weight:700;font-size:20px;color:var(--neutral-white);line-height:1;text-align:center;z-index:1}.selector-labels{display:flex;flex-direction:column;align-items:center;margin-top:8px}.selector-date{font-size:14px;font-weight:600;color:var(--primary-blue-9);white-space:nowrap}.selector-desc{font-size:12px;font-weight:400;color:var(--primary-blue-9);white-space:nowrap}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif}