/*body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;margin:0;padding:20px}
.container{max-width:800px;margin:0 auto;text-align:center}*/
#registrationBtn{background-color:#ff6b6b;color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:5px;cursor:pointer;transition:all .3s}
#registrationBtn:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}
#registrationModal h4{padding:10px 0;text-align: center;font-weight: 600;color: #444;}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow-y:auto}
.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:10px;box-shadow:0 5px 30px #0000004d;width:80%;max-width:700px;position:relative;animation:slideDown .4s}
@keyframes slideDown {
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
.close{position:absolute;right:20px;top:10px;font-size:28px;font-weight:700;color:#aaa;cursor:pointer}
.close:hover{color:#333}
.w50 .form-group{display:inline-block;width:45%;width:calc(100%/2 - 5px);}
.form-step{display:none}
.form-step.active{display:block;text-align:left;}
.form-group{margin-bottom:20px;text-align:left;font-size:0.875rem;font-weight:400;vertical-align:top}
.form-group.w50{display:inline-block;width:45%;width:calc(100%/2 - 5px);}
.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}
.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;font-weight:400;box-sizing:border-box}
.form-group input[type="radio"], .form-group input[type="checkbox"]{width:auto}
.form-group input:focus,.form-group select:focus{border-color:#ff6b6b;outline:none}
.radio-group,.checkbox-group{margin-bottom:15px}
.radio-group label,.checkbox-group label{display:inline-block;width:45%;width:calc(100%/3 - 5px); margin-bottom:0px;font-weight:400;cursor:pointer}
.radio-group input,.checkbox-group input{margin-right:10px}
.btn-container{display:flex;justify-content:space-between;margin-top:30px}
.btn{padding:12px 25px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:all .3s}
.btn-next{background-color:#ff6b6b;color:#fff}
.btn-next:hover{background-color:#ff5252}
.btn-prev{background-color:#6c757d;color:#fff}
.btn-prev:hover{background-color:#5a6268}
.progress-container{width:96%;height:10px;background-color:#e9ecef;border-radius:5px;margin-bottom:30px}
.progress-bar{height:100%;background-color:#ff6b6b;border-radius:5px;width:0;transition:width .3s}
.step-indicator{display:flex;justify-content:center;margin-bottom:20px}
.step{width:30px;height:30px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;margin:0 3px;color:#666;font-size:1.2rem;font-weight:700}
.step.active{background-color:#ff6b6b;color:#fff}
.step.completed{background-color:#28a745;color:#fff}
.file-upload{display:flex;flex-direction:column;gap:15px}
.file-upload-item{border:2px dashed #ddd;padding:20px;border-radius:5px;text-align:center;cursor:pointer}
.file-upload-item:hover{border-color:#ff6b6b}
.file-upload-item i{font-size:40px;color:#ff6b6b;margin-bottom:10px}
.consent-checkbox{display:flex;align-items:center;margin-bottom:20px}
.consent-checkbox input{margin-right:10px;width:auto}
.height-input{display:flex;align-items:center;gap:10px}
.height-input select{flex:1;margin:0}
.range-input{display:flex;align-items:center;gap:10px}
.range-input select{flex:1;margin:0}
.error{border-color:red!important;}

@media only screen and (max-width:767px) {
.radio-group label,.checkbox-group label{width:100%;}
.w50 .form-group{width:100%;}
.form-group.w50{width:100%;}
.height-input{display:block;}
}