.auth-container{position:relative;border:2px solid var(--primary-color);overflow:hidden}@media (max-width:1024px){.auth-container{margin:.5rem}}.auth-container .curved-shape1{position:absolute;right:0;top:-5px;height:700px;width:1000px;background:var(--primary-color);transform:rotate(10deg) skewY(40deg);transform-origin:bottom right;transition:.5s ease;transition-delay:.6s}@media (max-width:1024px){.curved-shape1,.curved-shape2{display:none}}.auth-container.active .curved-shape1{transform:rotate(0deg) skewY(0deg);transition-delay:.2s}.auth-container .curved-shape2{position:absolute;left:200px;top:130%;height:1000px;width:1015px;background:#fff;border-top:3px solid var(--primary-color);transform:rotate(0deg) skewY(0deg);transform-origin:bottom left;transition:.5s ease;transition-delay:.2s}.auth-container.active .curved-shape2{transform:rotate(-10deg) skewY(-43deg);transition-delay:.5s}.auth-container .form-box{position:absolute;top:0;width:50%;height:100%;display:flex;justify-content:center;flex-direction:column}.form-box.active{opacity:1;z-index:10}@media (max-width:1024px){.auth-container .form-box{width:98%}}.form-box.Login{left:0;padding:0 40px}@media (max-width:1024px){.form-box.Login .relative{margin:0 auto}}.form-box.Login .animation{transform:translateX(0);transition:.2s;opacity:1;transition-delay:calc(.05s * var(--S))}@media (max-width:1024px){.form-box.Login .animation{left:0;width:-webkit-fill-available}}.auth-container.active .form-box.Login .animation{transform:translateX(-120%);transition:.2s;opacity:0;transition-delay:calc(.05s * var(--D))}.form-box.Register{right:0;padding:0 40px}@media (max-width:1024px){.form-box.Register .relative{margin:0 auto}}.form-box.Register .animation{transform:translateX(120%);transition:.2s ease;opacity:0;filter:blur(10px);transition-delay:calc(.05s * var(--S))}@media (max-width:1024px){.form-box.Register .animation{left:0;width:-webkit-fill-available}}.auth-container.active .form-box.Register .animation{transform:translateX(0);opacity:1;filter:blur(0);transition-delay:calc(.05s * var(--li))}.form-box .input-box{position:relative;width:100%;height:50px;margin-top:15px}.input-box input{width:100%;height:100%;background:transparent;outline:none;font-size:16px;color:#000;font-weight:600;border:none;border-bottom:2px solid #000;padding-right:23px;transition:.2s}.input-box input:focus,.input-box input:valid{border-bottom:2px solid var(--primary-color)}.input-box label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;color:#000;transition:.2s}.input-box input:focus~label,.input-box input:valid~label{top:5px;color:var(--primary-color)}.input-box i{position:absolute;top:50%;right:0;font-size:18px;transform:translateY(-50%);transition:.5s}.input-box input:focus~i,.input-box input:valid~i{color:var(--primary-color)}.regi-link{font-size:14px;text-align:center;margin:20px 0 10px}.regi-link a{color:var(--primary-color);text-decoration:none;font-weight:600}.regi-link a:hover{text-decoration:underline}.info-content{position:absolute;height:100%;width:50%;display:flex;justify-content:center;flex-direction:column}@media (max-width:1024px){.info-content{display:none}}.info-content.Login{right:-1%;text-align:right;padding:0 40px 60px 150px}.info-content.Login .animation{transform:translateX(0);transition:.7s ease;transition-delay:calc(.05s * var(--S));opacity:1;filter:blur(0)}.auth-container.active .info-content.Login .animation{transform:translateX(120%);transition-delay:calc(.05s * var(--D));opacity:0;filter:blur(10px)}.info-content.Register{text-align:left;padding:0 150px 60px 40px;pointer-events:none}.info-content.Register .animation{transform:translateX(-120%);transition:.7s ease;opacity:0;filter:blur(10px);transition-delay:calc(.05s * var(--S))}.auth-container.active .info-content.Register .animation{transform:translateX(0);opacity:1;filter:blur(0);transition-delay:calc(.05s * var(--li))}.info-content p{font-size:12px}