.calculator-container{-webkit-backdrop-filter:blur(16px);color:#fff;background:#1c1c1c linear-gradient(135deg,#ffffff2e,#ffffff0d);border:1px solid #ffffff4d;border-radius:18px;max-width:440px;padding:35px;box-shadow:0 30px 70px #0000008c}.calculator-container h3{margin:22px 0 12px;font-size:18px;font-weight:600}.radio-group{flex-wrap:wrap;gap:18px;display:flex}.radio-group input[type=radio]{margin-right:10px;display:block}.radio-group label{cursor:pointer;background:#ffffff14;border:1px solid #ffffff73;border-radius:30px;align-items:center;padding:10px 18px;font-size:14px;transition:all .3s;display:flex}.radio-group label span{white-space:nowrap}.radio-group label:hover{background:#ffffff2e}.radio-group input[type=radio]:checked+span{color:#000;background:linear-gradient(135deg,#fbbc04,#ff9800);border-radius:20px;padding:6px 14px;box-shadow:0 6px 18px #fbbc0499}.calculator-container input[type=number]{color:#fff;background:#ffffff26;border:none;border-radius:12px;outline:none;width:100%;margin-top:14px;padding:14px 16px;font-size:15px}.calculator-container input::placeholder{color:#ffffffbf}.calculator-container button{cursor:pointer;color:#000;background:linear-gradient(135deg,#fbbc04,#ff9800);border:none;border-radius:40px;width:100%;margin-top:30px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 14px 40px #fbbc0473}.calculator-container button:hover{transform:translateY(-2px);box-shadow:0 18px 50px #fbbc04a6}.calculator-container button:active{transform:scale(.97)}.result{text-align:center;color:#ffd369;background:#00000059;border-radius:14px;margin-top:25px;padding:16px;font-size:20px;font-weight:700;animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}