:root{--av-surface:#ffffff;--av-surface-rgb:255,255,255;--av-accent:#EF4444;--av-text-dark:#0F172A;--av-text-gray:#64748B;--av-border-light:#F1F5F9;--av-shadow-main:0 4px 20px rgba(0,0,0,0.04)}
.av-header-wrapper{position:sticky;top:0;width:100%;box-sizing:border-box;z-index:1020;background-color:rgba(248,250,252,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--av-shadow-main);border-bottom:2px solid var(--av-accent);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.av-header-container{max-width:1600px;margin:0 auto;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box}
.av-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform 0.2s ease}
.av-logo-link:hover{transform:translateY(-1px)}
.av-logo-box{width:45px;height:45px}
.av-logo-box img{width:100%;height:100%;object-fit:contain}
.av-brand-title{font-size:1.25rem;font-weight:800;color:var(--av-text-dark);margin:0;letter-spacing:-0.5px}
.av-nav-area{flex-grow:1;display:flex;justify-content:flex-end}
.av-nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:24px}
.av-menu-anchor{text-decoration:none;color:var(--av-text-gray);font-size:0.95rem;font-weight:600;padding:6px 0;position:relative;transition:color 0.2s ease}
.av-menu-anchor::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--av-accent);border-radius:4px;transition:width 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.av-menu-anchor:hover,.av-menu-anchor.av-active{color:var(--av-text-dark)}
.av-menu-anchor:hover::after,.av-menu-anchor.av-active::after{width:100%}
@media (max-width:768px){.av-header-container{height:60px;padding:0 16px}.av-brand-title{display:none}.av-nav-menu{gap:16px}.av-menu-anchor{font-size:0.9rem}}