@font-face{font-family:STIXTwoText;src:url('/login-assets/STIXTwoText.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light dark;--paper:#fffbef;--ink:#240900;--line:#bda68f;--muted:#8c7c76;--latin:STIXTwoText,'Times New Roman';--chinese:FZShuSong-Z01S,'Songti SC','Noto Serif CJK SC',SimSun,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--latin),var(--chinese);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100svh}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
header{display:flex;justify-content:space-between;align-items:flex-start;padding:42px 48px}
.brand{display:block;width:226px;line-height:0}
.brand img{width:100%;height:auto;display:block}
.home{font-size:16px;padding-top:4px}
main{width:min(360px,calc(100% - 48px));margin:clamp(52px,11vh,138px) auto 90px}
.section-name{font-size:19px;margin-bottom:5px;letter-spacing:.01em}
h1{font-size:36px;font-weight:400;line-height:1.4;letter-spacing:.08em;margin:0 0 36px}
.field{margin-bottom:24px}
label{display:block;font-size:17px;margin-bottom:9px}
input:not([type=hidden]){width:100%;height:48px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:9px 12px;font:inherit;outline:none;box-shadow:none}
input:not([type=hidden]):focus{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:2px}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--paper) inset;-webkit-text-fill-color:var(--ink)}
button,.button{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:9px 14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;font:inherit;cursor:pointer;margin-top:26px}
button:hover,.button:hover{opacity:.85;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.error{font-size:15px;line-height:1.5;margin:0;min-height:0}
.error:empty{display:none}
@media(max-width:600px){header{padding:26px 24px}.brand{width:174px}.home{font-size:15px}main{margin-top:70px}h1{font-size:32px}}
@media(prefers-color-scheme:dark){:root{--paper:#161111;--ink:#fffbef;--line:#8c7c76;--muted:#bda68f}.brand img{filter:invert(1)}}