:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; background: #111315; color: #f0f1f2; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
.portal-header { min-height: 72px; display: flex; align-items: center; gap: 24px; padding: 16px 32px; border-bottom: 1px solid #2c3034; background: #111315; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 25px; letter-spacing: -1.2px; font-weight: 750; }
.brand svg { width: 27px; height: 27px; color: #b5f37b; }
.brand-dot { color: #b5f37b; }
.header-divider { width: 1px; height: 24px; background: #34383c; }
.header-title { color: #b9bec4; font-size: 14px; font-weight: 500; }
.header-link { margin-left: auto; color: #c5c9ce; text-decoration: none; font-size: 13px; }
.header-link:hover { color: #b5f37b; }
#portal-status, noscript { display: block; margin: 48px auto; padding: 0 24px; max-width: 800px; color: #b9bec4; line-height: 1.6; }
#portal-status[hidden] { display: none; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 1000; padding: 12px; background: #b5f37b; color: #111315; }
.skip-link:focus { top: 8px; }
a:focus-visible { outline: 2px solid #b5f37b; outline-offset: 5px; }
@media (max-width: 540px) { .portal-header { gap: 14px; padding: 16px; } .header-title { font-size: 12px; } .brand { font-size: 22px; } }