/* Access, recovery, invitation and password setup use the same Continuum family. */
html body.login-page{background:#08080c;color:#f4f2fa;min-height:100dvh;font-family:var(--ds-font)}
.login-page .login-shell{min-height:100dvh;background:#08080c;grid-template-columns:1.05fr 1fr}
.login-page .login-showcase{background:radial-gradient(ellipse at 65% 40%,rgba(105,68,180,.17),transparent 65%),#09090f;border-right:1px solid #292433}
.login-page .login-showcase-content{padding:48px clamp(32px,4.5vw,76px);max-width:none}
.login-page .login-showcase-copy h1{color:#f4f2fa;font-size:clamp(42px,4.5vw,66px);letter-spacing:-.055em;line-height:1.08;font-weight:650}
.login-page .login-showcase-copy h1 span{font-family:var(--ds-serif);font-style:italic;color:#d8cbe9;font-weight:400;background:none;-webkit-text-fill-color:currentColor}
.login-page .login-showcase-description{font-size:17px;line-height:1.8;color:#b6b2c6;max-width:44ch}
.login-page .login-showcase-beam{background:linear-gradient(180deg,transparent,rgba(136,107,232,.35),rgba(87,70,180,.08));opacity:.55}
.login-page .login-showcase-grid{opacity:.16}
.login-page .login-showcase-glow{opacity:.2;filter:blur(65px)}
.login-page .login-benefits{gap:22px;margin-top:34px}
.login-page .login-benefit{background:none;border:0;box-shadow:none;padding:0;gap:16px}
.login-page .login-benefit-icon{background:rgba(150,116,240,.1);border:1px solid #48405b;color:#c5b6ed;border-radius:50%;width:38px;height:38px}
.login-page .login-benefit-content strong{color:#f4f2fa;font-size:15px}
.login-page .login-benefit-content p{color:#b6b2c6;font-size:14px;line-height:1.7}
.login-page .login-showcase-footer{color:#9994ac;font-size:12px}
.login-page .login-access{background:#08080c;padding:48px clamp(28px,5vw,80px)}
.login-page .login-access-content{max-width:420px;width:100%;margin:auto}
.login-page .login-access-content{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.login-page .login-access-content::before,.login-page .login-access::before,.login-page .login-access::after{display:none}
.login-page .login-showcase-copy::before{display:none}
.login-page .login-showcase-status-dot{background:#a697ff;box-shadow:0 0 0 4px rgba(166,151,255,.12)}
.login-page .login-security-icon{background:none;border:0;box-shadow:none}
.login-page .login-security-icon .rq-icon{width:18px;height:18px}
.login-page .login-access-heading h2{font-size:38px;font-weight:650;letter-spacing:-.045em;color:#f4f2fa;line-height:1.15}
.login-page .login-access-heading p{font-size:15px;line-height:1.7;color:#b6b2c6}
.login-page .login-access-eyebrow{color:#bca9f0;letter-spacing:.12em;font-size:11px}
.login-page .login-back-site{color:#b6b2c6;display:inline-flex;align-items:center;gap:9px;min-height:44px}
.login-page .login-back-arrow{display:inline-flex;font-size:inherit}
.login-page .login-form{margin-top:28px;gap:22px}
.login-page .form-group label{color:#d3cede;font-size:14px;margin-bottom:10px}
.login-page .form-group input{background:#15141e;color:#f4f2fa;border:1px solid #393345;border-radius:8px;min-height:52px;font-size:16px;padding:14px 16px}
.login-page .form-group input:focus{background:#1a1727;border-color:#b19df5;box-shadow:0 0 0 3px rgba(166,151,255,.15)}
.login-page .form-group input::placeholder{color:#9994ac}
.login-page .login-button{background:var(--ds-action-bg);border:1px solid #ddd4ff;color:var(--ds-action-ink);border-radius:8px;min-height:52px;box-shadow:none;font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px}
.login-page .login-button:hover{background:#e0d8ff;transform:none}
.login-page .login-button:disabled{opacity:.6;cursor:wait}
.login-page :is(.login-password-toggle,.forgot-password-link){color:#c4b4ef;min-height:44px}
.login-page .login-password-toggle{border-radius:6px;width:44px}
.login-page :is(.login-message,.rq-recovery-input-hint){font-size:14px;line-height:1.7;color:#d5c3ef;overflow-wrap:anywhere}
.login-page .login-message:not(:empty){padding:14px 16px;background:#171320;border:1px solid #40354e;border-radius:8px;margin-top:16px}
.login-page :is(.login-security,.login-access-footer,.login-access-footer a){color:#b6b2c6;font-size:13px;line-height:1.7}
.login-page .login-security-icon{color:#bca9f0;display:inline-flex;align-items:center}
.login-page .rq-recovery-expired{background:radial-gradient(ellipse at 65% 15%,rgba(118,82,200,.13),transparent 50%),#08080c;color:#f4f2fa;min-height:100dvh}
.login-page .rq-recovery-expired h1{color:#f4f2fa;letter-spacing:-.045em}
.login-page .rq-recovery-expired p{color:#b6b2c6;line-height:1.8}
.login-page .rq-recovery-secondary{color:#d3c1ee;border-color:#40354e;background:#15121d;min-height:48px}
@media(max-width:1024px){.login-page .login-showcase-content{padding:36px}.login-page .login-showcase-copy h1{font-size:46px}.login-page .login-access{padding:36px}}
@media(max-width:820px){
  .login-page .login-shell{display:block;min-height:100dvh}
  .login-page .login-showcase{display:none}
  .login-page .login-access{min-height:100dvh;padding:28px 24px 44px;background:radial-gradient(ellipse at 90% 0,rgba(101,67,168,.17),transparent 55%),#08080c;display:block}
  .login-page .login-access-content{max-width:440px}
  .login-page .login-mobile-brand{display:block;margin:0 0 22px}
  .login-page .login-mobile-logo{width:128px;height:40px;object-fit:contain}
  .login-page .login-access-heading{margin-top:24px}
  .login-page .login-access-heading h2{font-size:35px}
  .login-page .login-access-heading p{font-size:15px}
  .login-page .login-form{margin-top:26px}
  .login-page .login-back-site{margin-bottom:12px}
  .login-page .login-access-footer{margin-top:28px}
  .login-page .rq-recovery-expired{padding:24px 20px}
  .login-page .rq-recovery-expired-actions{display:grid;gap:14px}
}
@media(max-width:375px){.login-page .login-access{padding:22px 20px 36px}.login-page .login-access-heading h2{font-size:31px}.login-page .login-password-label{gap:8px}.login-page .forgot-password-link{font-size:12px}}

/* Access is a product workspace, not a second commercial landing. */
.login-page .login-showcase-content{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;box-sizing:border-box;padding-top:70px;padding-bottom:70px}
.login-page .login-showcase-copy h1{font-size:clamp(40px,4vw,58px);line-height:1.12}
.login-page .login-showcase-description{font-size:16px;line-height:1.65;max-width:36ch}
.rq-access-thread{margin:30px 0 0;width:100%;max-width:460px;position:relative}.rq-access-thread svg{width:100%;overflow:visible}.rq-access-thread path{fill:none;stroke:url(#access-light);stroke-width:1;filter:drop-shadow(0 0 8px #b49ae6)}.rq-access-thread circle{fill:#16121f;stroke:#9681c5;stroke-width:1}.rq-access-thread text{fill:#e3d9f3;text-anchor:middle;font:12px var(--ds-font)}.rq-access-thread figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b6b2c6;line-height:1.6}
.login-page .login-showcase-footer{margin-top:40px;padding-top:20px;border-top:1px solid #292433}.login-page .login-form{gap:20px}.login-page .login-access-heading h2{font-size:34px;line-height:1.15}.login-page .login-security{margin-top:24px;padding-top:20px;border-top:1px solid #292433}
@media(max-width:820px){.login-page .login-access-heading h2{font-size:30px}.login-page .login-access-content{max-width:440px}.login-page .login-access{padding-top:36px}.login-page .login-form{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.rq-access-path{stroke-dasharray:120 800;animation:rq-access-track 12s linear infinite}@keyframes rq-access-track{to{stroke-dashoffset:-920}}}
