.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);z-index:50}
.site-header__notice{margin:0;background:var(--bg-soft);border-bottom:1px solid var(--line);padding:8px 16px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-600)}
.site-header__inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:32px;padding:18px 16px}
.site-header--wide .site-header__inner{max-width:none;padding:18px 24px}
.site-header--wide nav{background:var(--bg-soft);border-radius:var(--radius-md);padding:12px 22px}
.site-header .brand{flex:none;display:block}
.site-header .brand img{display:block;height:60px;width:auto}
.site-header nav{display:flex;gap:28px;align-items:center}
.site-header nav a:not(.plus-btn){color:var(--ink-900);text-decoration:none;font-size:15px}
.site-header nav a:not(.plus-btn):hover{color:var(--brand-600)}
.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}
.site-header nav a.active{color:var(--brand-600);font-weight:700}
.plus-btn{display:inline-flex;align-items:center;gap:0;height:40px;min-width:40px;border-radius:999px;background:var(--brand-600);color:#fff;text-decoration:none;overflow:hidden;white-space:nowrap;transition:min-width .25s ease,padding .25s ease,background .2s}
.plus-btn:hover{background:var(--brand-700);min-width:150px}
.plus-btn__label{max-width:0;opacity:0;overflow:hidden;font-size:14px;font-weight:600;transition:max-width .25s ease,opacity .2s,margin .25s}
.plus-btn:hover .plus-btn__label{max-width:120px;opacity:1;margin-left:16px}
.plus-btn__icon{font-size:24px;line-height:1;width:40px;text-align:center;flex:none}
.register-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand-600);font-weight:500;text-decoration:none;font-size:15px}
.register-link:hover{text-decoration:underline}
.header-bell{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-900);cursor:pointer}
.header-bell:hover{background:var(--bg-soft);color:var(--brand-600)}
@media(max-width:900px){
  .site-header .brand img{height:42px}
  .site-header__inner{flex-wrap:wrap;gap:16px}
  .site-header nav{order:3;width:100%;overflow-x:auto;gap:20px;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{white-space:nowrap}
  .site-header--wide nav{padding:10px 16px;gap:18px}
}