.login{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);min-height:100dvh;display:grid}.login-art{background:var(--surface-2);border-right:1px solid var(--line);color:var(--text);grid-template-rows:auto 1fr auto;gap:16px;padding:20px 32px;display:grid}.login-brand{font-family:var(--display);color:var(--text);justify-self:start;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.login-brand svg{width:28px;height:28px;color:var(--accent)}.login-figure{place-items:center;margin:0;display:grid}.login-figure svg{width:100%;max-width:300px;height:auto;max-height:60dvh;display:block}.login-figure .draw{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.login-figure .thin{stroke-width:1px}.login-figure .dash{stroke-width:1px;stroke-dasharray:4 6;stroke:var(--text-soft)}.login-figure .label{font-family:var(--mono);letter-spacing:.08em;fill:var(--text-soft);stroke:none;font-size:11px}.login-art-foot{font-family:var(--mono);letter-spacing:.04em;color:var(--text-soft);font-size:.75rem}.login-main{place-items:center;padding:24px;display:grid}.login-panel{gap:16px;width:100%;max-width:340px;display:grid}.login-head{text-align:center;gap:4px;display:grid}.login-head h1{font-size:1.6rem}.login-panel .btn,.login-panel .input{padding-top:9px;padding-bottom:9px}.login-panel .notice{font-size:.88rem}.login-providers{gap:8px;display:grid}.login-providers .btn{justify-content:center;align-items:center;gap:10px;display:flex}.login-or{color:var(--text-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;display:flex}.login-or:before,.login-or:after{content:"";border-top:1px solid var(--line);flex:1}.login-form{gap:10px;display:grid}.login-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:8px 20px;padding-top:12px;font-size:.88rem;display:flex}.login-links a{color:var(--text-soft);text-underline-offset:3px;text-decoration:underline}.login-links a:hover{color:var(--text)}@media (max-width:820px){.login{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-art{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto;padding:10px 16px}.login-figure,.login-art-foot{display:none}.login-main{padding:20px 16px}}