:root{font:16px/1.6 system-ui,-apple-system,sans-serif;color:#2c3e50;background:#edf2f5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:28px}.identity-card{width:min(100%,520px);background:#fff;border:1px solid #cbd8e2;border-radius:20px;padding:40px;box-shadow:0 20px 70px #2c3e5014}.identity-card img{border-radius:12px}.identity-card h1{font-size:32px;line-height:1.2;margin:24px 0 14px}.identity-action{display:block;background:#2c3e50;color:#fff;text-decoration:none;padding:14px 18px;border:1px solid #2c3e50;border-radius:10px;margin-top:22px;font-weight:650;text-align:center;min-height:48px}.identity-secondary{background:#fff;color:#2c3e50}.identity-action:hover{background:#1f2a38;color:#fff}.identity-note{font-size:13px;color:#526774;margin:16px 0}.identity-link{display:block;margin-top:22px;color:#007d72;min-height:44px;text-underline-offset:3px}a:focus-visible{outline:3px solid #007d72;outline-offset:4px}@media(max-width:500px){body{padding:16px}.identity-card{padding:28px 22px}.identity-card h1{font-size:28px}}
.identity-action{width:100%;font:inherit;cursor:pointer}
/* Tenant-first access uses the established Kew navy and teal brand. */
.identity-login{padding:24px;background:#edf2f5}.identity-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1180px,100%);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 90px #1f2a381a;min-height:760px}.identity-story{padding:48px;background:linear-gradient(145deg,#1f2a38,#244853);color:#e1edf1;display:flex;flex-direction:column;justify-content:space-between;gap:42px}.identity-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:.12em}.identity-brand img{border-radius:13px}.identity-brand small{display:block;font-size:9px;letter-spacing:.2em}.identity-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#087367}.identity-story .identity-eyebrow{color:#b5eee2}.identity-story h2{font:500 clamp(38px,4.7vw,62px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:20px 0}.identity-story h2 em{color:#a5e9d9;font-style:italic}.identity-story p{line-height:1.8;color:#d4e2eb;max-width:410px}.identity-path{display:flex;flex-direction:column;gap:18px;margin-top:34px;font-size:14px}.identity-path b{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border:1px solid #7caca9;border-radius:50%;color:#b5eee2;font-size:11px}.identity-story-foot{font-size:12px}.identity-panel{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.identity-panel .identity-card{width:100%;border:0;padding:0;box-shadow:none}.identity-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.identity-secure{font-size:11px;color:#526774;border:1px solid #d6e5e4;border-radius:30px;padding:5px 10px}.identity-card h1{font-size:clamp(28px,3.2vw,38px);letter-spacing:-.04em}.identity-step{font-size:10px;font-weight:750;letter-spacing:.1em;color:#526774;margin:34px 0 0}.identity-lead{font-size:16px;line-height:1.7;color:#526774;margin-bottom:28px}.identity-form label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.identity-form input[name=tenant]{width:100%;font:inherit;font-size:18px;padding:15px;border:1px solid #8ba9b2;border-radius:10px;color:#1f2a38;min-height:56px}.identity-form input[aria-invalid=true]{border-color:#a02e37}.identity-form .identity-action{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.identity-action{background:#08766e;border-color:#08766e}.identity-action:hover{background:#075b56}.identity-action[hidden]{display:none}.identity-workspace{padding:18px;border:1px solid #c9deda;background:#f0f7f5;border-radius:14px;display:flex;gap:14px;align-items:center;overflow-wrap:anywhere}.identity-workspace-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#2c3e50;color:#fff;font-weight:800}.identity-workspace>div{display:flex;flex-direction:column;gap:3px;min-width:0}.identity-workspace>div span{font-size:12px;color:#526774}.identity-workspace>a{margin-left:auto;color:#076b63;font-size:12px;min-height:44px;display:flex;align-items:center}.identity-provider-note{display:flex;gap:12px;margin:22px 0;color:#526774;font-size:13px}.identity-provider-note>span{color:#087367;font-weight:800}.identity-provider-note p{margin:0}.identity-help{margin-top:24px;border-top:1px solid #d5e1e5;padding-top:14px;font-size:13px;color:#526774}.identity-help summary{cursor:pointer;min-height:44px;font-weight:700;color:#2c3e50;padding:10px 0}.identity-help a{color:#076b63;display:inline-flex;align-items:center;min-height:44px}.identity-bottom{margin-top:28px;border-top:1px solid #d5e1e5;padding-top:12px}.identity-bottom .identity-link{margin-top:6px;font-size:13px;display:flex;align-items:center;min-height:44px}.identity-return{margin-top:26px;color:#526774;min-height:44px;display:flex;align-items:center;font-size:13px}.identity-error{border:1px solid #dfafb3;background:#fff1f1;padding:16px;border-radius:10px;color:#842b34;font-size:14px;margin:20px 0}.identity-error p{margin:6px 0 0}.identity-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.identity-install{max-width:640px;width:100%}.identity-install .identity-eyebrow{display:block;margin-top:24px}.identity-install h2{font-size:20px;margin-top:28px}.identity-install-steps{padding-left:24px}.identity-install-steps li{padding:8px 0}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087367;outline-offset:4px}
@media(max-width:800px){.identity-login{padding:16px}.identity-shell{grid-template-columns:1fr;min-height:0;max-width:580px}.identity-panel{padding:34px 26px;order:0}.identity-story{order:1;padding:28px;gap:25px}.identity-story>div,.identity-story-foot{display:none}.identity-brand{font-size:20px}.identity-card h1{margin-top:18px}.identity-step{margin-top:25px}.identity-topline{gap:8px}.identity-secure{font-size:10px}.identity-workspace{gap:10px;padding:14px}.identity-workspace-mark{width:36px;height:36px;flex-basis:36px}.identity-card{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}