.signin{background-color:#1f1b2f;display:grid;grid-template-columns:76vw 24vw}.signin .left{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:auto;position:relative;width:76vw}.signin .left::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);width:17px}.signin .left::-webkit-scrollbar{width:17px}.signin .left::-webkit-scrollbar-thumb,.signin .left:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.signin .left .logo{background-image:url(/static_files/logo3.webp);background-size:180px 40px;cursor:pointer;display:inline-block;height:40px;left:0;padding:20px;position:absolute;top:0;width:180px;z-index:1}.signin .left .bg{background-image:url(/static_files/63a40c55702e6.jpg);background-size:cover;height:calc(100vh - 333px);width:100%}.signin .left .advantages{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr)}.signin .left .advantages .item{padding:40px}.signin .left .advantages .item img{display:block;height:100px;width:100px}.signin .left .advantages .item strong{color:#fff;display:block;font-size:2rem;margin:20px 0}.signin .left .advantages .item p{color:#f2f2f2;font-size:1.6rem}.signin .left .footer{background-color:#100e19}.signin .left .footer a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.signin .left .footer img{vertical-align:middle}.signin .right{align-items:center;background-color:#100e19;bottom:0;color:#f2f2f2;display:grid;grid-template-rows:repeat(3,1fr);height:100vh;overflow-y:auto;padding:40px;position:fixed;right:0;top:0;width:24vw}.signin .right .icon-close{background:url(/static_files/icons/close-dark.svg) 50% no-repeat;background-color:#fb2d7f;background-size:12px;border-radius:50%;cursor:pointer;display:inline-block;height:40px;opacity:.9;position:absolute;right:20px;top:20px;transition:opacity .2s ease;width:40px}.signin .right .icon-close:hover{opacity:1}.signin .right h1{font-size:2rem}.signin .right .checkboxes label{grid-gap:10px;align-items:center;display:grid;grid-template-columns:24px auto;margin:20px 0}.signin .right .checkboxes label input{background-color:#fff;border:1px solid #d2d2d2;border-radius:4px;height:20px;width:20px}.signin .right .checkboxes label span{display:inline-block;line-height:2.8rem}.signin .right .checkboxes label a{color:#fff;padding-bottom:2px}.signin .right .otp{grid-gap:12px;display:grid}.signin .right .otp label{color:hsla(0,0%,100%,.7);font-size:1.4rem}.signin .right .otp input{background-color:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;font-size:1.8rem;padding:14px 16px;transition:border-color .2s ease;width:100%}.signin .right .otp input:focus{border-color:#fb2d7f;outline:none}.signin .right .otp input:disabled{opacity:.6}.signin .right .otp #code{font-size:2.4rem;letter-spacing:8px;text-align:center}.signin .right .otp button[type=submit]{background-color:#fb2d7f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:700;padding:14px 16px;transition:opacity .2s ease}.signin .right .otp button[type=submit]:hover{opacity:.9}.signin .right .otp button[type=submit]:disabled{cursor:default;opacity:.4}.signin .right .otp .sent{color:hsla(0,0%,100%,.7);font-size:1.5rem;line-height:2.2rem}.signin .right .otp .sent b{color:#fff}.signin .right .otp .sent a{color:#fb2d7f;margin-left:8px}.signin .right .otp .resend{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:1.4rem;padding:0}.signin .right .otp .resend:hover{color:#fff}.signin .right .otp .resend-in{color:hsla(0,0%,100%,.5);font-size:1.4rem}.signin .right .socials{margin-top:12px;text-align:center}.signin .right .socials strong{color:hsla(0,0%,100%,.7);display:block;font-size:1.4rem;font-weight:400;margin-bottom:16px}.signin .right .socials .items{grid-gap:15px;display:grid;grid-template-columns:repeat(2,80px);justify-content:center}.signin .right .socials .items .item{align-items:center;background-color:hsla(0,0%,100%,.12);border-radius:4px;cursor:pointer;display:grid;height:50px;justify-items:center;transition:all .2s ease;width:80px}.signin .right .socials .items .item:hover{border:1px solid #fb2d7f}.signin .right .socials .items .item img{height:24px;width:24px}