.access-card { max-width: 480px; margin: 8vh auto; padding: 32px; background: white; border-radius: 16px; box-shadow: 0 12px 40px #142b4520; }
.access-card h1 { color: #0b3a6e; }
.access-card a { color: #0b4787; }
.access-card small { display: block; line-height: 1.6; color: #596574; }
#sign-in { margin: 24px 0; }
.access-card.workspace-active { max-width:none; margin:0; padding:0; border-radius:0; box-shadow:none; }
.workspace-active > :not(#live-workspace) { display:none; }
#live-workspace .live-cover { height:210px; background:var(--tint-soft); padding:0; }
#live-workspace .panel { margin-bottom:20px; }
#live-workspace .search { margin-bottom:20px; }
#live-workspace .company label { color:white; }
#live-workspace .company select { width:100%; padding:10px; border-radius:6px; }
#live-workspace [hidden] { display:none!important; }
#live-workspace button:disabled { opacity:.5; }
@media(max-width: 520px) { .access-card { margin: 16px; padding: 20px; } }

/* Quiet, static ribbons echo the homepage's blue palette. */
.signin-page{min-height:100vh;min-height:100svh;isolation:isolate;background:radial-gradient(ellipse at 15% 15%,#cceeff 0%,transparent 48%),radial-gradient(ellipse at 90% 90%,#c5e8fa 0%,transparent 48%),linear-gradient(135deg,#edf9ff,#f8fcff 50%,#e1f2fc);padding:48px 20px}
.signin-atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.signin-ribbon{position:absolute;display:block;width:1100px;height:580px;border-radius:50%;border:58px solid #ffffff70;box-shadow:inset 0 2px 18px #65b6e224,0 14px 45px #59aada12;transform:rotate(-36deg)}
.ribbon-one{left:-670px;top:-210px;border-right-color:#8ccfee45}
.ribbon-two{right:-710px;bottom:-160px;width:1200px;height:720px;border-width:78px;border-left-color:#8ccfee4a;transform:rotate(-42deg)}
.ribbon-three{right:-750px;bottom:-265px;width:1400px;height:870px;border-width:24px;border-color:#ffffff80;transform:rotate(-42deg)}
.signin-page .access-card:not(.workspace-active){width:100%;max-width:440px;margin:0 auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:center}
.signin-page #auth-status{font-size:.9rem;color:#5f7083;line-height:1.6;max-width:360px;margin:0 auto}
.signin-page #sign-in{text-align:left;margin:16px 0 0}
.signin-page .access-card>p:has(a){font-size:.86rem;margin:20px 0 10px}
.signin-page .access-card>small{font-size:.73rem;max-width:360px;margin:0 auto;color:#6a7e90}
.signin-page:has(.workspace-active){padding:0;background:var(--paper)}
.signin-page:has(.workspace-active) .signin-atmosphere{display:none}
@media(max-width:520px){.signin-page{padding:24px 14px}.signin-ribbon{opacity:.7}.ribbon-one{left:-850px}.ribbon-two{right:-950px}}