@media all{body{font-family:Arial,sans-serif;background-color:#f3f3f3;margin:0;padding:0;box-sizing:border-box}.calculator{width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h3{color:#3655b3;font-size:24px;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{font-weight:700;display:block;margin-bottom:5px}.input-group input{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px}.btn{background-color:#3655b3;color:#fff;padding:10px 15px;font-size:16px;border:none;border-radius:4px;width:100%;cursor:pointer}.btn:hover{background-color:#2a478f}.result{margin-top:20px;text-align:center;padding:10px;border-radius:5px;background-color:#f1f1f1;border:1px solid #ddd}.progress-bar{width:0;height:10px;background-color:#4caf50;transition:width 0.3s}@media (max-width:480px){.calculator{padding:10px}.btn{font-size:18px;padding:12px}.input-group input{font-size:16px;padding:12px}h3{font-size:20px}}}