.login{background:var(--surface-canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.login__card{width:min(430px,100%);padding:var(--panel-pad);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--line-soft);box-shadow:var(--elev-2);flex-direction:column;display:flex}.login__title{color:var(--ink-primary);margin:0 0 6px}.login__sub{color:var(--ink-secondary);margin:0 0 16px;font-size:12.5px}.login__steps{background:var(--surface-sunk);border:1px solid var(--line-soft);border-radius:var(--radius-md);counter-reset:s;margin:0 0 16px;padding:12px 14px;list-style:none}.login__steps li{counter-increment:s;color:var(--ink-secondary);padding-left:24px;font-size:12px;position:relative}.login__steps li+li{margin-top:7px}.login__steps li:before{content:counter(s);background:var(--surface-sunk);width:16px;height:16px;color:var(--ink-tertiary);border:1px solid var(--line-default);font:700 10px/1 var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.login__chip-row{margin:0 0 14px}.login__chip{border-radius:var(--radius-pill);font:600 11px var(--font-sans);color:var(--ink-primary);background:var(--surface-sunk);border:1px solid var(--line-default);align-items:center;gap:6px;max-width:100%;padding:3px 10px;display:inline-flex}.login__card[data-state=signedout] .login__chip{background:var(--state-positive-soft);border-color:#0000}.login__code{font:600 10.5px var(--font-mono);color:var(--ink-secondary);overflow-wrap:anywhere}.login__alert{border-radius:var(--radius-md);background:var(--state-negative-soft);border:1px solid var(--line-soft);gap:10px;margin:0 0 14px;padding:11px 13px;display:flex}.login__alert:before{content:"";background:var(--state-negative);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.login__alert-body{min-width:0}.login__alert p{color:var(--ink-primary);margin:0;font-size:12px}.login__alert p+p{color:var(--ink-secondary);margin-top:5px}.login__submit{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--accent-signal);background:var(--accent-signal-soft);width:100%;color:var(--ink-primary);font:600 13px var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.login__submit:hover{border-color:var(--accent-signal-strong)}.login__submit:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.login__note{color:var(--ink-tertiary);margin:14px 0 0;font-size:10.5px;font-style:italic;line-height:1.6}[lang=vi] .login__sub,[lang=vi] .login__steps li{line-height:1.6}