.w2p-calculator{max-width:600px;margin:35px auto;padding:30px;border:none;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .1);background-color:#fff}.w2p-calculator label{display:block;margin-top:10px}.w2p-calculator-options{margin-bottom:25px}.w2p-calculator input[type="number"],.w2p-calculator select{width:200px;font-size:17px;padding:15px 20px;border-radius:10px;margin-bottom:10px;border:1px solid #ddd;-moz-appearance:none;-webkit-appearance:none;appearance:none}.w2p-calculator select{background:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;background-size:12px;padding-right:30px;width:300px}.w2p-calculator input[type="number"]::-webkit-outer-spin-button,.w2p-calculator input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.w2p-calculator input[type="number"]{-moz-appearance:textfield}.w2p-calculator textarea{display:block;margin-bottom:10px;padding:5px;padding:15px 28px;border-radius:5px;font-size:17px;width:100%}.w2p-calculator button{background-color:#f63;color:#fff;border:none;padding:15px 35px;cursor:pointer;border-radius:25px;font-size:17px;clear:both;display:block;margin-top:10px;transition:background-color 0.3s ease}.w2p-calculator-button:hover{background-color:#f93}#result,#kdpResult{margin-top:20px;font-weight:700}.w2p-calculator .result-box{background-color:#f0f8ff;border:none;border-radius:15px;padding:20px;margin-top:30px;font-size:18px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.w2p-calculator .result-box h3{margin-top:0;color:#4682b4}.w2p-calculator .result-value{font-size:24px;font-weight:700;color:#2e8b57}.hidden,.result-box{display:none}.twp-attribution{text-align:right;color:#666;margin-top:20px;max-width:600px}.result-box.show{display:block}.progress-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(#4682b4 0deg,#f0f8ff 0deg);display:flex;align-items:center;justify-content:center;margin:20px auto}.progress-circle::before{content:attr(data-value) '%';width:130px;height:130px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;color:#4682b4}