.site-header{z-index:50;padding:14px clamp(1rem,3vw,2rem) 0;position:sticky;top:0}.site-header .header-shell{-webkit-backdrop-filter:blur(22px)saturate(115%);background:radial-gradient(circle at 14% 0,#d6e5f21f,#0000 34%),#080e15c7;border:1px solid #dae9f538;border-radius:20px;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;width:min(1380px,100%);min-height:68px;margin:0 auto;padding:0 16px;display:grid;position:relative;box-shadow:0 18px 50px #00000061,inset 0 1px #ffffff1f}.site-header .brand{width:152px;transition:opacity .2s,transform .2s;display:inline-flex}.site-header .brand:hover{opacity:.88;transform:translateY(-1px)}.site-header .brand img{filter:grayscale()brightness(1.24)contrast(.94);width:100%;height:auto;display:block}.site-header .main-nav ul{background:#ccdeee09;border:1px solid #d6e5f21a;border-radius:13px;align-items:center;gap:4px;margin:0;padding:5px;list-style:none;display:flex}.site-header .main-nav{grid-column:2;justify-self:center}.site-header .main-nav a{color:#a7a8b4;border-radius:9px;padding:9px 13px;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block}.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#fff;background:linear-gradient(145deg,#72899e38,#1c283452)}.site-header a:focus-visible,.site-header summary:focus-visible{outline-offset:3px;outline:3px solid #dceaf5db}.site-header .mobile-nav{justify-self:auto;position:absolute;right:10px;display:none!important}.site-header .mobile-nav summary{cursor:pointer;border:1px solid #ffffff1a;border-radius:10px;width:42px;height:42px;padding:11px 9px;list-style:none;display:grid}.site-header .mobile-nav summary::-webkit-details-marker{display:none}.site-header .mobile-nav summary span{background:#d7d9e7;border-radius:2px;height:2px;display:block}.site-header .mobile-nav nav{background:radial-gradient(circle at 20% 0,#cedfee1f,#0000 38%),#091019;border:1px solid #d6e6f333;border-radius:14px;width:min(280px,100vw - 32px);padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 22px 55px #0000008c}.site-header .mobile-nav nav a{color:#b7b8c3;border-radius:9px;padding:12px 13px;text-decoration:none}.site-header .mobile-nav nav>div{display:grid}.site-header .mobile-nav nav a:hover{color:#fff;background:#c8dae914}.site-header .mobile-nav .mobile-nav__primary{color:#fff;text-align:center;background:radial-gradient(circle at 24% 0,#ffffff85,#0000 42%),linear-gradient(135deg,#aab9c7,#52677a 52%,#273746);border:1px solid #f1f8fdb8;margin-top:5px;transition:transform .12s,box-shadow .12s,filter .12s;transform:translateY(-2px);box-shadow:0 4px #101820,0 10px 22px #00000061}.site-header .mobile-nav .mobile-nav__primary:hover{background:radial-gradient(circle at 24% 0,#ffffffa3,#0000 44%),linear-gradient(135deg,#c0ccd7,#61778a 52%,#304151);transform:translateY(-4px);box-shadow:0 6px #101820,0 13px 26px #00000070}.site-header .mobile-nav .mobile-nav__primary:active{transform:translateY(1px);box-shadow:0 1px #101820,0 5px 12px #0000005c}.site-header .user-box{grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;min-width:0;display:flex}.site-header [hidden]{display:none!important}.site-header .logout-button{color:#b7b8c3;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:.9rem;font-weight:600}.site-header .logout-button:hover{color:#fff;background:#ffffff0f}.site-header .logout-button:focus-visible{outline-offset:3px;outline:3px solid #dceaf5db}.site-header .user-box a{color:#b7b8c3;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:inline-flex}.site-header .login-link:hover{color:#fff;background:#ffffff0f}.site-header .register-link{background:radial-gradient(circle at 24% 0,#ffffff85,#0000 42%),linear-gradient(135deg,#aab9c7,#52677a 52%,#273746);border:1px solid #f2f9feb8;transform:translateY(-2px);box-shadow:0 4px #101820,0 10px 24px #00000061;color:#fff!important}.site-header .register-link:hover{background:radial-gradient(circle at 24% 0,#ffffffa3,#0000 44%),linear-gradient(135deg,#c0ccd7,#61778a 52%,#304151);transform:translateY(-4px);box-shadow:0 6px #101820,0 14px 28px #00000075}.site-header .register-link:active{transform:translateY(1px);box-shadow:0 0 #101820,0 5px 14px #00000057}@media (width<=1180px){.site-header .header-shell{justify-content:space-between;display:flex}.site-header .main-nav,.site-header .user-box{display:none}.site-header .mobile-nav{display:block!important}}@media (width<=520px){.site-header{padding:10px 10px 0}.site-header .header-shell{border-radius:15px;min-height:60px;padding:0 8px 0 13px}.site-header .brand{width:116px}}@media (prefers-reduced-motion:reduce){.site-header .register-link{transition:none}}.site-header .header-shell{backdrop-filter:none;background:#0d1020;border:1px solid #2a3150;box-shadow:0 8px 24px #00000018}.site-header .brand{color:#fff;align-items:center;gap:9px;text-decoration:none;display:flex}.site-header .brand img{object-fit:contain;filter:none;width:36px;height:36px;display:block}.site-header .brand span{letter-spacing:normal;color:#fff;text-shadow:none;font-family:Outfit,system-ui,sans-serif;font-size:25px;font-weight:700}.site-header .main-nav ul{box-shadow:none;background:0 0;border:0}.site-header .main-nav a,.site-header .login-link{color:#a6acc5;text-shadow:none}.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#c9d2ff;box-shadow:none;background:#1b2942}.site-header .register-link,.site-header .register-link:hover{color:#fff;text-shadow:none;background:linear-gradient(100deg,#002bff,#3155ff);border:1px solid #7890ff;box-shadow:0 4px #10268a}.site-header .logout-button{color:#c9d2ff;box-shadow:none;background:#1c2340;border:1px solid #343e65;border-radius:9px}.site-header .mobile-nav>nav{color:#a6acc5;background:#151a2e;border-color:#2a3150}
