.container{max-width:500px;margin:50px auto;padding:30px;background:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px rgb(0 0 0 / .1);font-family:Arial,sans-serif;text-align:center;border:7px solid #cece8d}@media (max-width:768px){.container{max-width:100%;width:95%}}.title{color:#333;margin-bottom:30px;font-size:28px;font-weight:700}.input-group{margin-bottom:25px}.input-label{display:block;margin-bottom:10px;font-size:18px;color:#555;font-weight:500}.input-field{width:200px;padding:12px;font-size:16px;border:2px solid #ddd;border-radius:5px;text-align:center;outline:none;transition:border-color 0.3s}.input-field:focus{border-color:#007bff}.calculate-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;font-size:18px;border-radius:5px;cursor:pointer;transition:background 0.3s;margin:10px 0}.calculate-btn:hover{background:#0056b3}.result{margin-top:30px;padding:20px;background:#fff;border-radius:8px;border-left:4px solid #28a745;min-height:50px;display:flex;align-items:center;justify-content:center}.result-text{font-size:20px;color:#333;font-weight:600}.error{color:#dc3545;font-size:16px;margin-top:10px}