*{box-sizing:border-box}body{margin:0;background:#f7f8f9;color:#454545;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}header{background:white;padding:22px 32px;border-bottom:1px solid #eee}header img{display:block}main{min-height:76vh;display:grid;place-items:center;padding:40px 20px}.login-card{width:min(100%,440px);background:white;border:1px solid #e5e7e9;box-shadow:0 3px 12px #0000000c;padding:36px 38px;border-radius:5px}.eyebrow{font-size:12px;color:#009db4;letter-spacing:2px;font-weight:700}h1{font-size:26px;margin:8px 0}#login-intro{color:#81838f;font-size:14px;margin-bottom:25px}label{display:block;font-size:14px;margin:18px 0 7px}input{width:100%;height:46px;border:1px solid #ccd2d8;border-radius:4px;padding:10px;font:inherit}input:focus{outline:2px solid #00b8cf;outline-offset:2px}.password-field{display:flex;gap:7px}.password-field input{min-width:0}.password-field button{background:#f4f6f8;border:1px solid #dfe4e8;border-radius:4px;padding:0 12px;color:#53616b;white-space:nowrap;cursor:pointer}.submit{background:#00b8cf;color:white;width:100%;border:0;border-radius:4px;padding:12px;font:inherit;cursor:pointer;margin:10px 0}.submit:disabled{opacity:.6;cursor:wait}.preview-note{font-size:12px;line-height:1.8;background:#f3f7f8;padding:12px;color:#677480}a{color:#0099b1;font-size:14px}#login-error{color:#bc3548;font-size:14px;min-height:1em}footer{font-size:12px;text-align:center;color:#81909b;padding:20px}@media(max-width:480px){.login-card{padding:25px}header{padding:18px 22px}}

.login-organization{color:#737b8a;font-size:14px}.login-help{max-width:440px;border:0;border-radius:8px;padding:28px;color:#454545}.login-help::backdrop{background:#0006}.login-help h2{font-size:21px}.login-help button{padding:9px 24px;border:0;background:#00b8cf;color:white;cursor:pointer}
body[data-login-design=legacy]{background:#f8f8f8;font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif}body[data-login-design=legacy] header{background:transparent;border:0;padding:38px 20px 32px}body[data-login-design=legacy] header img{width:270px;margin:auto}body[data-login-design=legacy] main{min-height:0;display:block;padding:25px 20px 60px}body[data-login-design=legacy] .login-card{width:min(100%,500px);margin:0 auto;padding:24px 20px 16px;border:0;box-shadow:0 10px 25px #0004;border-radius:6px}body[data-login-design=legacy] #login-heading{font-size:23px;font-weight:400;margin:0 18px 40px;line-height:1.5}body[data-login-design=legacy] .login-organization{margin:-24px 18px 25px}body[data-login-design=legacy] #login-role,body[data-login-design=legacy] #login-intro,body[data-login-design=legacy] .preview-note,body[data-login-design=legacy] #other-login{display:none}body[data-login-design=legacy] form{position:relative}body[data-login-design=legacy] #login-label,body[data-login-design=legacy] label[for=login-password]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-login-design=legacy] input:not([type=checkbox]){border:0;border-bottom:1px solid #d3d3d3;border-radius:0;padding:9px 0;height:45px;background:transparent;font-size:14px}body[data-login-design=legacy] #login-name{margin:0 10px 38px 52px;width:calc(100% - 62px)}body[data-login-design=legacy] .password-field{margin:0 10px 25px 52px;position:relative}body[data-login-design=legacy] #show-password{border:0;background:transparent;font-size:12px;color:#7c8090}body[data-login-design=legacy] .legacy-mail-icon{position:absolute;left:12px;top:6px;font-size:28px;line-height:1;color:#737781}.legacy-lock-icon{position:absolute;left:-39px;top:8px;color:#737781}.legacy-remember{display:flex;gap:14px;align-items:center;margin:30px 10px 24px;font-size:14px;color:#929292}.legacy-remember input{width:18px;height:18px;padding:0;accent-color:#8e24aa}body[data-login-design=legacy] #login-error:empty{display:none}body[data-login-design=legacy] .submit{padding:9px;border-radius:25px;background:linear-gradient(45deg,#8e24aa,#ff6e40);font-size:14px;line-height:1.2;box-shadow:0 2px 5px #0004}.legacy-login-links{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.legacy-login-links button{font-size:13px;border:0;background:none;padding:0;color:#2196f3;cursor:pointer}body[data-login-design=legacy] footer{margin-top:36px}@media(max-width:540px){body[data-login-design=legacy] header img{width:210px}body[data-login-design=legacy] #login-heading{font-size:19px;margin-left:8px;margin-right:8px}body[data-login-design=legacy] main{padding-top:8px}}