:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#12304b;background:radial-gradient(circle at 50% 5%,#ddebff 0%,#f1f6ff 40%,#f8fafc 100%)}
.entry-shell{width:min(620px,calc(100% - 32px));margin:0 auto;padding:clamp(24px,5vw,56px) 0}.brand-link{display:flex;justify-content:center;align-items:center;gap:12px;color:#0a315f;text-decoration:none;font-size:clamp(13px,2vw,17px);font-weight:800;letter-spacing:.025em;margin-bottom:32px}.brand-link img{width:68px;height:68px;object-fit:contain}
.entry-card{color:#172b47;background:#fff;border:1px solid #d9e4f3;border-radius:22px;box-shadow:0 25px 90px #133b7021;padding:clamp(22px,5vw,40px)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#2263a5;margin:0 0 12px}h1{color:#172b47;font-size:clamp(27px,5vw,35px);line-height:1.15;letter-spacing:-.03em;margin:0 0 10px}.subtitle{color:#51667f;line-height:1.6;margin:0 0 24px}
.role-options{display:grid;gap:13px}.role-option{display:flex;align-items:center;gap:17px;border:1px solid #d4e2f2;padding:21px 18px;text-decoration:none;color:#163957;border-radius:15px;background:#f9fbff;transition:background .18s,border-color .18s,box-shadow .18s}.role-option:hover,.role-option:focus-visible{background:#eaf3ff;border-color:#3276ba;box-shadow:0 4px 18px #1a58a316;outline-offset:3px}.option-icon{display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;background:#dcecff;border-radius:13px;color:#125b9e;font-size:24px}.option-copy{display:grid;gap:5px;flex:1}.option-copy strong{font-size:17px}.option-copy small{font-size:13px;color:#506882;line-height:1.5}.arrow{color:#1762ae;font-size:25px}
.foot-note{color:#60738b;font-size:12px;line-height:1.6;margin:23px 0 0}.bottom-links{display:flex;justify-content:center;gap:14px;margin:20px 0 0;color:#69798d;font-size:13px}.bottom-links a{color:#155fa6;font-weight:600;text-decoration:none}.bottom-links a:hover{text-decoration:underline}
@media(max-width:410px){.brand-link img{width:52px;height:52px}.role-option{padding:16px 12px;gap:11px}.option-icon{width:38px;height:38px;font-size:21px}.arrow{font-size:20px}}

/* A saved BMS dark-mode preference must not put light heading text on the white sign-in card. */
html[data-bms-theme="dark"] .entry-card{color:#172b47;background:#fff}
html[data-bms-theme="dark"] .entry-card h1{color:#172b47}
html[data-bms-theme="dark"] .entry-card .subtitle{color:#445b74}
html[data-bms-theme="dark"] .brand-link{color:#e9f2ff}
html[data-bms-theme="dark"] .role-option{background:#f6f9ff;color:#163957;border-color:#bed1e8}
html[data-bms-theme="dark"] .role-option small{color:#445f7b}
.role-option:focus-visible,.bottom-links a:focus-visible,.brand-link:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
@media(max-width:420px){.entry-card{padding:22px 18px}.role-option{min-height:72px}.bottom-links{flex-wrap:wrap}}