.ub-login{--pds-accent:var(--demo-accent);--pds-accent-light:var(--demo-accent-light);--pds-fg:var(--demo-foreground);--pds-muted:var(--demo-muted);--pds-border:var(--demo-border);--pds-sidebar-bg:var(--demo-sidebar-bg);--pds-disabled-bg:var(--demo-disabled-bg);--pds-disabled-fg:var(--demo-disabled-fg);--pds-disabled-border:var(--demo-disabled-border);--pds-split-login-panel-bg:#f3f5f4;color:var(--demo-foreground);font-family:var(--font-sans)}.ub-login-brand-image{object-fit:cover;object-position:center center}.ub-login-brand-shade{background:linear-gradient(#05183a05 42%,#05183ac7 100%);position:absolute;inset:0}.ub-login-brand-copy{color:#fff;flex-direction:column;align-items:flex-start;display:flex}.ub-login-brand-kicker{color:#f2d296;letter-spacing:.16em;font-size:10px;font-weight:700}.ub-login-brand-copy h1{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(30px,3.2vw,50px);font-weight:500;line-height:1.16}.ub-login-brand-copy p{color:#ffffffb8;letter-spacing:.12em;margin:20px 0 0;font-size:10px;font-weight:600}.ub-login-panel{background:#f3f5f4;place-items:center;padding:72px 28px;display:grid;position:relative;overflow-y:auto}.ub-login-wordmark{white-space:nowrap;align-items:center;gap:8px;display:flex}.ub-login-wordmark strong{color:var(--demo-foreground);letter-spacing:.08em;font-size:12px;font-weight:800}.ub-login-brand-mark{align-items:flex-end;gap:3px;height:18px;display:flex;transform:skew(-14deg)}.ub-login-brand-mark i{background:var(--demo-accent);width:3px}.ub-login-brand-mark i:first-child{height:10px}.ub-login-brand-mark i:nth-child(2){height:18px}.ub-login-brand-mark i:nth-child(3){height:13px}.ub-login-form header{text-align:center;margin-bottom:28px}.ub-login-form h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:700}.ub-login-form header p{color:var(--demo-muted);margin:7px 0 0;font-size:11px;line-height:1.55}.ub-login-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ub-login-form input{box-sizing:border-box;width:100%;height:42px;color:var(--demo-foreground);background:#ffffff94;border:1px solid #d9ddda;border-radius:4px;outline:0;padding:0 12px;font-size:12px}.ub-login-form input::placeholder{color:var(--demo-muted)}.ub-login-form input:focus{border-color:var(--demo-accent);outline:1px solid var(--demo-accent)}.ub-login-form input:disabled{background:var(--demo-table-header);color:var(--demo-muted)}.ub-login-otp{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.28em;font-variant-numeric:tabular-nums;font-weight:700;font-size:18px!important}.ub-login-label-row{justify-content:flex-end;align-items:flex-end;display:flex}.ub-login-label-row button,.ub-login-resend{color:var(--demo-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.ub-login-label-row button{margin:10px 0 6px}.ub-login-resend{margin-top:10px}.ub-login-resend:disabled{color:var(--demo-muted);cursor:default}.ub-login-help,.ub-login-error{margin:14px 0 0;font-size:10px;line-height:1.5}.ub-login-help{color:var(--demo-muted)}.ub-login-error{color:var(--demo-error)}.ub-login .ub-login-submit{color:#fff;cursor:pointer;background:#222725;border:1px solid #222725;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:16px;font-size:12px;font-weight:700;display:flex}.ub-login .ub-login-submit:hover:not(:disabled){background:#28462d;border-color:#28462d}.ub-login .ub-login-submit:disabled{border-color:var(--demo-disabled-border);background:var(--demo-disabled-bg);color:var(--demo-disabled-fg);opacity:1;cursor:not-allowed}.ub-login-policy{color:var(--demo-muted)}@media (max-width:760px){.ub-login-brand-image{object-position:center 61%}.ub-login-brand-copy h1{margin-top:7px;font-size:23px}.ub-login-brand-copy p{display:none}}