.header-top-bar{width:100%;background:#1e40af;color:white;font-size:.75rem;padding:.5rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.header-top-bar a{color:white;text-decoration:none;font-weight:500;transition:opacity .2s}.header-top-bar a:hover{opacity:.85}.header-top-bar-sep{color:rgba(255,255,255,.4)}.header{z-index:999;border-bottom:1px solid var(--border-dark)}.bottom-shadow,.header{width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:4rem;position:sticky;top:0;background:var(--surface-dark)}.bottom-shadow{box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:1000}.bottom-shadow .header-link{color:var(--text-slate-300)}.bottom-shadow .header-button.light{border:1px solid #2563eb!important;color:#2563eb!important}.bottom-shadow .header-button.dark{color:white!important;background:#2563eb!important}.nav-bar{display:flex}.header-btns{width:calc(50% - 12.5rem)}.header-link{font-size:1rem;font-weight:500;cursor:pointer;position:relative;display:flex;align-items:center;line-height:1;color:var(--text-slate-300)}.header-link:hover{color:var(--accent-cyan);text-decoration:none}.header-button{height:2.75rem;min-width:9.75rem;padding:0 1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;cursor:pointer;opacity:100%;transition:all .2s ease}.header .header-button.light{border:1px solid #2563eb!important;color:#2563eb!important}.header .header-button.light:hover{background:#eff6ff!important}.header .header-button.dark{color:white!important;background:#2563eb!important}.header .header-button.dark:hover{background:#1d4ed8!important}.bottom-shadow .header-button.light:hover{background:#eff6ff!important}.bottom-shadow .header-button.dark:hover{background:#1d4ed8!important}.mobile-header{display:none}.new-header-logo{height:2.5rem;width:calc(50% - 12.5rem)}.ccs-logo,.new-header-logo img{height:100%}.ccs-logo{display:flex;align-items:center;justify-content:flex-start}.ccs-logo img{height:2.5rem;width:2.5rem}.logo-container{display:flex;width:fit-content;border-radius:.5rem;overflow:hidden;height:100%}@media (max-width:2000px) and (min-width:1601px){.bottom-shadow,.header{height:4rem}.new-header-logo{height:2.5rem;width:calc(50% - 13.5rem)}.header-link{font-size:1.125rem}.header-btns{width:calc(50% - 13.5rem)}.header-button{height:3rem}}@media (max-width:1600px) and (min-width:1201px){.new-header-logo{height:2.5rem}.header-link{font-size:.875rem}}@media (max-width:1024px){.header-top-bar{font-size:.6875rem;padding:.375rem 1rem;gap:.75rem;flex-wrap:wrap;justify-content:center;text-align:center}.header{height:3.75rem;padding:0 1rem}.header-mobile-logo{width:calc(50% - 2rem);display:flex;justify-content:flex-start}.header-mobile-hamburger{display:flex;justify-content:flex-end;width:calc(50% - 2rem)}.bottom-shadow{height:3.75rem;padding:0 1rem}.side-bar{height:100vh;width:100vw;position:fixed;background-color:rgba(0,0,0,.5);display:flex;justify-content:flex-end;bottom:0;left:0;z-index:9999}.side-bar-inner{background:#0f172a;height:100%;width:75%;max-width:20rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;-webkit-overflow-scrolling:touch}.side-bar-head{margin:2rem 0;font-size:1.5rem;font-weight:600;color:#ffffff}.side-bar-item{margin:1rem 0;font-size:1.25rem;font-weight:500;color:#ffffff}.side-bar-list{font-size:1.125rem;margin:1rem}.mobile-logo{height:2rem}.mobile-logo img{width:100%;height:100%;object-fit:contain}}