.login-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.login-brand img{height:28px;width:auto;display:block}.login-brand__bar{width:1px;height:22px;background:var(--border-strong)}.login-brand__name{font-size:17px;line-height:24px;font-weight:var(--font-weight-semibold);color:var(--text-sub);white-space:nowrap}.login-brand--sm{justify-content:flex-start;gap:var(--space-sm)}.login-brand--sm img{height:18px}.login-brand--sm .login-brand__bar{height:16px}.login-brand--sm .login-brand__name{font-size:15px;line-height:20px}.login-field{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.login-field .ko-label{margin-bottom:0}.login-hint{font-size:var(--type-admin-caption-size);line-height:var(--type-admin-caption-lh);color:var(--text-muted)}.login-pw{position:relative}.login-pw>input{padding-right:40px}.login-pw>button{position:absolute;top:50%;right:var(--space-xs);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.login-pw>button:hover{background:var(--primary-tint-5);color:var(--text-body)}.login-pw>button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.login-pw>button svg{width:18px;height:18px}.login-error{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-red-200);border-radius:var(--radius-md);background:var(--color-red-50);color:var(--color-red-700);font-size:var(--type-admin-caption-size);line-height:var(--type-admin-caption-lh)}.login-foot{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);font-size:var(--type-label-size);line-height:var(--type-label-lh);color:var(--text-muted)}.login-foot>p{margin:0;min-width:0}.login-lang{display:inline-flex;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.login-lang>button{border:0;background:transparent;padding:2px var(--space-sm);font:inherit;color:var(--text-muted);cursor:pointer}.login-lang>button+button{border-left:1px solid var(--border)}.login-lang>button.is-active{background:var(--surface-2);color:var(--text-body);font-weight:var(--font-weight-semibold)}.login-lang>button:disabled{cursor:wait}.login-bg{background:linear-gradient(90deg,rgba(8,11,8,.94),rgba(8,11,8,.78) 45%,rgba(8,11,8,.35)),#0d110c url(/login-bg.jpg) 50% /cover no-repeat}