body.auth-pending,body.auth-mode{background:#090c0b}
#auth-screen{--text:var(--di-text);--muted:var(--di-muted);--mint:var(--di-mint);--red:#edb5ae;line-height:1.5}
#auth-screen .di-header{padding-bottom:0}
#auth-screen .di-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 2px;color:var(--di-muted);font-size:12px;letter-spacing:.03em;text-decoration:none}
#auth-screen .di-back:hover{color:var(--di-text)}
#auth-screen .di-back span{font-size:20px;font-weight:400}
#auth-screen .di-login-main{min-height:0;padding-top:36px;padding-bottom:44px}
#auth-screen .di-login-card{padding-top:0;min-width:0}
#auth-screen h1{font-size:clamp(60px,5.7vw,91px);margin-bottom:32px}
#auth-screen #auth-description{max-width:340px;font-size:13px;line-height:1.65;color:var(--di-muted);margin-bottom:24px}
#auth-screen #auth-form{width:340px;max-width:100%}
#auth-screen label{font-size:12px;font-weight:400;color:#bbc7be;letter-spacing:.025em;margin:19px 0 9px}
#auth-screen label:first-child{margin-top:0}
#auth-screen input{min-height:50px;padding:12px 14px;border:1px solid #596e60;border-radius:2px;background:#0d1210;color:var(--di-text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:24px;caret-color:var(--di-mint)}
#auth-screen input:focus{border-color:var(--di-mint);outline:1px solid var(--di-mint);outline-offset:3px}
#auth-screen input:-webkit-autofill{-webkit-text-fill-color:var(--di-text);-webkit-box-shadow:0 0 0 1000px #0d1210 inset}
#auth-screen .password-field input{padding-right:70px}
#auth-screen .password-field button{right:1px;top:1px;min-height:48px;min-width:62px;padding:0 12px;color:var(--di-muted);font-size:12px}
#auth-screen .password-field button:hover{color:var(--di-text)}
#auth-screen #auth-submit{width:100%;margin-top:26px;font-family:Arial,Helvetica,sans-serif;font-weight:400}
#auth-screen #auth-submit:disabled{opacity:.55}
#auth-screen button:focus-visible{outline:2px solid var(--di-mint);outline-offset:5px}
#auth-screen .error-text{font-size:13px;line-height:1.5;margin:16px 0 0;color:var(--red)}
#auth-screen .field-hint{font-size:12px;line-height:1.5;color:var(--di-muted);margin:10px 0 0}
#auth-screen .di-art-drift{animation:none}
@media(max-width:900px){#auth-screen h1{font-size:clamp(56px,8vw,73px)}#auth-screen #auth-form{width:320px}}
@media(max-width:600px){#auth-screen .di-header{padding-top:16px}#auth-screen .di-header-note{max-width:none;font-size:8px}#auth-screen .di-login-main{align-items:center;padding:28px 8vw 38px}#auth-screen .di-login-card{width:100%}#auth-screen h1{font-size:clamp(43px,12vw,68px);margin-bottom:30px}#auth-screen #auth-form{width:100%;max-width:360px}#auth-screen .di-art{top:30%;opacity:.42}#auth-screen .di-art::after{background:linear-gradient(90deg,var(--di-bg),#090c0b80 45%,transparent),linear-gradient(0deg,var(--di-bg),transparent 80%)}#auth-screen .di-footer{padding-top:17px;padding-bottom:20px}}
@media(max-height:560px) and (min-width:601px){#auth-screen .di-login-main{padding-top:16px;padding-bottom:25px}#auth-screen .di-login-card{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:0 36px;width:100%}#auth-screen h1{font-size:clamp(43px,5.8vw,60px);margin:0}#auth-screen #auth-form{width:100%;grid-column:2;grid-row:1 / 3}#auth-screen #auth-description{grid-column:1;font-size:12px}#auth-screen label{margin-top:12px}#auth-screen #auth-submit{margin-top:18px}#auth-screen .di-art{opacity:.35}#auth-screen .di-header{padding-top:12px}}
@media(forced-colors:active){#auth-screen input{border-color:FieldText}#auth-screen #auth-submit{border-color:ButtonText}#auth-screen .di-back{color:LinkText}}
