/* Portal reskin: same color blocks as the marketing site. Loaded after styles.css and theme.css. */
:root{--black:#0e0b33;--coal:#17134a;--steel:#211c63;--line:#3a3490;--silver:#d9d4ff;--mute:#a7a1e0;--chalk:#f5f4ff;--paper:#f5f4ff;--ink:#0e0b33;
  --yellow:#ff7a3c;--yellow-dk:#a73a0a;--ultra:#2b1bff;--tang:#ff5a1f;--sun:#ffc400;
  --display:'Bricolage Grotesque','Arial Black',system-ui,sans-serif;--head:'Bricolage Grotesque','Arial Black',system-ui,sans-serif;--body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:var(--black);color:var(--chalk);font-family:var(--body)}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.035em}
.p-head{background:var(--ultra);border-bottom:0}
.p-head .wrap{min-height:64px}
.brand-mark{font:800 1.25rem/1 var(--display);letter-spacing:-.05em;color:#fff;text-transform:none}
.brand-bar{height:3px;background:var(--sun);border-radius:2px;margin-top:4px}
.btn{background:var(--tang);color:var(--ink);border:2px solid var(--ink);font-family:var(--body);font-weight:700;text-transform:none;letter-spacing:0}
.btn:hover{background:var(--sun);filter:none}
.btn.ghost{background:transparent;color:var(--chalk);border:2px solid var(--silver)}
.btn.ghost:hover{background:var(--chalk);color:var(--ink)}
.link,.svc-block a{color:#ffb08a}
.glow,.prog,.dash{display:none}
.card,.rq,.svc-block,.auth{border-radius:24px}
.role{background:var(--sun);color:var(--ink)}
:focus-visible{outline-color:var(--tang)}