:root{color:#18242c;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:20rem;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{box-sizing:border-box;max-width:72rem;min-height:100vh;margin:0 auto;padding:2rem}.topbar{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.topbar h1,.welcome-card h2{margin:.3rem 0 0}.eyebrow{color:#52616b;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.status{border:1px solid #b8c4cc;border-radius:999px;padding:.45rem .75rem}.status--connected{color:#155c31;background:#e8f7ee;border-color:#71b58a}.status--offline{color:#7d2719;background:#fff0ed;border-color:#dc8f80}.portal-switcher{flex-wrap:wrap;gap:.75rem;margin:2rem 0;display:flex}.portal-switcher button{color:#23313a;cursor:pointer;background:#fff;border:1px solid #c7d1d8;border-radius:.65rem;padding:.7rem 1rem}.portal-switcher button.active{color:#fff;background:#5636d3;border-color:#5636d3}.welcome-card{background:linear-gradient(145deg,#fff,#f3f0ff);border:1px solid #ded8fa;border-radius:1rem;padding:clamp(1.5rem,5vw,4rem);box-shadow:0 1.25rem 3rem #37267d1a}.welcome-card p:last-child{color:#52616b;max-width:48rem;line-height:1.7}.onboarding-card{background:#fff;border:1px solid #dce3e8;border-radius:1rem;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem)}.onboarding-card h2,.onboarding-result h3{margin:.25rem 0 .5rem}.onboarding-card>div>p:last-child{color:#52616b;margin-bottom:1.5rem;line-height:1.5}.onboarding-form{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem;display:grid}.onboarding-form label{gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.onboarding-form input{border:1px solid #b8c4cc;border-radius:.45rem;padding:.65rem .75rem}.onboarding-form button,.onboarding-result button{color:#fff;cursor:pointer;background:#5636d3;border:0;border-radius:.45rem;padding:.75rem 1rem;font-weight:700}.onboarding-result{background:#f3f0ff;border:1px solid #ded8fa;border-radius:.65rem;margin-top:1.25rem;padding:1rem}.onboarding-result code{overflow-wrap:anywhere;background:#fff;margin:.75rem 0;padding:.65rem;display:block}.form-error{color:#9a2318}.success{color:#155c31;font-weight:700}.sign-in-page{background:linear-gradient(145deg,#f6f8fa,#eeeaff);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.sign-in-card{background:#fff;border:1px solid #ded8fa;border-radius:1rem;width:100%;max-width:25rem;padding:2rem;box-shadow:0 1.25rem 3rem #37267d1f}.sign-in-card h1{margin:.35rem 0}.sign-in-help{color:#52616b;line-height:1.5}.sign-in-card form{gap:.55rem;display:grid}.sign-in-card label{margin-top:.5rem;font-size:.9rem;font-weight:600}.sign-in-card input{border:1px solid #b8c4cc;border-radius:.45rem;padding:.7rem}.sign-in-submit{color:#fff;cursor:pointer;background:#5636d3;border:0;border-radius:.45rem;margin-top:.65rem;padding:.75rem;font-weight:700}.sign-in-submit:disabled{cursor:wait;opacity:.65}.sign-in-link{color:#5636d3;cursor:pointer;text-align:left;background:0 0;border:0;padding:.35rem 0;font-size:.85rem}.activation-page{box-sizing:border-box;max-width:38rem;margin:10vh auto;padding:2rem}.activation-page button{color:#fff;cursor:pointer;background:#5636d3;border:0;border-radius:.45rem;padding:.75rem 1rem;font-weight:700}@media (width<=40rem){.app-shell{padding:1rem}.topbar{flex-direction:column;align-items:flex-start}}