.header{max-width:var(--max-content-width);justify-content:space-between;align-items:center;margin:0 auto;padding:15px;display:flex;overflow:hidden}.header-container{background:linear-gradient(to right,var(--gradient-darkest),var(--bg-darkest),var(--gradient-darkest));border-radius:var(--border-radius-xl)var(--border-radius-xl)0 0}.header__logo{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:24px;display:flex}.header__logo-bold{border-bottom:6px solid var(--highlight-yellow);font-weight:800}.header__logo-light{font-weight:100}.header__logo-svg{width:35px}.header__challenge-button{background-color:var(--bg-dark);border-radius:9999px;justify-content:center;align-items:center;gap:10px;width:205px;padding:6px 0;display:flex;box-shadow:inset 1px 1px 2px #ffffff1a}.header__challenge-button svg{filter:drop-shadow(3px 3px 5px rgba(0,0,0,var(--shadow)))}.header__challenge-button span{color:var(--text-muted)}.header__title{font-size:var(--text-xxl);background:linear-gradient(135deg,var(---yellow-title)0%,var(--green-title)100%);-webkit-text-fill-color:transparent;background-size:150% 150%;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-weight:900;animation:6s infinite gradientTitle;display:inline-block}@keyframes gradientTitle{0%,to{background-position:0%}50%{background-position:100%}}.header__center{position:relative}.header__title-outline{background-color:var(--highlight-yellow);width:100%;height:20px;position:absolute}.header__right{align-items:center;gap:15px;display:flex}.header__home-btn{background-color:var(--highlight-yellow);border-radius:9999px;place-items:center;padding:8px 11px;display:grid}.header__home-btn svg{filter:drop-shadow(3px 3px 5px #00000080)}.home-btn{background-color:var(--highlight-yellow)}.header__color-mode-btn{background-color:var(--bg-dark);border-radius:50px;place-items:center;width:33px;height:33px;display:grid;box-shadow:inset 1px 1px 2px #ffffff1a}.header__challenge-button--disabled{pointer-events:none}.header__challenge-button--disabled>*{opacity:.2}.navigation-responsive{display:none}@media (max-width:1200px){.header-container{z-index:10;background:var(--bg-header-darkest);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:0;border-radius:0;position:sticky;top:0}.header__title{font-size:var(--text-l)}.header__challenge-button--desktop{display:none}.header{gap:15px}.navigation-responsive{background-color:var(--gradient-darkest);padding:10px var(--padding-left-mobile);justify-content:space-between;display:flex}.navigation-responsive button{width:170px;padding:2px 0}.navigation-responsive button>span{font-size:var(--text-xs)}.header__right{flex-direction:row-reverse}.header__logo{font-size:var(--text-s);flex-direction:row;justify-content:center;align-items:center;gap:4px;display:flex}.header__logo-svg{width:20px}}@media (max-width:600px){.header__color-mode-btn{display:none}.nav-sep{border:.5px solid var(--bg-dark);height:30px}.navigation-responsive{justify-content:space-between;align-items:center;display:flex}.navigation-responsive button{box-shadow:none;background:0 0}.header__logo-svg{display:none}.header__logo-bold{border-bottom:none}}