/* AI3D_HOME_HEADER_SYNC: match the deep-blue homepage header without changing the workspace. */ /* Keep the AI3D header in the same three-zone geometry as the welcome page. */ body.ai3d-page-active.home-header-shell .header { height: var(--home-header-height, 72px) !important; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; line-height: 1.5 !important; } body.ai3d-page-active.home-header-shell .loarea { height: var(--home-header-height, 72px) !important; } body.ai3d-page-active.home-header-shell .loarea .wp { display: flex !important; align-items: center !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: clamp(240px, 15vw, 300px) !important; padding-right: clamp(16px, 2vw, 28px) !important; box-sizing: border-box !important; } body.ai3d-page-active.home-header-shell .logo { left: 0 !important; width: clamp(150px, 15vw, 260px) !important; height: var(--home-header-height, 72px) !important; } body.ai3d-page-active.home-header-shell .nav { display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; align-items: center !important; justify-content: center !important; padding: 0 var(--home-nav-side-pad, 12px) !important; overflow: hidden !important; } body.ai3d-page-active.home-header-shell .navul { width: auto !important; max-width: 100% !important; margin: 0 !important; justify-content: center !important; gap: var(--home-nav-gap, 12px) !important; flex-wrap: nowrap !important; white-space: nowrap !important; } body.ai3d-page-active.home-header-shell .navul li > a { height: var(--home-header-height, 72px) !important; padding: 0 var(--home-nav-pad-x, 4px) !important; font-size: var(--home-nav-font-size, 15px) !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; word-spacing: normal !important; } body.ai3d-page-active.home-header-shell .loginArea { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: clamp(6px, 0.42vw, 8px) !important; flex: 0 0 auto !important; min-width: max-content !important; margin-left: auto !important; position: relative !important; } body.ai3d-page-active.home-header-shell .loarea, body.ai3d-page-active.home-header-shell .header, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loarea, html[data-theme-preset] body.ai3d-page-active.home-header-shell .header { border-bottom-color: rgba(98, 143, 231, 0.38) !important; background: #07111f !important; background: linear-gradient(180deg, #0b1524 0%, #07111f 100%) !important; color: #dbe8ff !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; box-shadow: 0 14px 34px rgba(0, 8, 25, 0.24), inset 0 -1px 0 rgba(98, 143, 231, 0.28) !important; } body.ai3d-page-active.home-header-shell .loarea .wp, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loarea .wp { border-color: transparent !important; background: transparent !important; color: #dbe8ff !important; box-shadow: none !important; } body.ai3d-page-active.home-header-shell .logo .logo-text, body.ai3d-page-active.home-header-shell .navlogo .navlogo-text, html[data-theme-preset] body.ai3d-page-active.home-header-shell .logo .logo-text, html[data-theme-preset] body.ai3d-page-active.home-header-shell .navlogo .navlogo-text { color: #dbe8ff !important; -webkit-text-fill-color: #dbe8ff !important; background-image: none !important; text-shadow: none !important; } body.ai3d-page-active.home-header-shell .navul li > a, html[data-theme-preset] body.ai3d-page-active.home-header-shell .navul li > a { color: #dce6f7 !important; text-shadow: none !important; } body.ai3d-page-active.home-header-shell .navul li > a:hover, body.ai3d-page-active.home-header-shell .navul li > a.act_nav, html[data-theme-preset] body.ai3d-page-active.home-header-shell .navul li > a:hover, html[data-theme-preset] body.ai3d-page-active.home-header-shell .navul li > a.act_nav { color: #79a9ff !important; } body.ai3d-page-active.home-header-shell .headerNavMiniBadge, body.ai3d-page-active.home-header-shell .headerAssetBadge, body.ai3d-page-active.home-header-shell .couponCodeBadge, body.ai3d-page-active.home-header-shell .topIntegralBadge, body.ai3d-page-active.home-header-shell .langSwitch, body.ai3d-page-active.home-header-shell .theme-toggle, html[data-theme-preset] body.ai3d-page-active.home-header-shell .headerNavMiniBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .headerAssetBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .couponCodeBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .topIntegralBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .langSwitch, html[data-theme-preset] body.ai3d-page-active.home-header-shell .theme-toggle { border-color: rgba(98, 143, 231, 0.38) !important; background: #10192b !important; background: linear-gradient(180deg, #131d2d 0%, #080e19 100%) !important; color: #dbe8ff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 8, 25, 0.24) !important; } body.ai3d-page-active.home-header-shell #siteLangSelect, body.ai3d-page-active.home-header-shell .theme-toggle-select, html[data-theme-preset] body.ai3d-page-active.home-header-shell #siteLangSelect, html[data-theme-preset] body.ai3d-page-active.home-header-shell .theme-toggle-select { border-color: transparent !important; background: transparent !important; color: transparent !important; text-shadow: none !important; } body.ai3d-page-active.home-header-shell .langSwitch__label, body.ai3d-page-active.home-header-shell .theme-toggle-label, html[data-theme-preset] body.ai3d-page-active.home-header-shell .langSwitch__label, html[data-theme-preset] body.ai3d-page-active.home-header-shell .theme-toggle-label { color: #dbe8ff !important; text-shadow: none !important; } body.ai3d-page-active.home-header-shell #siteLangSelect option, body.ai3d-page-active.home-header-shell .theme-toggle-select option, html[data-theme-preset] body.ai3d-page-active.home-header-shell #siteLangSelect option, html[data-theme-preset] body.ai3d-page-active.home-header-shell .theme-toggle-select option { background: #10192b !important; color: #dbe8ff !important; } body.ai3d-page-active.home-header-shell .loginArea .loginBtn, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loginArea .loginBtn { border-color: rgba(106, 170, 255, 0.72) !important; background: #2c7dff !important; background: linear-gradient(135deg, #2c7dff 0%, #4aa3ff 100%) !important; color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 12px 28px rgba(42, 111, 255, 0.32), 0 0 18px rgba(71, 143, 255, 0.18) !important; } body.ai3d-page-active.home-header-shell .loginArea .loginBtn:hover, body.ai3d-page-active.home-header-shell .loginArea .loginBtn:focus-visible, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loginArea .loginBtn:hover, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loginArea .loginBtn:focus-visible { background: #2c7dff !important; background: linear-gradient(135deg, #2c7dff 0%, #4aa3ff 100%) !important; color: #ffffff !important; } body.ai3d-page-active.home-header-shell .inav, html[data-theme-preset] body.ai3d-page-active.home-header-shell .inav { border-right: 1px solid rgba(98, 143, 231, 0.38) !important; background: #020817 !important; color: #dbe8ff !important; box-shadow: 12px 0 30px rgba(0, 8, 25, 0.24) !important; } body.ai3d-page-active.home-header-shell .inavul li > a, html[data-theme-preset] body.ai3d-page-active.home-header-shell .inavul li > a { color: #dce6f7 !important; } body.ai3d-page-active.home-header-shell .inavul li > a:hover, body.ai3d-page-active.home-header-shell .inavul li > a.act_inav, html[data-theme-preset] body.ai3d-page-active.home-header-shell .inavul li > a:hover, html[data-theme-preset] body.ai3d-page-active.home-header-shell .inavul li > a.act_inav { background: #0b1f46 !important; color: #79a9ff !important; } @supports not (color: color-mix(in srgb, #000 50%, #fff)) { body.ai3d-page-active.home-header-shell .loarea, body.ai3d-page-active.home-header-shell .header, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loarea, html[data-theme-preset] body.ai3d-page-active.home-header-shell .header { background: #07111f !important; box-shadow: 0 14px 34px rgba(0, 8, 25, 0.24), inset 0 -1px 0 rgba(98, 143, 231, 0.28) !important; } body.ai3d-page-active.home-header-shell .headerNavMiniBadge, body.ai3d-page-active.home-header-shell .headerAssetBadge, body.ai3d-page-active.home-header-shell .couponCodeBadge, body.ai3d-page-active.home-header-shell .topIntegralBadge, body.ai3d-page-active.home-header-shell .langSwitch, body.ai3d-page-active.home-header-shell .theme-toggle, html[data-theme-preset] body.ai3d-page-active.home-header-shell .headerNavMiniBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .headerAssetBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .couponCodeBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .topIntegralBadge, html[data-theme-preset] body.ai3d-page-active.home-header-shell .langSwitch, html[data-theme-preset] body.ai3d-page-active.home-header-shell .theme-toggle { background: #10192b !important; box-shadow: 0 10px 24px rgba(0, 8, 25, 0.24) !important; } body.ai3d-page-active.home-header-shell .loginArea .loginBtn, html[data-theme-preset] body.ai3d-page-active.home-header-shell .loginArea .loginBtn { background: #2c7dff !important; box-shadow: 0 12px 28px rgba(42, 111, 255, 0.32) !important; } } @media screen and (max-width: 1240px) { body.ai3d-page-active.home-header-shell .loarea .wp { padding-left: 0 !important; padding-right: 68px !important; } body.ai3d-page-active.home-header-shell .nav { justify-content: flex-start !important; display: none !important; } body.ai3d-page-active.home-header-shell .menubtn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; top: calc((var(--home-header-height, 60px) - 44px) / 2) !important; right: max(12px, env(safe-area-inset-right)) !important; } body.ai3d-page-active.home-header-shell .loginArea { margin-left: 0 !important; position: absolute !important; top: 50% !important; right: 60px !important; min-width: 0 !important; max-width: calc(100% - clamp(170px, 24vw, 230px) - 76px) !important; transform: translateY(-50%) !important; } body.ai3d-page-active.home-header-shell .loginArea .headerChannelBadge--785compact, body.ai3d-page-active.home-header-shell .loginArea .headerFeedbackBadge--785compact, body.ai3d-page-active.home-header-shell .loginArea .couponCodeBadge, body.ai3d-page-active.home-header-shell .loginArea .headerAssetBadge, body.ai3d-page-active.home-header-shell .loginArea .theme-toggle { display: none !important; } } @media screen and (max-width: 767px) { body.ai3d-page-active.home-header-shell .loarea, body.ai3d-page-active.home-header-shell .header { height: 60px !important; } body.ai3d-page-active.home-header-shell .logo { width: clamp(150px, calc(100vw - 168px), 188px) !important; height: 60px !important; } body.ai3d-page-active.home-header-shell .logo .tp { height: 42px !important; max-width: 48px !important; } body.ai3d-page-active.home-header-shell .navul { display: none !important; } body.ai3d-page-active.home-header-shell .loarea .wp { padding-left: 0 !important; padding-right: 68px !important; } } @media screen and (max-width: 640px) { body.ai3d-page-active.home-header-shell .loarea .wp { padding-left: 12px !important; padding-right: 64px !important; } body.ai3d-page-active.home-header-shell .logo { width: clamp(142px, calc(100vw - 178px), 188px) !important; } body.ai3d-page-active.home-header-shell .loginArea { right: 58px !important; max-width: calc(100% - 150px) !important; } body.ai3d-page-active.home-header-shell .loginArea .langSwitch { display: none !important; } } @media screen and (max-width: 480px) { body.ai3d-page-active.home-header-shell .loginArea .headerContactCsBadge { display: none !important; } }