.dpi-login{max-width:420px;margin:0 auto 2.5rem;padding:2rem 1.75rem;border:2px solid #000;background:#fff;color:#000}
.dpi-login h2{margin:0 0 .5rem;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.dpi-login__lead{margin:0 0 1.5rem;font-size:.95rem;line-height:1.55;color:#4a4a4a}
.dpi-login__label{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:.5rem;color:#4a4a4a}
.dpi-login__input{width:100%;padding:.9rem 1rem;border:2px solid #000;border-radius:0;font-size:1.05rem;background:#fff;color:#000;margin-bottom:1rem;box-sizing:border-box}
.dpi-login__input:focus{outline:none;box-shadow:inset 0 -4px 0 #000}
.dpi-login__input--code{letter-spacing:.5em;text-align:center;font-size:1.4rem;font-variant-numeric:tabular-nums}
.dpi-login__button{width:100%;padding:.95rem 1rem;background:#000;color:#fff;border:2px solid #000;font-size:.98rem;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}
.dpi-login__button:hover:not(:disabled){background:#333;border-color:#333}
.dpi-login__button:disabled{opacity:.55;cursor:not-allowed}
.dpi-login__link{display:block;width:100%;margin-top:.75rem;padding:.4rem;background:none;border:0;color:#4a4a4a;font-size:.85rem;text-decoration:underline;cursor:pointer}
.dpi-login__link:hover{color:#000}
.dpi-login__hint{margin:1.25rem 0 0;font-size:.82rem;line-height:1.5;color:#8a8a8a}
.dpi-login__message{margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.9rem;line-height:1.5;border-left:4px solid #000;background:#f4f4f4}
.dpi-login__message--error{border-left-color:#b3261e;color:#b3261e;background:#fdf3f2}
.dpi-login__message--ok{border-left-color:#1c7256;color:#1c7256;background:#f0f8f5}
@media (prefers-color-scheme:dark){
  .dpi-login{background:#fff;color:#000}
}