.auth{display:flex;align-items:center;justify-content:center;height:100dvh;background:radial-gradient(circle,#350a69 0,#120324 100%);color:#fff;position:relative;overflow:hidden;z-index:0}.auth:after{content:"";position:absolute;bottom:-55vh;left:50%;transform:translateX(-50%);width:85vh;height:85vh;border-radius:50%;background:linear-gradient(90deg,#2d62ed,#d9d9d9);z-index:-2;filter:blur(250px)}.login-container{padding:clamp(1rem,2vw,1.5rem);margin:0;display:flex;flex-direction:column;width:min(100%,960px);min-height:100%;height:auto;overflow:visible}.login-box-container{display:flex;flex-direction:column;align-items:center}.login-box-border-container{position:relative;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,#5a4883,#6d6ca2);background-clip:padding-box;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3vw,2.25rem);max-width:512px;height:100%;text-align:left}.spacer{flex-grow:1}.login-box-border-container:after{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;background:linear-gradient(180deg,rgba(215,182,255,.7) 5%,hsla(0,0%,74%,.3) 95%);content:"";z-index:-1;border-radius:12px}h2{font-size:24px;margin-bottom:14px}p{font-size:14px;opacity:.8}.input-group{text-align:left}.input-group label{display:block;font-size:14px;margin-bottom:7px}.input-group input{height:40px;width:100%;padding:12px;border:none;border-radius:8px;background:hsla(0,0%,100%,.2);color:#fff;outline:none;font-size:14px}.password-wrapper{height:40px}.password-wrapper input{border-radius:8px 0 0 8px}.password-wrapper button{width:40px;height:100%;border:none;border-radius:0 8px 8px 0;background:hsla(0,0%,100%,.2);color:#fff;outline:none}.btn{width:110px;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.3s ease;height:40px}.btn:hover{background:#5e1cce}.button-container{display:flex;justify-content:space-between;align-items:flex-end}.hyperlink{font-size:14px;opacity:.8;color:#e1d0ff;text-decoration:none}.login-container-spacer,.logo-container{flex-grow:2;flex-basis:100%}.logo-container{display:flex;width:100%;justify-content:end;align-items:center;flex-direction:column}.logo{width:auto;margin-bottom:clamp(1rem,4vh,2.5rem)}.login-logo-image{width:clamp(12rem,24vw,24rem);height:auto;max-width:100%}@media(max-height:768px)and (min-width:1024px){.logo{position:absolute;width:auto;height:auto;margin:0;left:1rem;top:1rem;transform:none}.login-logo-image{width:10rem;height:auto}}@media(max-height:636px)and (max-width:1024px){.logo{display:none}}