.login-page{min-height:100dvh;background:#fafafa;display:flex;flex-direction:column}
.login-header-label{font-size:12px;color:var(--muted);white-space:nowrap}
.login-layout{width:min(1060px,100%);margin:auto;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:100px;padding:70px 28px 80px}
.login-intro .eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin-bottom:22px}
.login-intro h1{font-size:64px;line-height:1.08;letter-spacing:-2.7px;font-weight:600;color:var(--text)}
.login-intro h1>span{color:var(--blue)}
.login-lede{font-size:17px;line-height:1.85;color:var(--muted);margin-top:24px}
.login-families{display:grid;gap:22px;margin-top:41px}
.login-family{display:flex;align-items:center;gap:13px}
.login-family-icon{height:42px;width:42px;border-radius:10px;background:#fff;border:1px solid #dce8f6;display:grid;place-items:center;color:var(--blue);font-size:27px}
.login-family h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}
.login-family p{font-size:13px;color:var(--muted);margin-top:4px}
.login-tag{font-size:9px;color:var(--blue);background:#e1edfc;padding:2px 5px;border-radius:3px}
.login-workflow{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-top:42px;letter-spacing:.4px}
.login-workflow>span{background:#ffffffa8;border:1px solid #dfe9f5;padding:6px 12px;border-radius:20px}
.login-workflow i{width:26px;height:1px;background:#b9cee5;position:relative}
.login-workflow i:after{content:"";position:absolute;right:0;top:-2px;border-right:1px solid #a6bfdc;border-top:1px solid #a6bfdc;transform:rotate(45deg);width:5px;height:5px}
.login-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:36px 34px 30px;box-shadow:0 12px 50px #29466c09,0 2px 6px #29466c03}
.login-symbol{display:grid;place-items:center;width:49px;height:49px;border:1px solid #d8e9fa;border-radius:12px;background:#f0f7ff;color:var(--blue);margin-bottom:27px}
.login-card-eyebrow{font-size:9px;font-weight:600;color:var(--muted);letter-spacing:1.4px;margin-bottom:11px}
.login-card h2{font-size:28px;line-height:1.35;letter-spacing:-.7px;font-weight:600;color:var(--text)}
.login-card-copy{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-top:14px;margin-bottom:27px}
.login-button-wrap{position:relative}
.login-submit{width:100%;min-height:45px;padding:11px 43px;font-size:13px;font-weight:600;justify-content:center}
.login-button-arrow{position:absolute;right:19px;top:14px;color:#fff;pointer-events:none}
.login-security{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:19px;margin-bottom:25px}
.login-access-note{border-top:1px solid var(--border);padding-top:22px;font-size:12px;line-height:1.8;color:var(--muted)}
.login-error{padding:12px 14px;background:#fff4f3;color:var(--danger);border:1px solid #f1d8d5;border-radius:6px;font-size:12px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:15px}
.login-error[hidden]{display:none}
.login-footer{display:flex;justify-content:space-between;gap:18px;padding:22px 32px;border-top:1px solid #e6ecf4;color:var(--muted);font-size:10px}
.login-footer-dot{margin:0 8px;color:var(--muted)}
.session-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#fafafa}
.session-screen .login-card{max-width:430px;width:100%}.session-screen h1{font-size:24px;line-height:1.4;margin-top:28px;color:var(--text)}
.session-screen .login-card>p{font-size:13px;line-height:1.8;color:var(--muted);margin:15px 0 25px}
.session-actions{display:flex;gap:12px}.session-screen .microsoft-wordmark{font-size:14px}.session-screen .lumina-wordmark{font-size:14px}.session-screen .header-brand{gap:12px}
@media(min-width:1500px){.login-layout{gap:135px;width:min(1140px,100%);grid-template-columns:1fr 430px}}
@media(max-width:900px){.login-layout{gap:40px;grid-template-columns:1fr 380px;padding:60px 30px}.login-intro h1{font-size:51px}.login-lede{font-size:15px}.login-card{padding:30px 28px}.login-intro .eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:720px){.login-layout{grid-template-columns:1fr;gap:34px;max-width:460px;padding:38px 22px 45px}.login-intro h1{font-size:42px;letter-spacing:-1.6px}.login-intro h1 br{display:none}.login-intro .eyebrow{margin-bottom:14px}.login-lede{margin-top:13px;font-size:14px;line-height:1.7}.login-families,.login-workflow{display:none}.login-card h2{font-size:26px}.login-card h2 br{display:none}.login-card-copy{margin-bottom:22px}.login-symbol{margin-bottom:22px}.login-page .site-header{padding:0 20px;height:65px;gap:10px}.login-page .header-brand{gap:11px}.login-page .microsoft-wordmark{font-size:15px}.login-page .lumina-wordmark{font-size:15px}.login-header-label{display:none}.login-footer{padding:20px 22px;font-size:9px;flex-wrap:wrap}}
@media(max-width:400px){.login-page .site-header{padding:0 16px}.login-page .header-brand{gap:8px}.login-page .microsoft-wordmark,.login-page .lumina-wordmark{font-size:14px}.login-page .preview-badge{font-size:7px;margin-left:0}.login-card{padding:28px 24px}.login-footer{gap:9px}.session-screen .header-brand{flex-wrap:wrap}}
.login-page .site-header{height:64px;border-color:#e0e0e0;padding:0 22px}
.login-page .header-brand{gap:12px}.login-page .preview-badge{display:none}
.login-page .microsoft-wordmark,.login-page .lumina-wordmark{font-size:15px;letter-spacing:-.3px}
.login-page .grounding-word{font-weight:500;color:var(--text)}
.login-intro h1{font-size:54px;font-weight:600;letter-spacing:-1.8px}
.login-card{border-radius:4px;box-shadow:none;border-color:#d1d1d1}
.login-family-icon,.login-symbol{border-radius:4px;background:#f5f5f5;border-color:#d1d1d1}
.login-workflow>span{border-radius:3px;background:#fff;border-color:#d1d1d1}
.login-submit{border-radius:4px;box-shadow:none}
.login-footer{background:#fff;border-color:#e0e0e0;font-size:11px}
@media(max-width:720px){.login-page .site-header{height:58px;padding:0 18px}.login-intro h1{font-size:38px;letter-spacing:-1px}}
.session-workspace { display: contents; }
.session-workspace[hidden] { display: none; }
.auth-transition{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#fafafa;color:var(--text);font-size:14px;text-align:center}
.auth-transition [hidden]{display:none}.auth-transition #login-error{max-width:460px;color:var(--danger);line-height:1.6}