.Login{background:#0f172a 50%/cover;justify-content:center;align-items:center;height:100%;min-height:100vh;display:flex}.Login .login-box{background:#1e293b;border-radius:6px;width:500px;height:fit-content;margin:30px 0;padding:20px 30px;transition:transform .5s;transform:translateZ(80px);box-shadow:0 0 12px #00c896,0 0 9px #0d89f2,0 0 15px #2563eb}@media (max-width:600px){.Login .login-box{box-shadow:none;background:0 0}}.Login .login-box h2{-webkit-text-fill-color:#0000;color:#0000;text-align:center;background:linear-gradient(135deg,#00c896,#0d89f2,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:30px}.Login .login-box form label{color:#cbd5e1;display:block}.Login .login-box form input{color:#f1f5f9;background-color:#0f172a;border:1px solid #334155;border-radius:5px;outline:none;width:100%;height:40px;padding:5px 10px}.Login .login-box form input:focus{border:1px solid #0d89f2}.Login .login-box form input::placeholder{color:#64748b}.Login .login-box form .email input{margin-bottom:15px}.Login .login-box form .password .password-cover{width:100%;position:relative}.Login .login-box form .password .password-cover button{cursor:pointer;background-color:#0000;border:none;font-size:20px;position:absolute;top:9px}.Login .login-box form .password .password-cover button svg{fill:#94a3b8}.Login .login-box form .remember-me-and-forgot-pass{justify-content:space-between;align-items:center;margin:10px 0 25px;display:flex}.Login .login-box form .remember-me-and-forgot-pass .remember-me{align-items:center;gap:4px;display:flex}.Login .login-box form .remember-me-and-forgot-pass .remember-me input{cursor:pointer;width:14.5px}.Login .login-box form .remember-me-and-forgot-pass .remember-me label{color:#94a3b8;cursor:pointer;font-size:16px}.Login .login-box form .remember-me-and-forgot-pass .forgot-pass a{color:#0ea5e9;text-decoration:none}.Login .login-box form .remember-me-and-forgot-pass .forgot-pass a:hover{color:#38bdf8}.Login .login-box form .signin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c896,#0d89f2,#2563eb);border:none;border-radius:6px;width:100%;padding:14px;transition:all .3s}.Login .login-box form .signin-btn:hover{opacity:.9}.Login .login-box form .or-divider{color:#64748b;text-align:center;margin-bottom:6px}.Login .login-box form .or-divider .line{background-color:#334155;width:100%;height:1px;margin:20px 0 5px}.Login .login-box form .signin-google-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#0d89f2,#00c896);border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;height:45px;padding:14px;text-decoration:none;display:flex}.Login .login-box form .signin-google-btn:hover{opacity:.9}.Login .login-box form .signup-section{text-align:center;margin-top:20px}.Login .login-box form .signup-section p{color:#94a3b8;display:inline-block}.Login .login-box form .signup-section a{-webkit-text-fill-color:#0000;color:#0000;background:linear-gradient(135deg,#00c896,#0d89f2,#2563eb);-webkit-background-clip:text;background-clip:text;margin:0 5px;text-decoration:none}.Login .error-text{color:#f87171;font-size:14px}.Login .error-star{color:#ef4444;font-weight:700}