.site-header{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-120px);z-index:1095;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4);border-radius:24px;padding:10px 20px;display:flex;align-items:center;gap:16px;opacity:0;transition:all 0.6s cubic-bezier(.4,0,.2,1)}.site-header.loaded{transform:translateX(-50%) translateY(0);opacity:1}.site-header:hover{background:rgb(0 0 0 / .22);box-shadow:0 12px 45px rgb(0 0 0 / .1),0 3px 15px rgb(0 0 0 / .05),inset 0 1px 0 rgb(255 255 255 / .45)}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:all 0.3s ease}.header-logo:hover{transform:scale(1.02)}.header-logo-icon{width:auto;height:35px;margin-top:-5px;object-fit:contain;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.header-logo-text{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px rgb(0 0 0 / .2);white-space:nowrap}.header-separator{width:1px;height:28px;background:linear-gradient(180deg,transparent 0%,rgb(255 255 255 / .2) 50%,transparent 100%)}.header-social{display:flex;align-items:center;gap:8px}.header-social-link{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:20px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);color:rgb(255 255 255 / .85);text-decoration:none;font-size:13px;font-weight:500;transition:all 0.25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header-social-link:hover{background:rgb(255 255 255 / .12);border-color:rgb(255 255 255 / .25);color:rgb(255 255 255);transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.header-social-link:active{transform:translateY(0) scale(.98)}.header-social-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgb(255 255 255 / .2);flex-shrink:0;transition:all 0.25s ease}.header-social-link:hover .header-social-avatar{border-color:rgb(255 255 255 / .4);transform:scale(1.05)}.header-social-icon{font-size:14px}.header-social-text{font-size:12px;font-weight:600;letter-spacing:.3px}@media (max-width:768px){.site-header{top:10px;left:50%;transform:translateX(-50%);padding:8px 14px;gap:12px;border-radius:18px;max-width:calc(100% - 20px)}.header-logo-icon{width:auto;height:30px}.header-logo-text{font-size:14px}.header-separator{height:24px}.header-social{gap:6px}.header-social-link{padding:5px 12px 5px 5px;font-size:12px}.header-social-avatar{width:24px;height:24px}.header-social-icon{font-size:13px}.header-social-text{font-size:11px}}@media (max-width:768px){.header-social-text{display:none}.header-social-link{padding:6px}}@media (max-width:480px){.site-header{padding:8px 12px;gap:10px}.header-logo-icon{width:auto;height:28px}.header-logo-text{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.header-separator{height:20px}.header-social{gap:4px}.header-social-link{padding:5px}.header-social-avatar{width:22px;height:22px}.header-social-icon{font-size:13px}}.header-social-link.twitter{background:linear-gradient(135deg,rgb(255 80 197 / .15) 0%,rgb(255 80 197 / .08) 50%,transparent 100%);border-color:rgb(255 255 255 / .3)}.header-social-link.twitter:hover{background:linear-gradient(135deg,rgb(255 80 197 / .35) 0%,rgb(255 80 197 / .18) 50%,transparent 100%);border-color:rgb(255 255 255 / .4);color:var(--accent-color)}