.login{place-items:center;min-height:80dvh;padding:32px 16px;display:grid}.login-card{background:var(--paper);width:min(400px,100%);box-shadow:var(--shadow);border-radius:14px;padding:28px 28px 30px}.login-card form{flex-direction:column;gap:14px;display:flex}.login-mark{font-family:var(--font-display);color:var(--blue-ink);font-variation-settings:"SOFT" 100;align-items:center;gap:10px;margin-bottom:18px;font-size:21px;font-weight:600;display:flex}.login-mark .crate-body{fill:var(--blue)}.login-mark .crate-hole{fill:var(--paper)}.login-card h1{font-family:var(--font-display);color:var(--blue-ink);font-variation-settings:"SOFT" 100;margin:0;font-size:32px;font-weight:600;line-height:1.1}.login-card p{color:var(--muted);margin:0}.login-card h1+p{margin-top:6px}.login-card label{flex-direction:column;gap:4px;display:flex}.login-card label span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.login-card input{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px}.login-card input:focus{border-color:var(--blue-ink);outline:none}.login-btn{background:var(--blue-ink);color:#fff;border-radius:999px;align-self:flex-start;padding:9px 18px;font-weight:700}.login-btn:hover:not(:disabled){background:var(--ink)}.login-btn:disabled{opacity:.5;cursor:default}.login-error{background:var(--gap-soft);border-radius:8px;padding:10px 12px;font-weight:600;color:var(--gap)!important}.login-quiet{color:var(--blue-ink);margin-top:14px;font-weight:600}.login-quiet:hover{text-decoration:underline}