:root{font-family:"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;color:#202124;background:#f7f7f7;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}
.site-head{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px max(20px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #d2d2d2;font-size:14px;font-weight:750}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#303030;color:#fff;font-size:21px;font-weight:800}
.login-main{min-height:calc(100dvh - 62px);display:grid;place-items:center;padding:28px 16px}
.login-card{width:min(100%,430px);padding:30px;border:1px solid #ccc;border-top:4px solid #303030;background:#fff;box-shadow:0 12px 36px #0000000b}
.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.1em;font-weight:700;color:#666}
h1{margin:0;font-size:25px;line-height:1.3}p.intro{font-size:13px;color:#555;margin:8px 0 22px}
form{display:grid;gap:8px}form[hidden]{display:none}label{font-size:12px;font-weight:700;margin-top:4px}
input{width:100%;min-height:46px;padding:9px 12px;border:1px solid #aaa;border-radius:0;background:#fff;color:#222;font-size:16px}
input:focus-visible,button:focus-visible{outline:2px solid #333;outline-offset:2px}
form>button{min-height:46px;margin-top:14px;border:1px solid #303030;background:#303030;color:#fff;font-size:14px;font-weight:750;cursor:pointer}
form>button:hover{background:#111}form>button:disabled{opacity:.6;cursor:wait}
.status{min-height:1.5em;margin:15px 0 0;font-size:12px;color:#a23d2e;line-height:1.5}
.password-field{position:relative;display:block}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;background:#fff;color:#333;cursor:pointer}.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:520px){.site-head{min-height:54px;padding:9px 14px}.brand-mark{width:30px;height:30px;font-size:18px}.login-main{min-height:calc(100dvh - 54px);align-items:start;padding:24px 12px}.login-card{padding:22px 18px;box-shadow:none}h1{font-size:23px}}
@media(max-width:520px){
  .site-head{flex-wrap:wrap;gap:8px}
  .site-head>span:not(.brand-mark){flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
  .site-head .got-language-control{display:flex;flex:1 1 100%;width:100%;min-width:0;max-width:100%;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}
  .site-head .got-language-control select{flex:1 1 110px;width:auto;min-width:0;max-width:100%;min-height:36px}
}