.login{--ink: #2e2b3e;--ink-soft: #504e5a;--muted: #6d6c77;--faint: #8c8b95;--line: #dedde4;--line-strong: #c7c6cf;--surface: #fdfdff;--bg: #f7f6fb;--zebra: #edecf2;--error-ink: #8a3633;--error-bg: #ffe8e5;--focus: #006183;--brand: #1f6b55;--brand-on-dark: #6cc4a1;--on-dark-soft: #a9a8b2;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink)}.login :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.login .panel{background-color:var(--ink);color:var(--surface);padding:20px 24px 0;display:flex;flex-direction:column;gap:18px}.login .panel-body,.login .panel-foot{display:none}.login .stripe{display:flex;gap:2px;height:4px}.login .stripe i{display:block;height:100%;border-radius:1px}.login .tone1{background:#6cc4a1}.login .tone2{background:#4fa586}.login .tone3{background:#34876b}.login .tone4{background:#226f59}.login .panel>.stripe{margin:0 -24px;gap:0}.login .panel>.stripe i{border-radius:0}.login .domain{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}.login .side{flex:1;display:flex;flex-direction:column;padding:28px 24px 20px}.login .card{display:flex;flex-direction:column}.login .card>.stripe{display:none}.login .title{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 28px}.login .sub{font-size:14px;line-height:20px;color:var(--muted);margin:-20px 0 24px;text-wrap:pretty}.login .fields{display:flex;flex-direction:column;gap:16px}.login .field{display:flex;flex-direction:column;gap:6px}.login .field label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.login .field input{height:48px;width:100%;padding:0 12px;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--faint);border-radius:4px}.login .field input::placeholder{color:var(--muted)}.login .field input:hover{border-color:var(--ink-soft)}.login .field input:focus-visible{border-color:var(--ink)}.login .field input[aria-invalid=true]{border-color:var(--error-ink)}.login .field input:disabled{background:var(--bg);color:var(--ink-soft);border-color:var(--line-strong)}.login .alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:4px;background:var(--error-bg);color:var(--error-ink);border-radius:4px;font-size:14px;line-height:20px;font-weight:500}.login .alert svg{flex:none;margin-top:2px}.login .enter{height:48px;width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:16px;font-weight:500;color:var(--surface);background:var(--ink);border:none;border-radius:4px;cursor:pointer}.login .alert+.enter{margin-top:0}.login .enter:hover{background:#3c3950}.login .enter:active{background:#262433}.login .enter[aria-busy=true]{cursor:progress;background:var(--ink-soft)}.login .spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(253,253,255,.35);border-top-color:var(--surface);animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login .spinner{animation-duration:2.4s}}.login .languages{margin-top:auto;padding-top:32px;display:flex;justify-content:center}.login .segmented{display:inline-flex;gap:4px;padding:3px;background:var(--zebra);border-radius:4px}.login .segmented button{min-width:56px;height:36px;padding:0 12px;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:none;border-radius:3px;cursor:pointer}.login .segmented button:hover{color:var(--ink)}.login .segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #2624331f}@media(min-width:600px){.login{display:grid;grid-template-columns:540px minmax(0,1fr)}.login .panel{padding:48px 56px;gap:0;justify-content:space-between;background-image:repeating-linear-gradient(to right,rgba(253,253,255,.035) 0 1px,transparent 1px 32px),repeating-linear-gradient(to bottom,rgba(253,253,255,.035) 0 1px,transparent 1px 32px)}.login .panel>.stripe{display:none}.login .panel-body{display:flex;flex-direction:column;gap:32px}.login .pitch{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:0;max-width:400px;text-wrap:balance}.login .pitch-text{font-size:15px;line-height:1.55;color:var(--line-strong);margin:12px 0 0;max-width:400px;text-wrap:pretty}.login .split{background:#36334a;border:1px solid rgba(253,253,255,.08);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:18px}.login .split-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(253,253,255,.1)}.login .split-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-soft)}.login .split-total{font-family:var(--mono);font-size:18px;font-weight:600}.login .group{display:flex;flex-direction:column;gap:8px}.login .group-top{display:flex;justify-content:space-between;gap:12px}.login .group-top .closed{font-family:var(--mono);font-size:11px;color:var(--brand-on-dark)}.login .group .stripe{height:8px}.login .items{display:grid;grid-template-columns:10px minmax(0,1fr) auto 52px;column-gap:10px;row-gap:4px;align-items:center;font-family:var(--mono);font-size:12px}.login .items i{width:8px;height:8px;border-radius:1px;display:block}.login .items .code{color:var(--surface)}.login .items .value{color:var(--line-strong);text-align:right}.login .items .share{color:var(--on-dark-soft);text-align:right}.login .panel-foot{display:flex;flex-direction:column;gap:20px}.login .roles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--line-strong)}.login .roles b{font-weight:600;color:var(--surface)}.login .roles .arrow{color:var(--on-dark-soft);font-family:var(--mono)}.login .panel-foot .domain{text-align:left;margin:0;color:var(--on-dark-soft)}.login .side{align-items:center;justify-content:center;padding:48px;background-color:var(--bg);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--zebra) 31px 32px)}.login .card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px #2624330f,0 8px 24px #2624330f;padding:40px}.login .card>.stripe{display:flex;margin:-40px -40px 36px;gap:0}.login .card>.stripe i{border-radius:0}.login .card>.stripe i:first-child{border-top-left-radius:5px}.login .card>.stripe i:last-child{border-top-right-radius:5px}.login .languages{margin-top:24px;padding-top:0}.login .side>.domain{display:none}}