/* Qovox shared header + footer. One design for every Qovox site; self-contained so it looks the same whatever the page's own CSS is. */
[data-qxc-old]{display:none!important}
.qxc{--c-bg:#0f0f11;--c-panel:#18181c;--c-panel2:#1f1f25;--c-line:#26262d;--c-line2:#33333c;--c-text:#f2f2f5;--c-muted:#9b9ba8;--c-dim:#6e6e7a;--c-red:#e50914;--c-red2:#ff3b30;--c-soft:#ff8a82;
  font:15px/1.5 Inter,'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--c-text);-webkit-font-smoothing:antialiased;box-sizing:border-box}
:root[data-theme="light"] .qxc{--c-bg:#fff;--c-panel:#fff;--c-panel2:#f4f4f6;--c-line:#e4e4ea;--c-line2:#d4d4dc;--c-text:#15151a;--c-muted:#5d5d6b;--c-dim:#8b8b98}
.qxc *,.qxc *::before,.qxc *::after{box-sizing:border-box}
.qxc a{color:inherit;text-decoration:none}
.qxc ul{list-style:none;margin:0;padding:0}
.qxc h4{margin:0}
.qxc button{font:inherit;color:inherit;cursor:pointer}
.qxc .q-wrap{width:min(1160px,100% - 32px);margin-inline:auto}
.qxc :focus-visible{outline:2px solid #ff3b30;outline-offset:2px;border-radius:6px}
.qxc-skip{position:absolute;left:-999px;top:0;z-index:999}.qxc-skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:.5rem .8rem;border-radius:8px}

/* header */
.qxh{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);background:#0f0f11d6;border-bottom:1px solid #ffffff14;width:100%}
:root[data-theme="light"] .qxh{background:#ffffffe8;border-bottom-color:#00000014}
.qxh.scrolled{box-shadow:0 10px 40px -26px #000}
.qxh .q-in{display:flex;align-items:center;gap:1.4rem;height:64px}
.qxh .q-logo{display:flex;align-items:center;flex:none}
.qxh .q-logo img{height:28px;width:auto;display:block;max-width:none}
.qxh .q-nav{display:flex;gap:.2rem;margin-left:.6rem}
.qxh .q-nav a{position:relative;padding:.45rem .8rem;border-radius:9px;color:var(--c-muted);font-size:.93rem;font-weight:500;transition:color .15s,background .15s}
.qxh .q-nav a:hover,.qxh .q-nav a[aria-current=page]{color:var(--c-text);background:#ffffff0d}
:root[data-theme="light"] .qxh .q-nav a:hover{background:#0000000a}
.qxh .q-nav a::after{content:'';position:absolute;left:.8rem;right:.8rem;bottom:.2rem;height:2px;border-radius:2px;background:linear-gradient(90deg,#e50914,#ff8a82);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s}
.qxh .q-nav a:hover::after,.qxh .q-nav a[aria-current=page]::after{transform:scaleX(1)}
.qxh .q-sp{flex:1}
.qxh .q-status{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--c-muted);padding:.3rem .7rem;border:1px solid var(--c-line);border-radius:99px;background:#ffffff06;white-space:nowrap}
.qxh .q-status i{width:8px;height:8px;border-radius:50%;background:var(--c-dim)}
.qxh .q-status[data-state=online]{color:#6ee7b7;border-color:#10b98140}.qxh .q-status[data-state=online] i{background:#10b981;box-shadow:0 0 0 0 #10b981aa;animation:qxc-pulse 2s infinite}
.qxh .q-status[data-state=offline]{color:#fca5a5;border-color:#ef444440}.qxh .q-status[data-state=offline] i{background:#ef4444}
@keyframes qxc-pulse{70%{box-shadow:0 0 0 7px #10b98100}100%{box-shadow:0 0 0 0 #10b98100}}
.qxh .q-authbtns{display:flex;align-items:center;gap:.5rem}
.qxh .q-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:.42rem .8rem;font-weight:650;font-size:.85rem;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.qxh .q-btn-primary{background:linear-gradient(135deg,#e50914,#ff3b30);color:#fff;box-shadow:0 8px 24px -12px #e50914cc}
.qxh .q-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px #e50914}
.qxh .q-btn-ghost{border-color:var(--c-line2);background:#ffffff06;color:var(--c-text)}.qxh .q-btn-ghost:hover{background:#ffffff10;border-color:#e5091488}
.qxh .q-unav{position:relative;display:flex;align-items:center}
.qxh .q-unav[hidden],.qxh .q-umenu[hidden],.qxh .q-authbtns[hidden]{display:none!important}
.qxh .q-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;overflow:hidden;border-radius:50%;border:2px solid #e50914;background:linear-gradient(135deg,#e50914,#ff3b30);color:#fff;font-weight:800;font-size:1rem;transition:box-shadow .2s}
.qxh .q-avatar:hover,.qxh .q-avatar[aria-expanded=true]{box-shadow:0 0 0 3px #e5091440}
.qxh .q-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.qxh .q-umenu{position:absolute;top:calc(100% + 10px);right:0;z-index:1010;min-width:240px;padding:6px;border-radius:12px;border:1px solid var(--c-line2);background:var(--c-panel);box-shadow:0 18px 50px -12px #000c}
.qxh .q-umenu .q-uhead{padding:.6rem .8rem;border-bottom:1px solid var(--c-line);margin-bottom:4px;display:grid;gap:.1rem}
.qxh .q-umenu .q-uhead b{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qxh .q-umenu .q-uhead small{color:var(--c-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qxh .q-umenu .q-uhead em{font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#6ee7b7}.qxh .q-umenu .q-uhead em.warn{color:#fcd34d}
.qxh .q-umenu a,.qxh .q-umenu button{display:flex;align-items:center;width:100%;min-height:40px;padding:.5rem .8rem;border:0;border-radius:8px;background:none;color:var(--c-text);font:500 .9rem Inter,system-ui,sans-serif;text-align:left}
.qxh .q-umenu a:hover,.qxh .q-umenu button:hover,.qxh .q-umenu a:focus-visible,.qxh .q-umenu button:focus-visible{background:#e5091422;color:#ff8a82;outline:0}
.qxh .q-burger{display:none;background:none;border:1px solid var(--c-line);border-radius:9px;padding:.4rem .55rem;color:var(--c-text)}
@media (max-width:900px){
  .qxh .q-nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:#0f0f11f7;border-bottom:1px solid var(--c-line);padding:.6rem 16px 1rem;margin:0}
  :root[data-theme="light"] .qxh .q-nav{background:#fffffff7}
  .qxh .q-nav.q-open{display:flex}.qxh .q-burger{display:block}.qxh .q-status .t{display:none}.qxh .q-btn-ghost.q-hide-s{display:none}
}

/* footer */
.qxf{position:relative;border-top:1px solid var(--c-line);background:#0a0a0c;padding:54px 0 26px;margin-top:40px;width:100%}
:root[data-theme="light"] .qxf{background:#f6f6f8}
.qxf::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#e50914,#ff8a82,#e50914,transparent);opacity:.7}
.qxf .q-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr 1.1fr;gap:2rem}
@media (max-width:980px){.qxf .q-fcols{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:620px){.qxf .q-fcols{grid-template-columns:1fr 1fr}}
.qxf .q-logo img{height:28px;width:auto;display:block}
.qxf h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--c-dim);margin-bottom:.8rem;font-weight:700}
.qxf li{margin:.4rem 0}.qxf li a{color:var(--c-muted);font-size:.93rem;transition:color .15s}.qxf li a:hover{color:var(--c-text)}
.qxf li a[aria-current=true]{color:var(--c-text);font-weight:600}.qxf li a[aria-current=true]::after{content:' · you are here';color:var(--c-dim);font-weight:400;font-size:.8em}
.qxf .q-about{color:var(--c-muted);font-size:.92rem;margin:.7rem 0 0;max-width:36ch}
.qxf .q-soc{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.qxf .q-soc a{width:36px;height:36px;border-radius:10px;border:1px solid var(--c-line);display:grid;place-items:center;color:var(--c-muted);font-size:.72rem;font-weight:700;transition:color .15s,border-color .15s,background .15s,transform .15s}
.qxf .q-soc a:hover{color:#fff;border-color:#e50914;background:#e5091422;transform:translateY(-2px)}
.qxf .q-copy{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--c-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;color:var(--c-dim);font-size:.85rem}
.qxf .q-copy a{color:var(--c-muted)}.qxf .q-copy a:hover{color:var(--c-text)}
@media (prefers-reduced-motion:reduce){.qxh .q-status i{animation:none!important}.qxh *,.qxf *{transition:none!important}}

/* ---- phones and tablets: the header never needs more width than the screen has ---- */
.qxh .q-mobonly{display:none}
.qxh .q-nav a{white-space:nowrap}
@media (max-width:900px){
  .qxh[data-guest=true] .q-mobonly{display:block}
  .qxh .q-nav{max-height:calc(100vh - 64px);overflow-y:auto;gap:.1rem}
  .qxh .q-nav a{padding:.8rem .9rem;font-size:1rem;min-height:44px;display:flex;align-items:center}
  .qxh .q-nav a::after{display:none}
  .qxh .q-nav .q-mobcta{margin-top:.4rem;justify-content:center;background:linear-gradient(135deg,#e50914,#ff3b30);color:#fff;border-radius:10px;font-weight:700}
  .qxh .q-burger{min-width:44px;min-height:44px;display:grid;place-items:center}
}
@media (max-width:640px){
  .qxh .q-in{gap:.7rem;height:60px}
  .qxh .q-logo img{height:22px}
  .qxh .q-authbtns{display:none}
  .qxh .q-status{padding:.35rem .5rem}
  .qxh .q-nav{top:60px}
  .qxh .q-avatar{width:40px;height:40px}
  .qxh .q-umenu{position:fixed;left:12px;right:12px;top:68px;min-width:0}
  .qxf{padding:40px 0 22px}
  .qxf .q-fcols{gap:1.4rem 1rem}
  .qxf .q-copy{flex-direction:column}
}
@media (min-width:1600px){.qxc .q-wrap{width:min(1280px,100% - 64px)}}