.header{position:fixed;top:0;left:0;right:0;height:74px;background:rgba(15,17,23,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border,#2a2d3e);z-index:100}
.header-inner{display:flex;align-items:center;gap:24px;height:100%;padding:0 24px;max-width:1920px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;color:var(--text,#e8eaf0);text-decoration:none;flex-shrink:0;letter-spacing:-0.5px}
.logo-icon{width:42px;height:42px;border-radius:6px;flex-shrink:0}
.logo-highlight{color:var(--accent,#f7c948)}
.search-container{position:relative;flex:1;max-width:600px}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted,#7a7f9e);pointer-events:none}
.search-input{width:100%;height:42px;padding:0 16px 0 42px;background:var(--card,#1c1f2e);border:1px solid var(--border,#2a2d3e);border-radius:12px;color:var(--text,#e8eaf0);font-size:14px;font-family:inherit;outline:none;transition:border-color 0.2s}
.search-input::placeholder{color:var(--muted,#7a7f9e)}
.search-input:focus{border-color:var(--accent,#f7c948);box-shadow:0 0 0 3px rgba(247,201,72,0.1)}
.header-nav{display:flex;gap:4px;flex-shrink:0}
.header-nav-link{color:var(--text2,#9499b3);font-size:14px;font-weight:600;text-decoration:none;padding:6px 14px;border-radius:8px;transition:all 0.2s}
.header-nav-link:hover{color:var(--accent,#f7c948);background:rgba(247,201,72,0.1)}
.mobile-nav-btn{display:none;background:none;border:none;color:var(--text,#e8eaf0);cursor:pointer;padding:4px;flex-shrink:0}
.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:150}
.mobile-nav-overlay.active{display:block}
.mobile-nav-drawer{display:none;position:fixed;top:0;right:0;width:250px;height:100vh;background:var(--bg2,#161822);border-left:1px solid var(--border,#2a2d3e);z-index:160;padding:24px;transform:translateX(100%);transition:transform 0.25s ease}
.mobile-nav-drawer.active{transform:translateX(0)}
.mobile-nav-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text2,#9499b3);cursor:pointer;font-size:24px}
.mobile-nav-links{display:flex;flex-direction:column;gap:4px;margin-top:48px}
.mobile-nav-links a{color:var(--text,#e8eaf0);font-size:16px;font-weight:600;text-decoration:none;padding:12px 16px;border-radius:8px}
.mobile-nav-links a:hover{color:var(--accent,#f7c948);background:rgba(247,201,72,0.1)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--bg,#0f1117)}
::-webkit-scrollbar-thumb{background:var(--border,#2a2d3e);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#3a3d5e}
@media(max-width:768px){.header-inner{padding:0 16px;gap:12px}.logo{font-size:22px}.logo-icon{width:36px;height:36px}.search-input{height:38px;font-size:13px}.header-nav{display:none}.mobile-nav-btn{display:block}.mobile-nav-drawer{display:block}}