.jub-wrapper{max-width:800px;margin:40px auto;background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.jub-progress-wrap{margin-bottom:30px}.jub-bar{height:8px;background:#F8CC48;border-radius:10px;width:25%;transition:width 0.4s}#jubText{text-align:center;margin-top:10px;color:#666;font-weight:600}.jub-step{display:none}.jub-step.active{display:block;animation:fadeIn 0.4s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jub-char{text-align:center;font-size:80px;margin-bottom:20px}.jub-step h2{color:#000;font-size:28px;margin-bottom:15px;font-weight:700}.jub-step p{color:#555;font-size:16px;line-height:1.6;margin-bottom:25px}.jub-step p strong{color:#F8CC48}.jub-step label{display:block;font-weight:600;margin:25px 0 10px;color:#000}.jub-range{width:100%;height:8px;border-radius:10px;background:#e0e0e0;outline:none;margin:15px 0;-webkit-appearance:none}.jub-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#F8CC48;cursor:pointer;border:3px solid #000}.jub-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#F8CC48;cursor:pointer;border:3px solid #000}.jub-num{padding:12px 20px;border:2px solid #F8CC48;border-radius:10px;font-size:18px;font-weight:700;width:140px;margin-right:10px}.jub-btn,.jub-btn-sec,.jub-calc-btn{padding:16px 40px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all 0.3s;margin:10px 5px}.jub-btn,.jub-calc-btn{background:#F8CC48;color:#000}.jub-btn:hover,.jub-calc-btn:hover{background:#000;color:#F8CC48;transform:translateY(-2px)}.jub-btn-sec{background:#fff;color:#000;border:2px solid #000}.jub-btn-sec:hover{background:#000;color:#fff}.jub-btns{margin-top:30px;display:flex;justify-content:space-between;gap:15px}.jub-results{display:grid;gap:20px;margin:30px 0}.jub-res{padding:25px;border-radius:10px;border-left:6px solid #F8CC48;box-shadow:0 4px 15px rgba(0,0,0,.08)}.jub-res.yellow{background:#FFF9E6;border-left-color:#F8CC48}.jub-res.blue{background:#E3F2FD;border-left-color:#2196F3}.jub-res.green{background:#E8F5E9;border-left-color:#4CAF50}.jub-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:600}.jub-val{font-size:36px;font-weight:800;color:#000;margin:10px 0}.jub-desc{font-size:14px;color:#777;margin-top:8px}.jub-contact{background:#F8CC48;padding:30px;border-radius:10px;margin:30px 0;text-align:center;border:3px solid #000}.jub-contact-icon{font-size:50px;margin-bottom:15px}.jub-contact h3{color:#000;margin-bottom:15px;font-size:24px}.jub-contact p{color:#000;margin-bottom:20px;font-size:16px}.jub-contact-btn{display:inline-block;background:#000;color:#FFF;padding:16px 40px;border-radius:10px;text-decoration:none;font-weight:700;font-size:18px;transition:all 0.3s}.jub-contact-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.jub-note{margin-top:30px;padding:15px;background:#FFF3CD;border-left:4px solid #F8CC48;border-radius:10px;text-align:center}@media (max-width:768px){.jub-wrapper{padding:20px;margin:20px}.jub-char{font-size:60px}.jub-step h2{font-size:24px}.jub-btns{flex-direction:column}.jub-btn,.jub-btn-sec{width:100%}}