@font-face{font-family:DOJLoginBrand;src:url('/doj-login/brand.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:DOJLoginNotes;src:url('/doj-login/notes.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

html.layout--login,html.layout--login body{margin:0;min-height:100%;background:#f6f1e6;color:#1f2430;color-scheme:light}
.doj-login,.doj-login *{box-sizing:border-box}
#panel.doj-login{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:#f6f1e6;background-image:linear-gradient(rgba(58,91,160,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(58,91,160,.09) 1px,transparent 1px);background-size:24px 24px;color:#1f2430;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.5}
.doj-login a{color:#b4481a}
.doj-login a:hover{color:#8a3410}
.doj-login button,.doj-login input{font:inherit}
.doj-login [hidden]{display:none!important}
.doj-login-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(20px,5vw,56px)}
.doj-login a.doj-login-brand{font-family:DOJLoginBrand,"Brush Script MT",cursive;font-size:36px;font-weight:700;line-height:1.1;color:#1f2430;text-decoration:none}
.doj-login-language{position:relative;z-index:10;flex:none;font-size:14px}
.doj-login-language summary{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1.5px solid #2a2e38;border-radius:999px;background:#fffdf8;color:#1f2430;cursor:pointer;list-style:none}
.doj-login-language summary::-webkit-details-marker{display:none}
.doj-login-language summary svg{flex:none}
.doj-login-language ul{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;max-width:calc(100vw - 40px);max-height:50vh;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid #2a2e38;border-radius:12px;background:#fffdf8;box-shadow:0 8px 24px #46321420}
.doj-login-language li{margin:0;list-style:none}
.doj-login-language li a{display:block;padding:9px 12px;border-radius:6px;color:#1f2430;text-decoration:none}
.doj-login-language li a:hover,.doj-login-language li a[aria-current]{background:#f6e6d9}
.doj-login-language-short{display:none}
.doj-login-main{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,64px);padding:32px clamp(16px,4vw,48px) 48px}
.doj-login-doodles{flex:1 1 0;min-width:0;max-width:320px;display:flex;flex-direction:column;pointer-events:none;user-select:none}
.doj-login-doodles-left{align-items:flex-end;gap:64px}
.doj-login-doodles-right{align-items:flex-start;gap:40px}
.doj-login-doodles svg{max-width:100%;height:auto;overflow:visible}
.doj-login-doodles text,.doj-login-mobile-art text,.doj-login-mobile-dp text{font-family:DOJLoginNotes,"Comic Sans MS",cursive;font-weight:600}
.doj-login-card{position:relative;flex:0 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px;padding:44px clamp(22px,4vw,40px) 32px;background:#fffdf8;border:1.5px solid #2a2e38;border-radius:16px;box-shadow:0 22px 48px -28px #46321473}
.doj-login-tape{position:absolute;top:-14px;left:50%;width:120px;height:28px;margin-left:-60px;transform:rotate(-3deg);background:rgba(232,140,90,.42);pointer-events:none}
.doj-login-intro{display:flex;flex-direction:column;gap:10px}
.doj-login-intro h1{margin:0;font-family:"Songti SC","STSong","Noto Serif SC",SimSun,serif;font-size:32px;line-height:1.3;font-weight:700;letter-spacing:.04em;color:#1f2430}
.doj-login-intro p{margin:0;font-size:15px;line-height:1.7;color:#5e5a52}
.doj-login-form{display:flex;flex-direction:column;gap:18px;margin:0}
.doj-login-field{display:flex;flex-direction:column;gap:8px}
.doj-login-field>label{display:block;margin:0;font-size:14px;line-height:1.5;font-weight:500;color:#2a2e38}
.doj-login input.doj-login-input{display:block;width:100%;min-width:0;height:48px;box-sizing:border-box;margin:0;padding:0 14px;border:1.5px solid #2a2e38;border-radius:10px;background:#fff;color:#1f2430;font:inherit;font-size:16px;line-height:normal;box-shadow:none;appearance:none}
.doj-login-input::placeholder{color:#76705f;opacity:1}
.doj-login input.doj-login-input:focus{outline:none;border-color:#c9561f;box-shadow:0 0 0 4px #c9561f29}
.doj-login input.doj-login-input:disabled{background:#f1eee6;color:#69655c;border-color:#c7c1b6;opacity:1}
.doj-login-password-field{position:relative;display:flex}
.doj-login-password-field input.doj-login-input{padding-right:52px}
.doj-login button.doj-login-reveal{position:absolute;top:2px;right:2px;width:44px;height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#5e5a52;cursor:pointer}
.doj-login-eye-slash{display:none}
.doj-login-reveal[aria-pressed=true] .doj-login-eye-slash{display:block}
.doj-login-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:14px}
.doj-login .doj-login-options .doj-login-remember{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;margin:0;color:#3a3c44;cursor:pointer;white-space:nowrap}
.doj-login .doj-login-remember input{flex:none;width:18px;height:18px;margin:0;padding:0;accent-color:#c9561f}
.doj-login-options>a{text-decoration:underline;text-underline-offset:3px;line-height:1.5}
.doj-login button.doj-login-submit,.doj-login a.doj-login-submit,.doj-login a.doj-login-oauth{display:flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:10px 14px;border:0;border-radius:10px;background:#1f2430;color:#fffdf8;font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:.12em;cursor:pointer;text-decoration:none}
.doj-login .doj-login-submit:hover{background:#353b4a}
.doj-login a.doj-login-oauth{border:1.5px solid #2a2e38;background:transparent;color:#1f2430;letter-spacing:0}
.doj-login .doj-recovery-note{margin:0;padding:16px;border:1px solid #ddd3c2;border-radius:10px;background:#f7f1e5;color:#5e5a52;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.doj-recovery-note p{margin:0}.doj-recovery-note p+p{margin-top:10px}
.doj-login .doj-recovery-back{align-self:center;font-size:14px;line-height:1.8;text-decoration:underline;text-underline-offset:3px}
.doj-login a:focus-visible,.doj-login button:focus-visible,.doj-login summary:focus-visible,.doj-login-remember input:focus-visible{outline:3px solid #c9561f8c;outline-offset:3px}
.doj-login-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:18px clamp(20px,5vw,56px) 22px;color:#5e5a52;font-size:12px;line-height:1.6}
.doj-login-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.doj-login-footer a{color:#5e5a52;text-decoration:none}
.doj-login-copyright{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.doj-login-mobile-art,.doj-login-mobile-dp{display:none}
@media(max-width:1100px){.doj-login-doodles-right svg:last-child{margin-left:15px!important}}
@media(max-width:960px){.doj-login-doodles{display:none}}
@media(max-width:600px){
  .doj-login-header{gap:12px;padding:12px 16px 4px 20px}
  .doj-login a.doj-login-brand{font-size:30px}
  .doj-login-language summary{gap:4px;min-height:44px;padding:0 12px}
  .doj-login-language-long{display:none}.doj-login-language-short{display:inline}
  .doj-login-mobile-art{display:flex;justify-content:center;padding:8px 20px 4px;pointer-events:none}
  .doj-login-mobile-art svg{width:100%;max-width:350px;height:auto}
  .doj-login-main{flex-direction:column;justify-content:flex-start;gap:20px;padding:14px 20px 0}
  .doj-login-card{flex:none;width:100%;max-width:420px;gap:22px;padding:32px 22px 26px;box-shadow:0 18px 40px -26px #46321473}
  .doj-login-tape{top:-12px;width:100px;height:24px;margin-left:-50px}
  .doj-login-intro{gap:8px}.doj-login-intro h1{font-size:28px}
  .doj-login-form{gap:16px}
  .doj-login-mobile-dp{display:block;max-width:100%;pointer-events:none}
  .doj-login-mobile-dp svg{display:block;width:100%;max-width:300px;height:auto}
  .doj-login-footer{flex-direction:column;align-items:center;gap:6px;padding:18px 20px 24px;text-align:center}
  .doj-login-footer nav{justify-content:center;gap:2px 14px}.doj-login-copyright{justify-content:center;gap:2px 10px}
}