:root {--header-height: 80px;--header-height-mobile: 70px;--header-padding: var(--space-md);--header-padding-mobile: var(--space-sm);--header-bg: rgba(26, 26, 26, 0.95);--header-border: rgba(56, 175, 233, 0.2);--header-text: var(--text-light);--header-accent: var(--primary-color);--logo-height: 40px;--logo-height-mobile: 32px;--menu-gap: 15px;--menu-gap-mobile: 10px}.jt-header-unified {position: sticky;top: 0;z-index: 1000;background: var(--header-bg);border-bottom: 1px solid var(--header-border);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: var(--transition-normal);width: 100%}.jt-header-unified.scrolled {background: rgba(26, 26, 26, 0.98);box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)}.header-container {max-width: 1200px;margin: 0 auto;padding: 0 var(--header-padding);display: flex;flex-direction: column;gap: var(--space-sm)}.header-top-row {display: grid;grid-template-columns: 30% 50% 20%;gap: var(--space-md);align-items: center;min-height: var(--header-height);width: 100%}.header-logo {display: flex;justify-content: flex-start;align-items: center}.header-logo .custom-logo-link {display: inline-block;line-height: 0;transition: var(--transition-normal)}.header-logo .custom-logo {height: var(--logo-height);width: auto;max-width: 100%;object-fit: contain;transition: var(--transition-normal)}.header-logo .custom-logo:hover {transform: scale(1.05)}.header-logo .logo-text {color: var(--header-accent);font-weight: bold;font-size: var(--font-size-lg);transition: var(--transition-normal);text-decoration: none}.header-logo .logo-text:hover {color: var(--secondary-color)}.header-navigation {display: flex;justify-content: center;align-items: center}.header-nav-menu {display: flex;list-style: none;margin: 0;padding: 0;gap: var(--menu-gap);align-items: center}.header-nav-item {position: relative}.header-nav-link {color: var(--header-text);text-decoration: none;font-size: var(--font-size-sm);font-weight: 600;padding: var(--space-sm) var(--space-md);border-radius: 25px;background: rgba(56, 175, 233, 0.15);border: 1.5px solid rgba(56, 175, 233, 0.3);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;letter-spacing: 0.5px;text-transform: uppercase;backdrop-filter: blur(5px);display: flex;align-items: center;gap: 8px}.header-nav-link::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s ease}.header-nav-link:hover::before {left: 100%}.header-nav-link:hover {background: rgba(56, 175, 233, 0.3);border-color: var(--header-accent);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(56, 175, 233, 0.3)}.header-nav-link i {font-size: 14px}.header-actions {display: flex;justify-content: flex-end;align-items: center;gap: var(--space-sm)}.header-login-button {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border: none;color: #1a1a2e;padding: var(--space-sm) var(--space-md);border-radius: 25px;font-size: var(--font-size-sm);font-weight: 600;cursor: pointer;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);display: flex;align-items: center;gap: 8px;box-shadow: 0 4px 15px rgba(56, 175, 233, 0.3);position: relative;overflow: hidden;letter-spacing: 0.5px;text-transform: uppercase;text-decoration: none}.header-login-button::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease}.header-login-button:hover::before {left: 100%}.header-login-button:hover {transform: translateY(-2px) scale(1.05);box-shadow: 0 6px 20px rgba(56, 175, 233, 0.4)}.header-login-button i {font-size: 14px}.header-search-row {display: flex;justify-content: center;align-items: center;padding-bottom: var(--space-sm);width: 100%}.header-search {width: 50%;max-width: 600px;min-width: 300px;margin: 0 auto;display: flex;justify-content: center}.header-popup {position: absolute;top: 100%;right: 0;z-index: 1001;background: linear-gradient(135deg, #1a1a2e, #16213e);border: 1px solid rgba(56, 175, 233, 0.3);border-radius: 10px;padding: var(--space-lg);margin-top: var(--space-sm);min-width: 280px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease}.header-popup.active {opacity: 1;visibility: visible;transform: translateY(0)}.header-popup-close {position: absolute;top: 10px;right: 15px;background: none;border: none;color: var(--text-gray);font-size: 20px;cursor: pointer;transition: var(--transition-fast)}.header-popup-close:hover {color: var(--header-accent)}.account-menu-list {list-style: none;margin: 0;padding: 0}.account-menu-item {margin-bottom: 8px}.account-menu-link {color: var(--header-text);text-decoration: none;display: flex;align-items: center;gap: var(--space-sm);padding: 12px;border-radius: 8px;transition: var(--transition-normal);border-left: 3px solid transparent}.account-menu-link:hover {background: rgba(56, 175, 233, 0.2);border-left-color: var(--header-accent);transform: translateX(5px)}.account-menu-link i {color: var(--header-accent);width: 16px;text-align: center}@media (max-width: 768px) {.jt-header-unified {display: none !important;visibility: hidden !important;height: 0 !important;overflow: hidden !important;opacity: 0 !important;position: absolute !important;left: -9999px !important;z-index: -1 !important}}@media (min-width: 769px) {.jt-mobile-header,#jt-mobile-header {display: none !important;visibility: hidden !important;height: 0 !important;overflow: hidden !important;opacity: 0 !important;position: absolute !important;left: -9999px !important;z-index: -1 !important}}@media (max-width: 1200px) {.header-top-row {gap: var(--space-sm)}.header-nav-menu {gap: 12px}.header-nav-link {font-size: 14px;padding: 8px 14px}}@media (max-width: 992px) {.header-top-row {grid-template-columns: 25% 55% 20%;gap: 12px}.header-nav-menu {gap: var(--menu-gap-mobile)}.header-nav-link {font-size: 13px;padding: 7px 12px}.header-logo .custom-logo {height: 35px}.header-logo .logo-text {font-size: var(--font-size-base)}.header-login-button {font-size: 13px;padding: 7px 12px}}@media (max-width: 768px) {:root {--header-height: var(--header-height-mobile);--header-padding: var(--header-padding-mobile)}.header-container {padding: 0 var(--header-padding-mobile)}.header-top-row {grid-template-columns: 1fr;gap: 12px;text-align: center;min-height: auto}.header-logo,.header-navigation,.header-actions {justify-content: center;width: 100%}.header-logo {order: 1}.header-navigation {order: 2}.header-actions {order: 3}.header-nav-menu {flex-wrap: wrap;justify-content: center;gap: 8px}.header-nav-link {font-size: 12px;padding: 6px 10px}.header-logo .custom-logo {height: var(--logo-height-mobile)}.header-logo .logo-text {font-size: 14px}.header-login-button {font-size: 12px;padding: 6px 12px}.header-popup {left: 50%;right: auto;transform: translateX(-50%) translateY(-10px);min-width: 250px}.header-popup.active {transform: translateX(-50%) translateY(0)}}@media (max-width: 576px) {.header-nav-menu {flex-direction: column;gap: 8px;width: 100%}.header-nav-link {width: 100%;max-width: 200px;justify-content: center;margin: 0 auto;font-size: 11px;padding: 5px 8px}.header-logo .custom-logo {height: 30px}.header-logo .logo-text {font-size: 13px}.header-login-button {font-size: 11px;padding: 5px 10px}}@media (max-width: 480px) {.header-top-row {gap: 8px}.header-nav-menu {gap: 6px}.header-nav-link {max-width: 180px;font-size: 10px;padding: 4px 6px}.header-logo .custom-logo {height: 28px}.header-logo .logo-text {font-size: 12px}.header-login-button {font-size: 10px;padding: 4px 8px}}@media (max-width: 390px) {.header-nav-link {max-width: 160px;font-size: 9px}.header-logo .custom-logo {height: 25px}.header-logo .logo-text {font-size: 11px}}@keyframes headerSlideIn {from {transform: translateY(-100%);opacity: 0}to {transform: translateY(0);opacity: 1}}.jt-header-unified {animation: headerSlideIn 0.5s ease-out}.header-nav-link,.header-login-button {position: relative}.header-nav-link:hover,.header-login-button:hover {animation: pulse 0.6s ease-in-out}@keyframes pulse {0% { transform: scale(1); }50% { transform: scale(1.05); }100% { transform: scale(1); }}.header-nav-link:focus,.header-login-button:focus {outline: 2px solid var(--header-accent);outline-offset: 2px}@media (prefers-contrast: high) {.jt-header-unified {background: #000000;border-bottom-color: #ffffff}.header-nav-link,.header-login-button {border-width: 2px}}@media (prefers-reduced-motion: reduce) {.header-nav-link,.header-login-button,.header-logo .custom-logo {transition: none}.header-nav-link::before,.header-login-button::before {display: none}.jt-header-unified {animation: none}}