.pi-container{max-width:400px;margin:50px auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}.pi-title{text-align:center;margin-bottom:20px}label{display:block;margin-bottom:5px;color:#333}.pi-input{width:100%;padding:10px 0 10px 1px;margin-bottom:15px;border:1px solid #ccc !important;border-radius:3px}button{display:block;width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:3px;cursor:pointer}button:hover{background-color:#45a049}.result{text-align:center}