html,body{height:100%;margin:0;padding:0}body{background-color:#fff;background:linear-gradient(#fff 0%,#eee 100%);transition-property:opacity;transition-duration:.3s;transition-timing-function:linear;font-family:inter,sans-serif}#main{display:flex;align-items:flex-start;justify-content:center;height:100%}img{display:block;width:257px;height:276px;margin:auto 0 auto 80px;padding-top:18px}#login-panel{position:relative;padding-left:100px;margin:auto 0}h1{position:relative;left:6px;font-weight:500;font-size:40px;color:#333;margin-bottom:0;padding-bottom:0;line-height:.9;margin-left:-6px}h2{font-weight:500;color:#666;margin:0 0 10px;padding:0;font-size:18px}.input{display:block;width:300px;font-size:18px;padding:10px;margin-bottom:10px;color:#555;border-left:none;border-right:none;border-top:none;border-bottom:2px solid #ccc;font-weight:300;transition-property:opacity;transition-duration:.3s;transition-timing-function:linear;filter:none}.button{display:flex;justify-content:center;align-items:center;padding:8px 0;font-size:16px;width:100px;color:#fff;font-weight:400;background-color:#0091cd;cursor:pointer;transition-property:background-color;transition-duration:.3s;transition-timing-function:linear}.button:hover{background-color:#11a2de}.error{animation:blink 2s infinite linear}#not-found{position:absolute;top:300px;left:100px;color:red;display:none}@keyframes blink{0%{background-color:#fff}50%{background-color:rgba(255,0,0,.1)}100%{background-color:#fff}}#mfa-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18px}#mfa-panel h1,#mfa-panel h2{text-align:center}#totp-input-section,#backup-input-section{width:100%;display:flex;flex-direction:column;align-items:center}#mfa-panel .input{width:320px;max-width:90%;box-sizing:border-box;text-align:center}#mfa-panel .button{margin-top:10px;min-width:120px;padding:10px 20px}#backup-input-section .input{text-transform:uppercase;letter-spacing:1px}#mfa-panel{position:relative;padding-left:100px;margin:auto 0;text-align:left;flex-direction:row;align-items:baseline;justify-content:flex-start;padding-top:0}#mfa-panel h1,#mfa-panel h2{display:block;position:relative;color:#333;margin:0;padding:0}#mfa-panel h1{left:6px;font-weight:500;font-size:40px;line-height:.9;margin-left:-6px;margin-bottom:0}#mfa-panel h2{font-weight:500;color:#666;margin:0 0 10px;font-size:18px}#totp-input-section,#backup-input-section{width:auto}#mfa-panel .input{display:block;width:300px;box-sizing:border-box;text-align:left;font-size:18px;padding:10px;margin-bottom:10px;color:#555;border-left:none;border-right:none;border-top:none;border-bottom:2px solid #ccc;font-weight:300}#mfa-panel .button{width:100px;padding:8px 0;margin-top:0!important;min-width:auto!important}#mfa-panel p{margin-bottom:12px;font-size:14px}#remember-device-section{background-color:#f9f9f9!important;border-left:3px solid #2185d0!important;border-radius:4px!important;padding:15px!important;margin-top:20px!important;width:300px;box-sizing:border-box}#remember-device-section label{display:flex;align-items:center;cursor:pointer;margin:0;font-size:14px;font-weight:400;color:#333}#remember-device-section input[type=checkbox]{margin-right:10px;cursor:pointer;width:18px;height:18px;accent-color:#2185d0}#remember-device-section p{font-size:12px;color:#666;margin:8px 0 0 26px;line-height:1.4}#remember-device-section input[type=checkbox]:hover{filter:brightness(.95)}#remember-device-section input[type=checkbox]:focus{outline:2px solid #2185d0;outline-offset:2px}