.login-page{--login-panel:var(--cq-ink-navy);--login-side:var(--cq-white);--login-card:var(--cq-white);--login-card-edge:inset 0 0 0 1px var(--cq-slate-200);--login-field:var(--cq-slate-100);--login-field-hover:var(--cq-slate-200);--login-field-edge:none;--login-label:var(--cq-slate-500);--login-icon:var(--cq-teal-ink);--ill-line:var(--cq-slate-400);--ill-ink:var(--cq-ink-navy-800);--ill-fill:var(--cq-white);--ill-screen:var(--cq-slate-50);--ill-accent:var(--cq-navy-dark);--ill-soft:1;gap:var(--cq-ds-7);min-height:100vh;padding:var(--cq-ds-7);background:linear-gradient(to right, var(--login-panel) 50%, var(--login-side) 50%);grid-template-columns:minmax(0,1fr) 460px minmax(0,1fr);align-items:center;display:grid}:root[data-theme=dark] .login-page{--login-side:var(--cq-slate-900);--login-card:var(--cq-slate-900);--login-card-edge:inset 0 0 0 1px var(--cq-ink-navy-800);--login-field:var(--cq-ink-navy-800);--login-field-hover:var(--cq-ink-navy-800);--login-field-edge:inset 0 0 0 1px var(--cq-slate-400);--login-label:var(--cq-slate-300);--login-icon:var(--cq-teal-accent);--ill-ink:var(--cq-slate-300);--ill-fill:var(--cq-ink-navy);--ill-screen:var(--cq-slate-900);--ill-accent:var(--cq-navy-medium);--ill-soft:.35}.login-brand-panel{align-self:stretch;gap:var(--cq-ds-6);color:var(--cq-slate-300);flex-direction:column;display:flex}.login-brand{gap:var(--cq-ds-2);flex-direction:column;display:flex}.login-brand b{letter-spacing:-1px;color:var(--cq-white);font-size:18px;font-weight:800;line-height:100%}.login-brand span{font-family:var(--cq-font-mono);letter-spacing:var(--cq-tracking-badge);color:var(--cq-teal-accent);font-size:11px;line-height:100%}.login-pitch{gap:var(--cq-ds-4);flex-direction:column;margin:auto 0;display:flex}.login-pitch .eyebrow{color:var(--cq-teal-accent)}.login-slogan{font-size:var(--cq-size-display);font-weight:var(--cq-weight-display);letter-spacing:var(--cq-tracking-display);color:var(--cq-white);margin:0;line-height:1.1}.login-slogan em{color:var(--cq-teal-dark);font-style:normal}.login-lede{max-width:400px;font-size:var(--cq-size-body);line-height:var(--cq-leading-prose);margin:0}.login-foot{font-family:var(--cq-font-mono);color:var(--cq-slate-400);margin-top:auto;font-size:11px;line-height:100%}.login-card{gap:var(--cq-ds-5);width:100%;padding:var(--cq-section-gap);border-radius:var(--cq-radius-header);background:var(--login-card);box-shadow:var(--login-card-edge), var(--cq-shadow-header);color:var(--cq-text-body);flex-direction:column;display:flex}.login-card .eyebrow{margin-bottom:var(--cq-ds-3);display:block}.login-card h1{font-size:var(--cq-size-h1);letter-spacing:var(--cq-tracking-display);color:var(--cq-text-heading);margin:0;font-weight:800;line-height:100%}.login-sub{margin:var(--cq-ds-2) 0 0;font-size:13px;line-height:var(--cq-leading-prose)}.login-label{padding-left:var(--cq-ds-5);letter-spacing:var(--cq-tracking-label);text-transform:uppercase;color:var(--login-label);font-size:11px;font-weight:700;line-height:100%}.login-card .cq-input{min-height:44px;padding:0 var(--cq-ds-5);border-radius:var(--cq-radius-pill);background:var(--login-field);box-shadow:var(--login-field-edge);font-size:15px}.login-card .cq-input:hover{background:var(--login-field-hover);box-shadow:var(--login-field-edge)}.login-card .cq-input:focus{box-shadow:inset 0 0 0 2px var(--cq-teal-dark);outline:none}.login-card .cq-input::placeholder{color:var(--cq-slate-400)}.login-card .cq-input.is-error,.login-card .cq-input.is-error:hover{box-shadow:inset 0 0 0 2px var(--cq-destructive-crimson)}.login-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.login-pw{display:block;position:relative}.login-pw .cq-input{padding-right:52px}.login-eye{border-radius:var(--cq-radius-pill);width:36px;height:36px;color:var(--cq-slate-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-eye:hover{color:var(--cq-teal-ink);background:var(--cq-teal-surface)}:root[data-theme=dark] .login-eye{color:var(--cq-slate-300)}:root[data-theme=dark] .login-eye:hover{color:var(--cq-teal-dark);background:0 0}.login-alert{gap:var(--cq-ds-3);padding:var(--cq-ds-3) var(--cq-ds-4);border-radius:var(--cq-radius-md);background:var(--cq-status-failed-bg);color:var(--cq-ink-navy);box-shadow:inset 0 0 0 2px var(--cq-destructive-crimson);font-size:13px;line-height:var(--cq-leading-prose);grid-template-columns:20px minmax(0,1fr);align-items:start;display:grid}.login-alert .login-icon{width:20px;height:20px;color:var(--cq-destructive-crimson)}.login-alert b{font-size:14px;line-height:1.4;display:block}.login-go{border-radius:var(--cq-radius-pill);background:var(--cq-teal-ink);width:100%;height:44px;color:var(--cq-white);font-size:14px}.login-hint{gap:var(--cq-ds-2);text-align:center;font-size:13px;line-height:var(--cq-leading-prose);color:var(--cq-text-body);justify-content:center;align-items:center;display:flex}.login-hint .login-icon{color:var(--login-icon)}.login-art{justify-content:center;align-items:center;gap:var(--cq-ds-5);flex-direction:column;min-width:0;display:flex}.login-art svg{width:100%;max-width:640px;height:auto}.la-ln{fill:none;stroke:var(--ill-line);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.la-ink{fill:none;stroke:var(--ill-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.la-fl{fill:var(--ill-fill)}.la-sc{fill:var(--ill-screen)}.la-soft{opacity:var(--ill-soft)}.login-areas{gap:var(--cq-ds-2);flex-wrap:wrap;justify-content:center;display:flex}.login-area--source{background:var(--cq-tag-source-bg);color:var(--cq-tag-source-text)}.login-area--icf{background:var(--cq-tag-lab-bg);color:var(--cq-tag-lab-text)}.login-area--recheck{background:var(--cq-tag-ecrf-bg);color:var(--cq-tag-ecrf-text)}.login-area--studies{background:var(--cq-tag-missingdoc-bg);color:var(--cq-tag-missingdoc-text)}@media (max-width:1100px){.login-page{place-content:center;gap:var(--cq-ds-6);background:var(--login-panel);grid-template-columns:minmax(0,460px)}.login-brand-panel{gap:var(--cq-ds-5)}.login-foot,.login-art{display:none}.login-slogan{font-size:28px}}@media (max-width:520px){.login-page{padding:var(--cq-ds-6) var(--cq-ds-4);align-content:start}.login-card{padding:var(--cq-ds-5)}}
