*{margin:0;padding:0;box-sizing:border-box}.app{display:flex}.panel{position:fixed;top:0;right:0;width:450px;height:100%;background:#1e1e1e;box-shadow:-2px 0 5px rgba(0,0,0,.2);color:#fff;padding:20px;border:1px solid #ddd;overflow-y:scroll}.panel h2{margin-bottom:10px;color:orange;text-align:center}label{display:block;margin-bottom:15px;font-weight:600;text-align:left}input[type=text],select{width:100%;margin-top:5px;padding:10px;border-radius:5px;border:1px solid #ddd;background:#fff;font-weight:500;outline:none}input[type=text]:focus,select:focus{border-color:orange;box-shadow:0 0 15px rgba(255,165,0,.5)}.input-group:focus-within i{color:orange}.button-group{display:flex;justify-content:center;gap:10px;margin:20px 0}button{letter-spacing:.5px;padding:10px 6px;background-color:orange;color:#fff;text-transform:uppercase;border:2px solid #fff;font-weight:600;border-radius:10px;transition:all .3s ease}button:hover{background-color:#fff;color:orange}.signature-container{display:flex;justify-content:center;align-items:center;flex:1;margin-right:750px;margin-top:-100px}.signature-block{flex:1}.input-group{position:relative;width:100%;margin-bottom:15px}.input-group i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:grey;font-size:18px;border-right:1px solid #ccc;padding-right:10px;margin-top:3px;margin-left:5px}.input-group input,.input-group select{width:100%;padding:10px 10px 10px 45px;border-radius:5px;font-weight:500;margin-left:5px}button.actif{background:#fff;color:#41b883;border:2px solid #41b883}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}