body{min-height:100vh;min-height:100dvh;background:var(--cabinet);display:flex;align-items:center;justify-content:center;padding:20px}
.login{width:100%;max-width:380px}
.mark{display:flex;align-items:center;gap:10px;color:var(--on-cabinet);font-family:var(--display);font-size:20px;font-weight:500;margin:0 0 18px 4px}
.mark b{font-weight:700;margin-left:4px}
.mark .ico{width:28px;height:28px}
.card{background:var(--panel);border-radius:var(--r-4);padding:24px 20px 20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
h1{font-family:var(--display);font-size:24px;margin:0;letter-spacing:-.01em}
.sub{margin:4px 0 16px;color:var(--ink-3);font-size:14px}
.sub span,label span,.go span{opacity:.7;font-weight:400}
label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
label span{font-size:12.5px;margin-left:4px;color:var(--ink-3)}
input{width:100%;min-height:50px;padding:10px 14px;border:1.5px solid var(--seam-2);border-radius:var(--r-2);background:var(--panel-2);font-size:16px}
input:focus{outline:none;border-color:var(--led);background:var(--panel)}
.err{min-height:22px;margin:10px 0 0;color:var(--fault);font-size:14px;font-weight:600}
.go{margin-top:6px;width:100%;min-height:52px;border-radius:var(--r-3);background:var(--cabinet);color:var(--on-cabinet);font-weight:600;font-size:17px}
.go:disabled{opacity:.6}
.go span{font-size:14px;margin-left:6px}