.login-brand{display:flex;align-items:center;gap:14px}.login-brand-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.login-portal-title{font-family:var(--font-display);font-weight:250;font-size:clamp(64px,8vw,112px);line-height:.98;letter-spacing:-.035em;color:oklch(100% 0 0);margin:0}.login-portal-title em{font-style:italic;color:var(--teal-edge);font-weight:250}.signature-line{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:oklch(100% 0 0/.6);margin:0 0 24px;display:inline-flex;align-items:center;gap:10px}.signature-line:before{content:"";width:22px;height:2px;background:var(--teal-edge)}.login-foot{font-family:var(--font-mono);font-size:10.5px;color:oklch(100% 0 0/.55);text-transform:uppercase;letter-spacing:.14em}.login-right-head{display:flex;align-items:center;justify-content:space-between}.login-right-version{letter-spacing:.14em}.login-eyebrow,.login-right-version{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;color:var(--muted)}.login-eyebrow{letter-spacing:.18em;margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}.login-eyebrow:before{content:"";width:18px;height:2px;background:var(--teal)}.login-title{font-family:var(--font-display);font-weight:300;font-size:38px;line-height:1.05;letter-spacing:-.025em;color:var(--fg-strong);margin:0 0 28px}.login-form{gap:18px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:7px}.login-field-label{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-strong);font-weight:600}.login-input{font-family:var(--font-sans);font-size:15px;padding:12px 14px;border:1px solid var(--hairline-strong);background:var(--surface);color:var(--fg-strong);border-radius:4px;outline:none;width:100%;transition:border-color .12s ease,box-shadow .12s ease}.login-input::-moz-placeholder{color:var(--muted-dim)}.login-input::placeholder{color:var(--muted-dim)}.login-input:focus{border-color:var(--teal-deep);box-shadow:0 0 0 4px oklch(72% .09 175/.16)}.login-field-foot{display:flex;justify-content:flex-end}.login-forgot{font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-deep);font-weight:600;transition:color .12s ease;text-decoration:none}.login-forgot:hover{color:var(--teal)}.login-submit{margin-top:4px;background:var(--teal-deep);color:oklch(100% 0 0);border:1px solid var(--teal-deep);font-family:var(--font-mono);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:14px 22px;border-radius:4px;cursor:pointer;transition:background .12s ease,transform .12s ease,box-shadow .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-submit:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 6px 20px -8px oklch(72% .09 175/.5)}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-submit svg{width:14px;height:14px;transition:transform .12s ease}.login-submit:hover svg{transform:translateX(3px)}.login-foot-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.login-foot-row a{color:var(--fg-soft);transition:color .12s ease}.login-foot-row a:hover{color:var(--teal-deep)}.demo-sep{display:flex;align-items:center;gap:16px;margin:36px 0 18px}.demo-sep-line{flex:1;height:1px;background:var(--hairline)}.demo-sep-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.demo-sep-hint{font-family:var(--font-sans);font-size:12.5px;color:var(--muted);margin:0 0 18px;text-align:center;font-style:italic}.role-group{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--hairline)}.role-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:18px;padding:16px 8px;border-bottom:1px solid var(--hairline-soft);cursor:pointer;transition:background .12s ease;margin:0 -8px;background:transparent;border-left:0;border-right:0;width:calc(100% + 16px);text-align:left;color:inherit;font:inherit}.role-row:hover{background:var(--bg-deep)}.role-row:last-child{border-bottom:1px solid var(--hairline)}.role-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--hairline-strong);color:var(--teal-deep);flex-shrink:0;transition:border-color .12s ease}.role-icon svg{width:16px;height:16px}.role-row:hover .role-icon{border-color:var(--teal)}.role-info{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.role-name{font-size:14px;font-weight:500;color:var(--fg-strong);letter-spacing:-.005em}.role-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.role-arrow{color:var(--muted-dim);font-size:16px;line-height:1;transition:color .12s ease,transform .12s ease}.role-row:hover .role-arrow{color:var(--teal-deep);transform:translateX(4px)}