:root,body{--brand-navy:#0b2b4c;--brand-orange:#ff8500;--brand-orange-hover:#f59a38;--brand-soft:#fff0df;--brand-ink:#102a43;--teal:var(--brand-navy);--lime:var(--brand-orange);--pale:var(--brand-soft);--ink:var(--brand-ink);--line:#dce3eb;--muted:#5c6d80}
body{background:#f7f9fb}
.brand-logo{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:5px 7px;background:#fff;border-radius:9px;flex-shrink:0;line-height:1.2;color:var(--brand-navy)}
.brand-logo .brand-mark{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.brand-lockup{display:block;min-width:0}
.brand-logo .brand-wordmark{display:block;width:190px;height:auto;max-width:100%;object-fit:contain;margin:0;padding:0;font:inherit}
.brand-logo .brand-lockup small{display:block;font:8px/1.3 Arial,sans-serif;color:var(--brand-navy);letter-spacing:.1px;margin:3px 0 0;text-align:center;white-space:nowrap}
.portal-header>.brand-logo{width:250px}
.site-footer .brand-logo .brand-mark{width:40px;height:40px}
.site-footer .brand-logo .brand-wordmark{width:170px}
.button.lime,.balance-panel .button{color:var(--brand-navy);background:var(--brand-orange);border-color:var(--brand-orange)}
.button.lime:hover,.balance-panel .button:hover{background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);color:var(--brand-navy)}
.button.primary{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.button.primary:hover{background:#173e65;border-color:#173e65}
a:focus-visible,button:focus-visible{outline-color:#c96900}
input:focus,textarea:focus,select:focus{outline-color:#ff850080}
::selection{background:#ffd5a6;color:#0b2b4c}
.page-stock .portal-header .brand-logo .brand-lockup small{color:var(--brand-navy)}
.errors-brand{margin-bottom:24px}
.auth-story::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,43,76,.96) 0%,rgba(11,43,76,.88) 38%,rgba(11,43,76,.3) 68%,rgba(11,43,76,.06) 100%)}
.auth-story .auth-copy{position:relative;z-index:2}
@media(max-width:1200px){.portal-header>.brand-logo{width:215px}.portal-header .brand-wordmark{width:155px}.portal-header .brand-mark{width:40px;height:40px}}
@media(max-width:560px){.brand-logo{gap:4px;padding:4px}.brand-logo .brand-mark{width:37px;height:39px}.brand-logo .brand-wordmark{width:145px}.brand-logo .brand-lockup small{font-size:6.5px}.portal-header>.brand-logo{width:178px}.portal-header .brand-wordmark{width:128px}.portal-header .brand-lockup small{font-size:5.8px}.site-footer .brand-logo .brand-wordmark{width:155px}}