/* Exact approved login layout, a39af8b. */

body{background:#fff}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}
.col{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center}
.lock{display:flex;align-items:center;gap:14px}
.lock .avatar{width:64px;height:64px}
.lock .wm{font-size:44px}
.art{width:220px;margin:0 auto 18px}
form{width:100%;max-width:340px;margin-top:34px}
label{display:block;font-size:var(--t-13);color:var(--muted);margin-bottom:6px}
.field{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:0 6px 0 16px;height:54px;background:#fff}
.field.err{border-color:var(--danger)}
.field input{flex:1;min-width:0;width:100%;border:0;font:inherit;font-size:var(--t-17);outline:0;background:none;letter-spacing:.15em}
.field button{border:0;background:none;color:var(--muted);font-size:var(--t-13);padding:8px 10px}
.btn{width:100%;margin-top:12px;height:54px;border-radius:14px;font-size:var(--t-17)}
.btn[disabled]{background:var(--tone-2);color:var(--faint)}
.msg{font-size:var(--t-13);margin-top:8px;color:var(--danger);min-height:18px}
.hint{font-size:var(--t-13);color:var(--muted);text-align:center;margin-top:14px}
.st-pause .msg{color:var(--muted)}
@media (min-width:1000px){
  .page{flex-direction:row;gap:90px}
  .art{width:330px;margin:0}
  .col{align-items:flex-start;width:360px;max-width:none}
  form{margin-top:30px}
  .hint{text-align:left}
}