.header{z-index:100;background:#171717;border:1px solid #ffffff14;border-radius:999px;width:min(1180px,100vw - 48px);height:56px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0006}.header-inner{justify-content:space-between;align-items:center;height:100%;padding:0 8px 0 28px;display:flex;position:relative}.header-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.logo-mark{object-fit:contain;flex-shrink:0;width:34px;height:34px}.logo-text{color:#fff;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700}.header-nav{align-items:center;gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#fffffff2;white-space:nowrap;font-size:16px;font-weight:400;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.6}.header-actions{align-items:center;gap:10px;display:flex}.header-btn{color:#fff;cursor:pointer;background:#2a2a2a;border:none;border-radius:999px;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:background .2s}.header-btn:hover{background:#333}.header-lang-btn{min-width:52px}.header-credits-badge{color:#ddd6fe;background:#a78bfa1f;border:1px solid #a78bfa38;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.header-credits-icon{font-size:14px}.header-auth-links{align-items:center;gap:8px;display:flex}.header-auth-link{border-radius:999px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.header-auth-link.secondary{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff1f}.header-auth-link.primary{color:#111;background:#fff}.header-user-wrap{align-items:center;display:flex;position:relative}.header-user-btn{background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.header-user-menu{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-6px)}.header-user-wrap.open .header-user-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.header-user-menu-inner{-webkit-backdrop-filter:blur(20px);background:#121212f5;border:1px solid #ffffff1a;border-radius:16px;min-width:220px;padding:14px;box-shadow:0 20px 50px #000000b3}.header-user-name{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.header-user-meta{color:#ffffffa6;margin-bottom:12px;font-size:13px}.header-user-logout{text-align:left;color:#f87171;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.header-user-logout:hover{background:#f871711a}@media (max-width:980px){.header{width:min(960px,100vw - 32px)}.header-nav{gap:24px}.logo-text{font-size:20px}}@media (max-width:768px){.header{display:none}}.nav-dropdown-wrap{align-items:center;display:flex;position:relative}.nav-dropdown-trigger{cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;display:flex}.nav-dropdown-arrow{flex-shrink:0;transition:transform .25s}.nav-dropdown-wrap.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown{pointer-events:none;opacity:0;transform-origin:top;padding-top:18px;transition:opacity .2s,transform .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-dropdown-wrap.open .nav-dropdown{pointer-events:auto;opacity:1;transform:translate(-50%)translateY(0)}.nav-dropdown-inner{-webkit-backdrop-filter:blur(20px);background:#121212f2;border:1px solid #ffffff1a;border-radius:16px;min-width:200px;padding:8px;box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff0a}.nav-dropdown-item{color:#ffffffd9;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-dropdown-item:hover{color:#fff;opacity:1;background:#ffffff12}.nav-dropdown-item-icon{flex-shrink:0;font-size:18px;line-height:1}.nav-dropdown-item-label{font-size:14px;font-weight:500}
.mobile-header{display:none}@media (max-width:768px){.mobile-header{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#171717f2;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;height:52px;padding:0 14px 0 16px;display:flex;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 8px 32px #00000080}.mobile-header-left,.mobile-header-right{align-items:center;gap:10px;display:flex}.mobile-logo{color:#fff;letter-spacing:0;white-space:nowrap;align-items:center;gap:7px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.mobile-logo-mark{object-fit:contain;flex-shrink:0;width:30px;height:30px}.mobile-dropdown-wrap{align-items:center;display:flex;position:relative}.mobile-credit-pill{color:#ddd6fe;background:#a78bfa1f;border:1px solid #a78bfa33;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.mobile-avatar-btn,.mobile-menu-btn{color:#ffffffeb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mobile-avatar-btn:active,.mobile-menu-btn:active{background:#ffffff1f}.mobile-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#171717f5;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);box-shadow:0 20px 40px #0009}.mobile-dropdown-menu.right-menu{right:0}.mobile-nav-menu{min-width:220px}.mobile-dropdown-item{color:#ffffffe6;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.mobile-dropdown-item:active{background:#ffffff1a}.mobile-menu-section-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;padding:8px 12px 2px;font-size:11px;font-weight:700}.mobile-lang-item{color:#c4b5fd}.mobile-user-info{border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding:10px 12px}.mobile-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;font-weight:500;overflow:hidden}.mobile-user-credits-detail{color:#fff9;margin-top:4px;font-size:12px}.mobile-logout-btn{text-align:left;color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.mobile-logout-btn:active{background:#ef44441a}.mobile-login-btn{color:#000;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}}