.timecalc{background:#f1f5f4;padding:110px 0 120px;overflow:hidden}.timecalc-wrap{width:min(1300px,calc(100% - 96px));margin:auto}.timecalc-heading{text-align:center;max-width:760px;margin:0 auto 48px}.timecalc-kicker,.timecalc-step{font-size:10px;font-weight:800;letter-spacing:.15em;color:#487e81;text-transform:uppercase}.timecalc-kicker:before{content:"";display:inline-block;width:7px;height:7px;background:#56bcb6;border-radius:50%;margin-inline-end:9px;box-shadow:0 0 12px #42b5c5}.timecalc-heading h2{font-size:clamp(42px,5.1vw,68px);line-height:1.12;letter-spacing:-.05em;margin:18px 0;color:#10232a}.timecalc-heading h2 em{font-style:normal;color:#829b98}.timecalc-heading p{font-size:16px;line-height:1.7;color:#5d7373;margin:0 auto;max-width:590px}.timecalc-shell{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce9e6;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #173d380e}.timecalc-form{padding:43px}.timecalc-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:26px}.timecalc-card-head h3{margin:12px 0 6px;font-size:24px;letter-spacing:-.03em;color:#122b2d}.timecalc-card-head p{font-size:13px;color:#718783;line-height:1.5;margin:0}.timecalc-free{align-self:flex-start;white-space:nowrap;color:#337361;background:#e9f7ef;border-radius:99px;padding:7px 11px;font-weight:700;font-size:11px}.timecalc-fields{display:grid;gap:10px}.timecalc-field{display:grid;grid-template-columns:minmax(0,1fr) 105px 34px;gap:5px;align-items:center;background:#f7faf9;border:1px solid #e3eeeb;border-radius:13px;padding:11px 13px}.timecalc-field:focus-within{border-color:#64b9ae;background:#f4fbf8}.timecalc-field label{font-size:14px;font-weight:700;color:#1a3938;line-height:1.4}.timecalc-field small{display:block;font-size:11px;font-weight:400;color:#718681;margin-top:3px;line-height:1.4}.timecalc-field input{width:100%;min-width:0;border:1px solid #d6e7e2;background:#fff;color:#133d39;border-radius:9px;padding:10px 8px;font:700 17px/1.2 Arial,sans-serif;text-align:center;direction:ltr}.timecalc-field input::-webkit-inner-spin-button,.timecalc-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timecalc-field input{appearance:textfield;-moz-appearance:textfield}.timecalc-field input:focus{outline:3px solid #a4dfd4;outline-offset:1px}.input-unit{font-size:12px;text-align:center;color:#6a837d;font-weight:700}.timecalc-error{font-size:12px;color:#a12c2c;margin:0;line-height:1.5}.timecalc-error:not(:empty){margin:12px 0}.timecalc-private{font-size:11px;color:#718782;margin:18px 0 0;line-height:1.5}.timecalc-result{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#0c2427;color:#eefbf7;padding:43px;display:flex;flex-direction:column;gap:26px}.timecalc-glow{position:absolute;z-index:-2;inset:-35%;background:radial-gradient(ellipse at 75% 26%,#45aa9c55,transparent 31%),radial-gradient(ellipse at 25% 70%,#1e8b8255,transparent 38%);animation:calcBreathe 12s ease-in-out infinite alternate;pointer-events:none}.timecalc-result:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#112e30a8,#071b1ef2 82%);pointer-events:none}.timecalc-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.timecalc-live{font-size:10px;letter-spacing:.12em;color:#a2d3c9;font-weight:800}.timecalc-dot{display:inline-block;width:7px;height:7px;background:#9cf3d4;border-radius:50%;margin-inline-end:7px;box-shadow:0 0 12px #91f4d8;animation:calcPulse 3s ease-in-out infinite}.timecalc-star{font-size:23px;color:#a0e6d6}.timecalc-empty{text-align:center;display:flex;flex:1;min-height:280px;flex-direction:column;align-items:center;justify-content:center}.timecalc-orb{width:144px;height:144px;position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid #95e5d380;background:radial-gradient(circle at 35% 30%,#9fffe455,#3cbca52b 42%,#163d4000 70%);box-shadow:0 0 70px #47d8b433,inset 0 0 35px #69e0c338;animation:calcFloat 7s ease-in-out infinite}.timecalc-orb i{position:absolute;inset:13px;border:1px solid #c1fff54a;border-radius:50%;animation:calcPulse 4s ease-in-out infinite}.timecalc-orb b{font-size:42px;color:#baf5e4;font-weight:400}.timecalc-empty h3{font-size:23px;margin:25px 0 7px}.timecalc-empty p{font-size:13px;line-height:1.6;color:#a9c7c2;margin:0;max-width:270px}.timecalc-result-title{font-size:14px;color:#b7dcd4;margin:6px 0 4px;font-weight:600}.timecalc-value{font-size:clamp(46px,5.3vw,74px);font-weight:700;letter-spacing:-.055em;line-height:1.15;direction:ltr;text-align:start;overflow-wrap:anywhere;color:#c1fae8}.timecalc-annual{font-size:13px;color:#a9d1c8;margin:6px 0 0;line-height:1.5}.timecalc-flow{margin-top:35px}.timecalc-flow-row{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:13px;align-items:start;padding:0 0 24px;font-size:13px;line-height:1.4}.timecalc-flow-row:not(:last-child):before{content:"";position:absolute;inset-inline-start:6px;top:10px;bottom:0;border-inline-start:1px solid #69b3a780}.flow-node{position:relative;width:13px;height:13px;margin-top:3px;background:#173d3d;border:2px solid #7acdbb;border-radius:50%;box-shadow:0 0 12px #83e6cc4d}.flow-final .flow-node{background:#a2f3d9;box-shadow:0 0 18px #a2f3d9;animation:calcPulse 3s ease-in-out infinite}.timecalc-flow-row small{display:block;margin-top:3px;color:#9abfb7;font-size:11px}.timecalc-flow-row strong{font-size:14px;direction:ltr;color:#eafff8;white-space:nowrap}.flow-final{padding-bottom:0;color:#bcf7e2;font-weight:700}.timecalc-result-bottom{margin-top:auto}.timecalc-disclaimer{color:#a1beb8;font-size:11px;line-height:1.7;margin:0 0 20px}.timecalc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.timecalc-actions button{border:0;border-radius:99px;background:#b9f0dc;color:#103c34;padding:14px 19px;font-size:12px;font-weight:800;cursor:pointer}.timecalc-actions button:hover{background:#d1ffed}.timecalc-actions a{color:#c6e3db;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.timecalc :focus-visible{outline:3px solid #8ee4d0;outline-offset:3px}.timecalc [hidden]{display:none!important}.is-negative .timecalc-value{color:#ffddc2}@keyframes calcBreathe{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.7}to{transform:translate3d(3%,-3%,0) scale(1.08);opacity:1}}@keyframes calcFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.04)}}@keyframes calcPulse{0%,100%{opacity:.6}50%{opacity:1}}@media(max-width:900px){.timecalc-wrap{width:calc(100% - 64px)}.timecalc-form,.timecalc-result{padding:32px}.timecalc-field{grid-template-columns:minmax(0,1fr) 82px 28px}}@media(max-width:680px){.timecalc{padding:76px 0 84px}.timecalc-wrap{width:calc(100% - 32px)}.timecalc-heading{margin-bottom:30px}.timecalc-heading h2{font-size:clamp(38px,10vw,52px)}.timecalc-heading p{font-size:14px}.timecalc-shell{grid-template-columns:1fr;border-radius:20px}.timecalc-form,.timecalc-result{padding:25px 21px}.timecalc-card-head h3{font-size:21px}.timecalc-field{grid-template-columns:minmax(0,1fr) 94px 25px}.timecalc-field label{font-size:13px}.timecalc-empty{min-height:235px}.timecalc-orb{width:112px;height:112px}.timecalc-value{font-size:48px}.timecalc-actions button{flex:1}.timecalc-flow-row strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.timecalc-glow,.timecalc-orb,.timecalc-orb i,.timecalc-dot,.flow-final .flow-node{animation:none}}