html,body{max-width:100vw!important;overflow-x:hidden!important;width:100vw!important}.page-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:40}.mobile .page-header{--mobile-header-height: clamp(80px, 16vw, 100px);--mobile-panel-gap: clamp(24px, 8vw, 32px);background:linear-gradient(135deg,#090e1e,#0d1b3a);border-bottom:1px solid rgba(56,189,248,.18);box-shadow:0 18px 44px -28px #0f76bec7;transition:box-shadow .2s ease,border-color .2s ease;min-height:var(--mobile-header-height);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4.6vw,24px) clamp(20px,7.6vw,32px);padding-top:calc(env(safe-area-inset-top) + clamp(16px,4.6vw,24px))}.mobile .page-header.is-menu-open{border-color:#38bdf857;box-shadow:0 22px 48px -24px #3b82f6c7}.header-menu-toggle{border:none;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}.header-menu-toggle:focus-visible{outline:2px solid rgba(56,189,248,.6);outline-offset:3px}.header-menu-icon{display:inline-flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}.header-menu-line{height:2px;border-radius:999px;background:#e2e8f0;transition:transform .22s ease,opacity .22s ease,background .22s ease}.header-menu-toggle.is-open .header-menu-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.header-menu-toggle.is-open .header-menu-line:nth-child(2){opacity:0}.header-menu-toggle.is-open .header-menu-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-mobile-panel{position:fixed;top:calc(var(--mobile-header-height, 88px) + var(--mobile-panel-gap, 18px));left:50%;width:min(360px,calc(100vw - clamp(28px,8vw,52px)));max-height:calc(100vh - calc(var(--mobile-header-height, 88px) + var(--mobile-panel-gap, 18px)) - clamp(20px,6vw,32px));padding:clamp(20px,5.5vw,26px) clamp(18px,6.5vw,28px);border-radius:18px;border:1px solid rgba(56,189,248,.24);background:#060d1ff5;box-shadow:0 26px 56px -34px #0f76bec7;display:flex;flex-direction:column;gap:clamp(16px,5vw,24px);transform:translate(-50%);animation:header-mobile-panel-in .24s ease-out;z-index:140;overflow-y:auto;-webkit-overflow-scrolling:touch}.header-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617a8;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:120}@keyframes header-mobile-panel-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.header-mobile-user{display:flex;align-items:center;gap:clamp(12px,4vw,18px);padding:clamp(14px,5vw,20px);border-radius:16px;background:#0f172ae0;border:1px solid rgba(56,189,248,.28)}.header-mobile-user .header-user-avatar{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px)}.header-mobile-user-text{display:flex;flex-direction:column;gap:4px}.header-mobile-user-name{color:#f8fafc;font-weight:600;font-size:clamp(1.02rem,3vw,1.12rem)}.header-mobile-user-label{font-size:clamp(.92rem,2.6vw,.98rem);color:#cbd5e1c7}.header-mobile-nav{width:100%}.header-mobile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(14px,5vw,20px)}.header-mobile-link{display:block;width:100%;padding:14px clamp(18px,7vw,28px);border-radius:14px;color:#e2e8f0;font-weight:600;font-size:clamp(1rem,2.9vw,1.08rem);letter-spacing:.02em;text-decoration:none;background:#0f172ad1;border:1px solid rgba(56,189,248,.24);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.header-mobile-link.header-nav-link-premium{border-color:#f8b500a6;background:linear-gradient(135deg,#f8b50038,#38bdf82e);color:#fff7aa;box-shadow:0 10px 24px -18px #facc15cc}.header-mobile-link.header-nav-link-premium:hover,.header-mobile-link.header-nav-link-premium:focus-visible{color:#fff;border-color:#f8cc15d9;background:linear-gradient(135deg,#f8b50052,#38bdf83d)}.header-mobile-link:hover,.header-mobile-link:focus-visible{color:#38bdf8;background:#38bdf829;border-color:#38bdf86b;transform:translateY(-1px)}.header-mobile-action{margin:0}.header-mobile-action-button{width:100%;padding:14px clamp(18px,7vw,28px);border-radius:14px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:clamp(1rem,2.9vw,1.08rem);letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:#dc262633;color:#fecaca;border:1px solid rgba(248,113,113,.42)}.header-mobile-action-button img{height:20px}.header-mobile-action-button:hover,.header-mobile-action-button:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px -24px #f87171a8}.header-mobile-action-button.header-mobile-login{background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#041734;border:none}.header-mobile-action-button.header-mobile-login:hover,.header-mobile-action-button.header-mobile-login:focus-visible{box-shadow:0 22px 40px -26px #38bdf8c7}.mobile .header-inner{width:100%;margin:0 auto;padding:0 clamp(20px,7vw,32px);display:flex;align-items:center;justify-content:center;gap:clamp(18px,5.4vw,26px)}.mobile .header-left{display:inline-flex;align-items:center;gap:clamp(20px,6vw,30px)}.mobile .header-right{display:none}.mobile .header-menu-toggle{width:clamp(60px,12vw,70px);height:clamp(50px,12vw,70px);border-radius:24px;border:1.6px solid rgba(56,189,248,.58);background:linear-gradient(145deg,#121b34f2,#0d1937f0);box-shadow:0 30px 60px -30px #2563ebd1;padding:clamp(14px,3.8vw,20px);flex-shrink:0;cursor:pointer;pointer-events:auto!important}.mobile .header-menu-toggle:is(:hover,:focus-visible){border-color:#94e8ffe6;background:linear-gradient(145deg,#1c345efc,#14264ef2)}.mobile .header-menu-toggle.is-open{border-color:#9ecdffeb;background:#2563eb66}.mobile .header-menu-icon{width:clamp(32px,8.4vw,40px);height:clamp(26px,6.4vw,32px)}.mobile .header-menu-line{background:#f8fafc;height:clamp(3.5px,.9vw,4.5px);border-radius:999px}.mobile .header-menu-toggle.is-open .header-menu-line{background:#f8fafc}.mobile .logo{display:inline-flex;align-items:center;justify-content:center}.mobile .logo-avatar{height:clamp(74px,18vw,108px)}.mobile .logo-avatar-small{height:50px;width:auto;max-width:100px}.mobile .header-mobile-panel{width:min(360px,calc(100vw - clamp(28px,8vw,52px)));max-height:calc(100vh - calc(var(--mobile-header-height, 88px) + var(--mobile-panel-gap, 18px)) - clamp(20px,6vw,32px))}.desktop .header-mobile-panel,.tablet .header-mobile-panel{display:none!important}.desktop .page-header,.tablet .page-header{position:fixed;top:0;left:0;right:0;z-index:30;width:100%;background:var(--brand-color-midnightBlue);border-bottom:2px solid var(--brand-color-skyBlue);box-shadow:0 12px 24px -18px #0f76be8c;transition:box-shadow .2s ease}.mobile body{padding-top:calc(var(--mobile-header-height, 88px) + var(--banner-height, 0px))}.desktop body{--desktop-header-height: 86px;padding-top:calc(var(--desktop-header-height) + var(--banner-height, 0px))}.tablet body{--tablet-header-height: 86px;padding-top:calc(var(--tablet-header-height) + var(--banner-height, 0px))}.desktop{--header-offset: var(--desktop-header-height, 86px)}.tablet{--header-offset: var(--tablet-header-height, 86px)}.mobile{--header-offset: var(--mobile-header-height, 88px)}.desktop .page-header.is-menu-open,.tablet .page-header.is-menu-open{box-shadow:0 18px 36px -20px #0f76beb3}.desktop .header-inner,.tablet .header-inner{margin:0 auto;padding:14px clamp(18px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:18px}.desktop .header-left,.tablet .header-left{display:flex;align-items:center;gap:12px;flex:1 1 auto}.desktop .header-right,.tablet .header-right{display:flex;align-items:center;gap:18px}.desktop .logo,.tablet .logo{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:2px 6px;transition:background .2s ease}.desktop .logo:hover,.desktop .logo:focus-visible,.tablet .logo:hover,.tablet .logo:focus-visible{background:#38bdf829}.desktop .logo-avatar,.tablet .logo-avatar{height:58px;width:auto}.desktop .logo-avatar-small,.tablet .logo-avatar-small{height:46px;width:auto}.desktop .header-menu-toggle{display:none;width:42px;height:42px;border-radius:10px;border:1px solid rgba(59,130,246,.35);background:#0a193ec7;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.tablet .header-menu-toggle{display:none}.desktop .header-menu-toggle img,.tablet .header-menu-toggle img{width:22px;height:22px}.desktop .header-menu-toggle:hover,.desktop .header-menu-toggle:focus-visible,.tablet .header-menu-toggle:hover,.tablet .header-menu-toggle:focus-visible{background:#172e61eb;border-color:#60a5fa99}.desktop .header-nav,.tablet .header-nav{display:flex}.desktop .header-nav-list,.tablet .header-nav-list{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none}.desktop .header-nav-link,.tablet .header-nav-link{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;color:#e2e8f0;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease}.desktop .header-nav-link.header-nav-link-premium,.tablet .header-nav-link.header-nav-link-premium{border:1px solid rgba(248,181,0,.6);background:linear-gradient(135deg,#f8b50029,#38bdf81f);color:#fef9c3;box-shadow:0 8px 18px -12px #facc15b3}.desktop .header-nav-link.header-nav-link-premium:hover,.desktop .header-nav-link.header-nav-link-premium:focus-visible,.tablet .header-nav-link.header-nav-link-premium:hover,.tablet .header-nav-link.header-nav-link-premium:focus-visible{color:#fff7aa;background:linear-gradient(135deg,#f8b50047,#38bdf838);box-shadow:0 12px 26px -14px #facc15d1}.desktop .header-nav-link:hover,.desktop .header-nav-link:focus-visible,.tablet .header-nav-link:hover,.tablet .header-nav-link:focus-visible{color:#38bdf8;background:#38bdf82e}.desktop .header-actions,.tablet .header-actions{display:flex;align-items:center;gap:12px}.header-debug{position:relative}.header-debug-toggle{margin-left:4px;padding:6px 10px;border-radius:8px;border:1px solid rgba(59,130,246,.35);background:#101830b8;color:#e2e8f0;cursor:pointer}.header-debug-toggle:hover{filter:brightness(1.08)}.header-debug-panel{position:absolute;top:110%;right:0;min-width:280px;background:#0f172a;border:1px solid rgba(56,189,248,.28);border-radius:10px;padding:10px 12px;color:#fff;box-shadow:0 12px 24px #0000004d;z-index:200}.header-debug-link{text-decoration:none;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#020617bf;color:#e2e8f0}.header-debug-link:hover{filter:brightness(1.08)}.desktop .header-login-button,.tablet .header-login-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#041734;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.desktop .header-login-button img,.tablet .header-login-button img{height:18px}.desktop .header-login-button:hover,.desktop .header-login-button:focus-visible,.tablet .header-login-button:hover,.tablet .header-login-button:focus-visible{transform:translateY(-1px);box-shadow:0 16px 30px -20px #38bdf8d9}.desktop .header-user,.tablet .header-user{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;background:#101a36cc;border:1px solid rgba(56,189,248,.28)}.desktop .header-user-avatar,.tablet .header-user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(56,189,248,.4);object-fit:cover}.desktop .header-user-name,.tablet .header-user-name{color:#f8fafc;font-weight:600;font-size:.95rem}.desktop .header-logout-form,.tablet .header-logout-form{display:flex}.desktop .header-logout-button,.tablet .header-logout-button{width:40px;height:40px;border-radius:12px;border:1px solid rgba(59,130,246,.32);background:#101830b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease}.desktop .header-logout-button:hover,.desktop .header-logout-button:focus-visible,.tablet .header-logout-button:hover,.tablet .header-logout-button:focus-visible{background:#2563eb52;border-color:#60a5fa8c}.desktop .header-logout-button img,.tablet .header-logout-button img{width:22px;height:22px}