body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}
body:before{width:380px;height:380px;left:-170px;top:38%;background:#d9e0ff80}
body:after{width:300px;height:300px;right:-140px;top:12%;background:#eadcff80}
.hero{position:relative}.hero:after{content:"";position:absolute;left:5%;top:2px;width:100px;height:100px;border:1px solid #899af533;border-radius:30px;transform:rotate(18deg);pointer-events:none}
.card{backdrop-filter:blur(8px)}.next{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.next:hover{transform:translateY(-3px);box-shadow:0 13px 25px #5267df55;filter:saturate(1.15)}.next:active{transform:translateY(0)}
.result{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fbfcff 55%,#f1f3ff 100%);border-color:#dfe5ff;animation:resultIn .65s cubic-bezier(.2,.8,.2,1)}
@keyframes resultIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
.result:before{content:"";position:absolute;width:420px;height:420px;top:-280px;left:50%;transform:translateX(-50%);border-radius:50%;background:#e6eaff;opacity:.52}.result>*{position:relative;z-index:1}
.result-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:#edf8f3;color:#25996e;font-size:12px;font-weight:700;margin-bottom:17px}.result-badge span{font-size:15px}.result-kicker{font-size:14px;color:#66758b}
.price{font-variant-numeric:tabular-nums;text-shadow:0 7px 20px #5267df24;min-height:92px;display:flex;align-items:center;justify-content:center}.price-label{font-weight:600;color:#526174;margin-top:-8px}.price-caption{color:#5c6fea;font-size:13px;font-weight:700;margin-top:8px}
.range{display:inline-block;background:#f1f3fa;border-radius:99px;padding:9px 15px;margin:20px 0 24px}.stats{width:min(680px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 25px}.stats div{background:#fff;border:1px solid #e6e9f2;border-radius:15px;padding:14px 8px;box-shadow:0 6px 20px #3142680a}.stats b{display:block;color:#263850;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats span{display:block;color:#8a95a4;font-size:11px;margin-top:6px}
.meter-label{display:flex;justify-content:space-between;width:min(410px,90%);margin:auto;color:#7a8695;font-size:11px}.meter-label b{color:var(--blue);font-size:12px}.meter{margin:9px auto 0;height:9px}.meter div{width:0!important;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.again{margin-top:27px}.again span{margin-right:7px;font-size:17px}
.sparkles i{position:absolute;display:block;width:7px;height:7px;background:#788cff;border-radius:2px;transform:rotate(45deg);animation:floatSparkle 2.8s ease-in-out infinite}.sparkles i:nth-child(1){right:18%;top:18%;animation-delay:.2s}.sparkles i:nth-child(2){right:11%;top:36%;width:5px;height:5px;background:#a885ff;animation-delay:1.2s}.sparkles i:nth-child(3){left:14%;top:23%;width:6px;height:6px;background:#4bc5a0;animation-delay:.8s}.sparkles i:nth-child(4){left:20%;top:43%;width:4px;height:4px;background:#f0b95b;animation-delay:1.8s}.sparkles i:nth-child(5){right:28%;top:11%;width:4px;height:4px;background:#f28ca9;animation-delay:1.5s}
@keyframes floatSparkle{0%,100%{opacity:.25;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(-10px) rotate(135deg)}}
@media(max-width:620px){.hero:after{left:auto;right:0;opacity:.5}.result{padding:38px 17px}.price{font-size:clamp(39px,12vw,66px)}.stats{gap:6px}.stats div{padding:12px 4px}.stats b{font-size:11px}.stats span{font-size:10px}}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,230px));gap:16px;max-width:500px}.field-grid input{width:100%}.warning-toggle:has(input:checked){border-color:#efb1b1;background:#fff4f4}.warning-toggle input:checked+span{background:#df5656}
.dependent-field{margin-top:20px}.step select:disabled{color:#9aa3af;background:#f5f6f8;cursor:not-allowed}
.stats{grid-template-columns:repeat(4,1fr)}.calculation{width:min(680px,100%);margin:24px auto 0;text-align:right;background:#f8f9fc;border:1px solid #e8ebf2;border-radius:18px;padding:20px}.calculation h3{font-size:15px;margin:0 0 14px}.formula-location{font-weight:700;color:#33445a;margin-bottom:7px}.formula-line{direction:rtl;color:#53647a;font-size:13px}.formula-note{display:inline-block;margin-top:9px;padding:5px 10px;border-radius:8px;background:#eef1ff;color:#5267c8;font-size:11px}.deductions{margin-top:15px;border-top:1px solid #e1e5ed;padding-top:8px}.deduction{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;font-size:12px;color:#586779}.deduction b{color:#d44d5c}.deduction.empty{color:#258562}.warnings{margin:12px 0 0;padding:10px 28px 10px 10px;background:#fff8e8;border:1px solid #f4dfad;border-radius:10px;color:#8b6a27;font-size:11px;line-height:1.9}
@media(max-width:620px){.field-grid{grid-template-columns:1fr}.calculation{padding:16px}.deduction{align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr)}}
