.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--paper);padding:24px}.login-card{width:100%;max-width:384px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px 32px 32px;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-wordmark{font-size:1.35rem;font-weight:560;letter-spacing:.01em;color:var(--ink)}.login-wordmark b{color:var(--brand)}.login-form{display:flex;flex-direction:column;gap:14px}.login-title{font-size:var(--text-lg,1.125rem);font-weight:600;color:var(--ink);margin:0}.login-sub{font-size:var(--text-sm);color:var(--ink-soft);margin:0;line-height:1.45}.login-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.login-input{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface-sunken);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;outline:none}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.login-input-code{font-family:var(--font-mono);font-size:1.35rem;letter-spacing:.35em;text-align:center}.login-btn{font:inherit;font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:10px;padding:11px 14px;cursor:pointer}.login-btn:hover{background:var(--brand-ink)}.login-btn:disabled{opacity:.55;cursor:default}.login-error{color:var(--loss)}.login-error,.login-notice{font-size:var(--text-sm);margin:0}.login-notice{color:var(--gain)}.login-links{display:flex;gap:16px}.login-linkbtn{font:inherit;font-size:var(--text-sm);color:var(--brand);background:none;border:none;padding:0;cursor:pointer}.login-linkbtn:disabled{opacity:.55;cursor:default}.logout-form{margin-top:10px}.logout-btn{font:inherit;font-size:var(--text-sm);color:var(--ink-faint);background:none;border:none;padding:4px 0;cursor:pointer}.logout-btn:hover{color:var(--ink)}