.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);width:100%;height:var(--header-height);background-color:#111722e6;position:sticky;top:0}.header .container{height:100%}.header .header-content{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.header .logo{z-index:51;align-items:center;gap:12px;display:flex}.header .logo .logo-icon{width:32px;height:32px;color:var(--c-primary)}.header .logo h2{letter-spacing:-.015em;color:var(--c-text-main);font-size:20px;font-weight:700}.header .desktop-nav{align-items:center;gap:36px;display:none}@media (min-width:1024px){.header .desktop-nav{display:flex}}.header .desktop-nav a{color:var(--c-text-main);font-size:14px;font-weight:500;transition:all .3s}.header .desktop-nav a:hover{color:var(--c-primary)}.header .desktop-auth{gap:8px;display:none}@media (min-width:1024px){.header .desktop-auth{display:flex}}.header .btn{border-radius:var(--radius-md);height:40px;transition:var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.header .btn.btn-login{background-color:var(--c-border);color:var(--c-text-main)}.header .btn.btn-login:hover{background-color:#2f3e5b}.header .btn.btn-signup{background-color:var(--c-primary);color:var(--c-text-main)}.header .btn.btn-signup:hover{background-color:var(--c-primary-hover)}.header .mobile-menu-btn{color:var(--c-text-main);cursor:pointer;z-index:51;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.header .mobile-menu-btn{display:none}}.header .mobile-menu{background-color:var(--bg-secondary);border-bottom:1px solid var(--c-border);opacity:0;pointer-events:none;flex-direction:column;gap:24px;width:100%;padding:24px;transition:all .3s ease-in-out;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px)}.header .mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (min-width:1024px){.header .mobile-menu{display:none}}.header .mobile-menu nav{flex-direction:column;gap:16px;display:flex}.header .mobile-menu nav a{color:var(--c-text-main);border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:16px;font-weight:500}.header .mobile-menu nav a:hover{color:var(--c-primary);padding-left:8px}.header .mobile-menu .mobile-auth{flex-direction:column;gap:12px;display:flex}.header .mobile-menu .mobile-auth .btn{width:100%}