.auth-page{border-radius:20px;background:#1d1d1d;width:615px;padding:70px;margin:100px auto 200px}@media(max-width:991px){.auth-page{margin:50px auto 90px}}@media(max-width:767px){.auth-page{margin:30px auto 60px;width:90%;padding:40px 20px}}.auth-page .links{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px}@media(max-width:767px){.auth-page .links{gap:15px;margin-bottom:50px}}.auth-page .links a{flex:1 1;border-radius:15px;background:#272727;color:#444;font-size:40px;font-weight:500;letter-spacing:-.68px;opacity:.6;transition:.2s;text-align:center;padding:15px 10px}@media(max-width:767px){.auth-page .links a{font-size:20px}}.auth-page .links a.active{color:hsla(0,0%,100%,0);-webkit-text-stroke-color:#b58e53;-webkit-text-stroke-width:1px;border-radius:15px;box-shadow:0 0 24px -10px rgba(0,0,0,.25);opacity:1}.auth-page .form-side{width:100%;margin:0 auto 50px;position:relative}@media(max-width:767px){.auth-page .form-side{margin:0 auto 50px}}.auth-page .form-side.otp-step .otp{transform:scale(1);opacity:1;visibility:visible;transition-delay:.2s}.auth-page .form-side.otp-step .button,.auth-page .form-side.otp-step .form-container{transform:scale(.8);opacity:0;visibility:hidden;transition-delay:0s}.auth-page .form-side .form-container{transition:.3s;transition-delay:.2s}@media(max-width:767px){.auth-page .form-side .form-container .input-component{width:100%!important}}.auth-page .form-side .otp{top:-20px;bottom:0;right:0;background:#1d1d1d;z-index:1;flex-direction:column;gap:30px;transform:scale(1.2);transition:.3s;opacity:0;transition-delay:0s}.auth-page .form-side .otp,.auth-page .form-side .otp .back{position:absolute;left:0;display:flex;align-items:center;justify-content:center}.auth-page .form-side .otp .back{top:0;gap:10px;color:#fff;font-size:16px;cursor:pointer}.auth-page .form-side .otp .otp-input{display:flex;align-items:center;justify-content:center;gap:15px}.auth-page .form-side .otp .otp-input input{width:50px!important;height:65px;border-radius:14px;box-shadow:none!important;outline:0!important;border:1px solid rgba(181,142,83,.71);background:#2b2929;font-size:23px;color:#fff}@media(max-width:767px){.auth-page .form-side .otp .otp-input input{width:38px!important;height:50px;font-size:18px;border-radius:10px}}.auth-page .form-side .otp p{text-align:center;color:#c5c5c5;font-size:18px}@media(max-width:767px){.auth-page .form-side .otp p{font-size:14px}}.auth-page .form-side .otp .time{color:#fff;font-size:15px;height:20px}.auth-page .form-side .button{border-radius:26px;border:1px solid #b58e53;background:#1f1e1e;width:100%;height:52px;margin-top:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:22px;font-weight:600;line-height:18px;transition:.2s;cursor:pointer;transition:.3s;transition-delay:.2s}.auth-page .form-side .button:hover{background-color:#2b2929}@media(max-width:767px){.auth-page .form-side .button{font-size:16px;height:48px}}.auth-page .social-auths{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:22px;position:relative;padding-top:50px}@media(max-width:767px){.auth-page .social-auths{flex-direction:column}}.auth-page .social-auths .line{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.auth-page .social-auths .line:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;background-color:hsla(0,0%,50%,.38)}.auth-page .social-auths .line span{color:gray;font-size:12px;background:#1d1d1d;padding:0 15px;position:relative}.auth-page .social-auths .social-auth-item{width:225px;height:68px;display:flex;align-items:center;gap:14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.15);background:#1b1b1b;padding:0 24px;cursor:pointer;transition:.2s}.auth-page .social-auths .social-auth-item:hover{background:#2c2c2c;border-color:#2c2c2c;transform:scale(.99)}@media(max-width:767px){.auth-page .social-auths .social-auth-item{width:100%;justify-content:center}}.auth-page .social-auths .social-auth-item svg{width:38px}@media(max-width:767px){.auth-page .social-auths .social-auth-item svg{width:35px}}.auth-page .social-auths .social-auth-item p{color:#fff;font-size:12px;font-weight:300}@media(max-width:767px){.auth-page .social-auths .social-auth-item p{font-size:11px;width:105px}}.auth-page .social-auths .social-auth-item p strong{font-size:16px;font-weight:500;display:block}@media(max-width:767px){.auth-page .social-auths .social-auth-item p strong{font-size:15px}}