.loginContainer{height:100vh;padding:25px;position:relative;overflow:hidden}.loginContainer img{object-fit:cover;border-radius:30px;width:100%;height:100%}.loginCard{width:542px}.loginCard .logo{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.loginCard h1.loginTitle{font-family:var(--font-spacegrotesk),sans-serif;background:linear-gradient(#5800fa 0%,#9f5afd 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:35px;font-size:34px;font-weight:600;line-height:40px}.loginCard .form-label{color:#292a2e;font-size:16px;font-weight:500}.loginCard .form-control{color:#999;border:1px solid #000;border-radius:6px;padding:10px 15px;font-size:18px;transition:border-color .2s,box-shadow .2s}.loginCard .form-control:focus{box-shadow:none;border-color:#5800fa}.loginCard .form-control::placeholder{color:#999}.loginCard .login-btn{margin:20px auto 40px}.loginCard .divider{text-align:center;color:#292a2e;align-items:center;margin-bottom:30px;font-size:20px;display:flex}.loginCard .divider:before,.loginCard .divider:after{content:"";border-bottom:3px solid #292a2e;flex:1}.loginCard .divider span{padding:0 15px}.loginCard .social-btn{cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;margin-bottom:30px;transition:all .2s;display:flex;box-shadow:0 10px 20px rgba(0,0,0,.25)}.loginCard .social-btn:hover{transform:translateY(-2px)}.loginCard .signup-text{text-align:center;color:#292a2e;font-size:20px}.loginCard .signup-text .signup-link{color:#5800fa;cursor:pointer;text-decoration:none}.loginCard .signup-text .signup-link:hover{text-decoration:underline}.gAuthProvider{transition:all .3s ease-in-out}.gAuthProvider .googleAuth{opacity:0;width:100%;height:100%;position:absolute;overflow:hidden}.gAuthProvider .googleAuth div{max-height:60px;height:100%!important}.gAuthProvider .googleAuth iframe{height:60px!important;top:-50px!important}.gAuthProvider:hover{transform:translateY(-2px)}@media (max-width:991px){.loginContainer{height:auto}.loginCard{padding:50px 30px}}@media (max-width:575px){.loginCard{padding:30px 15px}.loginCard .logo img{width:180px;height:60px}.loginCard h1.loginTitle{margin-bottom:25px}.loginCard .form-label,.loginCard .form-control{font-size:14px}.loginCard .login-btn{border-radius:40px;margin:20px auto 30px;padding:12px 40px;font-size:16px;font-weight:500}.loginCard .social-btn img{width:40px;height:40px}.loginCard .divider,.loginCard .signup-text{font-size:16px}}