*,*::after,*::before{box-sizing:border-box;}
.error{color:#BB0000;margin:20px 0 0 0;}
.success{display:none;text-align:center;margin:50px 0 0 0;}
.premium{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.premium .left{flex:0 0 50%;max-width:570px;margin-left:auto;padding-left:5px;}
.title,.premium-footer{text-align:center;}
.title{font-size:40px;font-weight:700;line-height:50px;letter-spacing:0em;color:#333333;}
.premium .left .desc{font-size:16px;font-weight:400;line-height:25px;letter-spacing:0em;color:#4F4F4F;margin-top:12px;}
.premium .left .title.title-2{margin-top:12px;}
.premium .left .sign-up{margin-top:24px;}
.premium .left .sign-up .input{width:100%;padding:15px;font-size:20px;font-weight:400;letter-spacing:0em;border:2px solid#E0E0E0;border-radius:16px;outline:none;}
.premium .left .sign-up .input+.input{margin-top:10px;}
.i-button{margin-top:40px;width:calc(100%-6px);font-size:24px;color:#333333;}
.i-button span{width:100%;}
.premium-footer{font-size:16px;font-weight:400;color:var(--primary-color);margin-top:50px;}
.premium-footer a{text-decoration:underline;}
.premium-footer ul{margin:0;padding:0;}
.premium-footer ul>li{list-style:none;display:inline;}
.premium-footer ul>li::before{content:"•";margin:0 10px;}
.premium-footer ul>li:first-child:before{content:"";margin:0;}
.premium .right{flex:0 0 50%;position:relative;display:flex;flex-direction:column;}
.logo-container{text-align:center;margin-top:10px;}
.logo-container a{display:inline-block;width:43%;margin-left:5%;}
.robot-container{position:relative;flex:1;}
.premium .right .robot{position:absolute;max-width:58%;max-height:530px;bottom:8%;left:55%;transform:translateX(-50%);}
.premium .right .robot-back{bottom:3%;max-width:95%;width:100%;max-height:530px;position:absolute;right:0;}
.password{display:flex;margin-top:12px;column-gap:27px;}
.premium .left .sign-up .password .input+.input{margin-top:0;}
.ack{color:#000;margin-top:20px;}
.ack a{text-decoration:underline;}
.i-button+.i-button{margin:0;}
.face-btn{position:relative;display:inline-block;vertical-align:middle;text-align:center;margin:0;font-size:20px;border-radius:16px;color:#fff;text-transform:unset;text-decoration:none!important;outline:0!important;box-sizing:border-box;transition:200ms;animation:all .1s;background-color:#1877F2;border:3px solid#1877F2;width:100%;margin-top:35px;display:flex;align-items:center;justify-content:center;padding:16px 45px;}
.face-btn span{display:inline-block;border-radius:12px;background:#1877F2;box-sizing:border-box;}
.face-btn img{margin-right:10px;width:24px;height:24px;}
.face-btn:hover{color:#fff;}
.separator{display:flex;align-items:center;text-align:center;margin-top:35px;color:#828282;}
.separator::before,.separator::after{content:'';flex:1;border-bottom:1px solid#F2F2F2;}
.separator:not(:empty)::before{margin-right:25px;}
.separator:not(:empty)::after{margin-left:25px;}
@media(max-width:959px){.premium{flex-direction:column-reverse;padding:40px 0;position:unset;transform:unset;top:unset;}
.premium .left{width:90%;margin:0 auto;padding:0;}
.premium .right .robot-back{position:relative;max-height:unset;}
.premium .right .robot{left:50%;max-height:unset;}
.logo-container a{margin-left:0;}
.robot-container{text-align:right;margin:50px 0 20px;}
.i-button{margin:0;margin-top:20px;}
.password{flex-direction:column;}
.premium .left .sign-up .password .input+.input{margin-top:12px;}
.separator{display:none;}}
@media(max-width:639px){.premium .left .title{font-size:30px;}
.premium .left .desc{font-size:15px;}
.logo-container a{width:48%;}
.face-btn{padding:12px 23px;font-size:18px;}
.premium .left .sign-up .input{font-size:16px;}
.premium-footer.mobile{display:none;}
.ack{font-size:15px;}}::placeholder{color:#BDBDBD;}