/* HOF Stars Brandbook 2026. Shared by the app and connection pages. */
@font-face {
  font-family: Inter;
  src: url('/assets/brand/fonts/inter-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --hs-obsidian: #02050A;
  --hs-navy: #06172C;
  --hs-deep-blue: #082F5B;
  --hs-authority-blue: #0B55A5;
  --hs-stellar-blue: #3F91F7;
  --hs-white: #F6F9FD;
  --hs-platinum: #AAB7C6;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-synthesis: none;
}
body, button, input, select, textarea { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.hs-brand-lockup { display:inline-flex; flex-direction:column; align-items:center; gap:10px; width:148px; max-width:100%; flex:none; line-height:1; color:inherit; }
.hs-brand-lockup>img { display:block; width:100%; height:auto; aspect-ratio:2048/1363; object-fit:contain; }
.hs-brand-lockup>.hs-product-name { display:block; padding-left:.5em; font-size:10px; font-weight:600; letter-spacing:.5em; line-height:1.4; color:inherit; }
.hof-mark>img { display:block; width:28px; height:28px; object-fit:contain; }
.hof-mark { background:var(--hs-navy); border-radius:11px; box-shadow:none; }
.sidebar .brand { padding:0 8px; justify-content:flex-start; }
.hof-auth>aside { background:var(--hs-navy); }
.hof-auth>aside .hs-brand-lockup { width:176px; }
.hof-auth>aside .hs-product-name { font-size:12px; }
.hof-auth h1, .page-heading h1, .portfolio-intro h1, .setup-heading h1 { font-weight:800; }
.hof-auth>aside .hs-eyebrow { color:#87B9F9; }
.hof-auth>aside p { color:#CAD7E8; }
.hof-auth>aside>small { color:var(--hs-platinum); }
.hof-auth input:focus-visible { outline:3px solid var(--hs-stellar-blue); outline-offset:3px; }
.portal-sidebar .hs-brand { margin-bottom:4px; }
.connection-brand { color:var(--hs-white); text-decoration:none; display:inline-flex; align-items:center; flex:none; }
body>header:has(.connection-brand) { background:var(--hs-navy); border-color:var(--hs-deep-blue); color:var(--hs-white); }
body>header .connection-brand .hs-brand-lockup { width:92px; gap:6px; }
body>header .connection-brand .hs-product-name { font-size:8px; }
body>header:has(.connection-brand) h1 { font-size:20px; font-weight:600; letter-spacing:-.4px; }
body>header:has(.connection-brand)>a:not(.connection-brand) { color:#BFD9FA; }
.screen-page header .connection-brand .hs-brand-lockup { width:62px; gap:4px; }
.screen-page header .connection-brand .hs-product-name { font-size:6px; }
.screen-page header #status { color:#CAD7E8; }
.screen-page header h1 { font-size:16px; }
.screen-page header .primary { background:var(--hs-authority-blue); border-color:#4984C7; color:#fff; }
.screen-page header button:not(.primary) { background:transparent; border-color:#526779; color:var(--hs-white); }
@media(max-width:760px) {
  .hof-auth>aside .hs-brand-lockup { width:126px; gap:8px; }
  .hof-auth>aside .hs-product-name { font-size:10px; }
  .portal-sidebar .hs-brand-lockup { width:110px; gap:7px; }
  .portal-sidebar .hs-product-name { font-size:9px; }
  .hof-auth>aside { padding:24px 26px; }
}
@media(max-width:600px) {
  body>header .connection-brand .hs-brand-lockup { width:76px; }
  body>header:has(.connection-brand) h1 { font-size:16px; }
  .screen-page header .connection-brand { margin-right:4px; }
}
/* The official stacked signature must leave every navigation item reachable. */
.sidebar, .portal-sidebar { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#526779 transparent; }
.sidebar>*, .portal-sidebar>* { flex-shrink:0; }