/* the sign in page of the new interface */
.signin{min-height:100vh;display:flex}
.signin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);width:100%;min-height:100vh}
.signin-brand{background:var(--ink);background-image:radial-gradient(#3C3C3C 1px,transparent 1px);background-size:22px 22px;color:var(--paper);padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.signin-brand .brand b{color:var(--paper)}
.signin-brand .brand span{color:var(--mist)}
.signin-line{font-size:30px;line-height:1.25;margin:0;max-width:18ch}
.signin-brand .lab{color:var(--mist)}
.signin-form{background:var(--paper);padding:56px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:520px}
.signin-form h1{margin:0;font-size:28px;color:var(--ink)}
.signin-form p{margin:0}
.signin-form .btn{align-self:flex-start;min-width:180px;justify-content:center}
@media (max-width:760px){.signin-grid{grid-template-columns:1fr}.signin-brand{padding:32px 24px}.signin-line{font-size:24px}.signin-form{padding:32px 24px;max-width:none}}