*,h2,h4,h5{margin:0}.site-btn,h2,h4,h5{font-weight:500;color:#20509e}#preloder,.site-btn::before{top:0;width:100%;height:100%}.loader,.modal{left:50%;top:50%}.modal,.register_wrapper{backdrop-filter:blur(4px)}*{box-sizing:border-box;padding:0;font-family:Arial,Helvetica,sans-serif}body,html{height:100%;-webkit-font-smoothing:antialiased}#preloder{position:fixed;left:0;z-index:999999;background:#fff}.loader{width:40px;height:40px;position:absolute;margin-top:-13px;margin-left:-13px;border-radius:60px;animation:.8s linear infinite loader;-webkit-animation:.8s linear infinite loader}.register_wrapper,.register_wrapper .user-box{position:relative}@keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0);border:4px solid #f44336;border-left-color:transparent}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border:4px solid #673ab7;border-left-color:transparent}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);border:4px solid #f44336;border-left-color:transparent}}.register-section{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url('../../public/img/hero-bg.png');background-size:cover;background-color:#f3f7f9;background-position:right top;background-repeat:no-repeat}.register_wrapper{margin:50px;padding:50px 30px;width:400px;min-height:400px;border-radius:10px;border:.2px solid #20509e;background:rgba(230,233,237,.8)}.register_wrapper .login_text{font-size:36px}.additional-buttons,.register_wrapper form{margin-top:20px}.register_wrapper .user-box input,.register_wrapper .user-box select{width:100%;padding:10px 0;font-size:16px;color:#20509e;margin-bottom:30px;border:none;border-bottom:1px solid #20509e;background:0 0}.register_wrapper .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#20509e;pointer-events:none;transition:.5s}.register_wrapper .user-box input:focus~label,.register_wrapper .user-box input:valid~label{top:-23px;left:20px;font-size:12px}.register_wrapper .user-box input:focus-visible{outline:0}.register_wrapper .user-box select:focus-visible{outline:0}.password-toggle{margin-top:10px;border:none;position:absolute;right:10px;background:0 0}.password-toggle img{width:16px}.site-btn{position:relative;display:inline-block;padding:15px 30px;font-size:18px;line-height:16px;border-radius:50px;font-family:Futura,sans-serif;min-width:150px;text-align:center;border:2px solid #7ad4cc;cursor:pointer;overflow:hidden;transition:.4s}.site-btn:hover{background:linear-gradient(90deg,#7ad4cc,#20509e);color:#fff}.site-btn::before{content:'';position:absolute;left:-100%;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewX(-45deg);transition:left .4s;z-index:1;pointer-events:none}.site-btn:hover::before{left:110%;transition:left .4s}.site-btn span{position:relative;z-index:2}.modal{display:none;position:fixed;z-index:1;transform:translate(-50%,-50%);width:330px;height:100px;border-radius:10px;border:.2px solid #20509e;background:rgba(230,233,237,.8);overflow:hidden;justify-content:center;align-items:center}.modal-content{background:0 0;margin:15% auto;padding:20px;width:80%;color:red}.close{position:absolute;right:20px;top:5px;color:#aaa;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.additional-buttons p{color:#20509e;font-size:14px}.additional-buttons a{color:#7ad4cc;font-size:14px;transition:.4s}.additional-buttons a:hover{color:#20509e}.btn-link{margin-bottom:15px}.btn-logout{margin:10px 0 20px;color:#7ad4cc;font-size:14px}.remember-me{margin-bottom:18px}