.header{background:var(--header-bg);color:var(--text);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:var(--z-index-header)}body.amoled-dark .header{border-bottom:transparent}body.no-blur .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--header-bg-solid)}html.scroll-lock .header{border-bottom-color:transparent;background:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease,border-bottom-color .2s ease;transition-delay:.2s}.header-container{max-width:100%;height:60px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.header-logo{font-size:1.2rem;font-weight:700;color:var(--text);text-decoration:none;flex-shrink:0;height:40px;width:40px}.header-logo img{height:100%;width:auto;transition:opacity .3s}.header-actions{display:flex;align-items:center;gap:10px}.header-toggle{background:var(--header-bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;color:var(--text);transition:background .2s,border-color .2s,border-radius .2s ease}.header-toggle:hover{background:var(--card-bg-hover);border-radius:12px}.header-toggle svg{width:22px;height:22px}.hamburger{width:20px;height:14px;position:relative;cursor:pointer}.hamburger .bar{display:block;position:absolute;height:2px;width:100%;background:var(--text);border-radius:9px;left:0;transition:.25s ease-in-out}.hamburger .bar:nth-child(1){top:0}.hamburger .bar:nth-child(2){top:6px}.hamburger .bar:nth-child(3){top:12px}.menu-toggle.active .bar:nth-child(1){top:6px;transform:rotate(135deg)}.menu-toggle.active .bar:nth-child(2){opacity:0;left:-20px}.menu-toggle.active .bar:nth-child(3){top:6px;transform:rotate(-135deg)}.header-nav{display:none;align-items:center;flex-grow:0}.header-nav ul{list-style:none;display:flex;padding:0 0 0 60px;margin:0;gap:5px}.header-nav a{color:var(--nav-a);text-decoration:none;opacity:.9;font-size:1rem;font-weight:500;padding:.7rem 1rem;border-radius:50px;position:relative;white-space:nowrap;transition:background .2s ease,color .2s ease}.header-nav a:hover,.header-nav a.active{background:var(--nav-a-bg);color:var(--text)}body.floating-header .header{background:linear-gradient(180deg,var(--bg),transparent);border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.floating-header .header-container{height:80px}body.floating-header .header-logo{background:var(--floating-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:60px;width:60px;padding:8px;border-radius:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.floating-header .header-actions{background:var(--floating-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 12px;border-radius:50px;height:60px;flex-shrink:0}body.floating-header .header-toggle{background:var(--floating-header-bg)}body.floating-header .header-toggle:hover{background:var(--card-bg-hover)}body.floating-header .header-nav{background:var(--floating-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 8px;border-radius:50px;margin:0 0 0 60px}body.floating-header .header-nav ul{padding:0!important;margin:0;height:100%;align-items:center}body.floating-header.no-blur .header-logo,body.floating-header.no-blur .header-nav,body.floating-header.no-blur .header-actions{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--floating-header-bg-solid)}html.scroll-lock body.floating-header .header-logo,html.scroll-lock body.floating-header .header-nav,html.scroll-lock body.floating-header .header-actions,html.scroll-lock body.floating-header .header-toggle{background:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;transition-delay:.2s}.logo-dark,body.dark .logo-light,body.amoled-dark .logo-light,#card-modal.dark-mode .logo-light{display:none!important}body.dark .logo-dark,body.amoled-dark .logo-dark,#card-modal.dark-mode .logo-dark{display:block!important}