html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}
body,html{height:100%;margin:0;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;font-family:'Roboto',sans-serif}
.wrapper{display:flex;flex-direction:column;align-items:center}
.container{text-align:center;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 6px 12px rgba(0,0,0,0.1);max-width:95%;margin:10px}
.logo{display:flex;text-align:center;padding-bottom:30px}
.logo img{width:250px}
h1{font-size:24px;color:#333;margin-bottom:30px}
#startButton{display:flex;justify-content:center;align-items:center;width:100%;margin:20px 0;background-color:#007bff;color:#fff;border:none;padding:15px 20px;font-size:16px;border-radius:50px;cursor:pointer;transition:background-color .3s ease;text-align:center}
#startButton:hover{background-color:#0056b3}
#startButton[disabled]{background-color:#ababab}
.icon{width:32px;height:32px;margin-right:10px}
.message-big{font-size:26px;color:#333}
.message{font-size:20px;color:#333;margin-top:20px}
.message-small{font-size:12px;color:#333;margin-top:20px}
.bold{font-weight:700}
.message-row{display:flex;align-items:center;text-align:left}
.round{position:relative;margin-right:20px}
.round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:28px;left:0;position:absolute;top:0;width:28px}
.round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:7px;opacity:0;position:absolute;top:8px;transform:rotate(-45deg);width:12px}
.round input[type="checkbox"]{visibility:hidden}
.round input[type="checkbox"]:checked + label{background-color:#66bb6a;border-color:#66bb6a}
.round input[type="checkbox"]:checked + label:after{opacity:1}
iframe{border:0;width:100%;height:54px}
.container.client{background:#1E1E1E}
.container.client h1,.container.client .message-small{color:#fff}