/* Fade only the nebula layer so the stars and meteors retain their brightness. */
body {isolation:isolate}
.qfs-cosmos {
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  overflow:hidden;
  background:#1b0731;
}
.cosmic-nebula {
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.5;
  filter:saturate(1.3);
  background:
    linear-gradient(145deg,#34106b38,#7d20bd28 48%,#28105d45),
    url('/assets/admin-living-nebula.webp') center/cover no-repeat,
    #140b25;
}
.qfs-cosmos::before,.qfs-cosmos::after {
  content:"";
  position:absolute;
  inset:0;
  background-repeat:repeat;
}
.qfs-cosmos::before {
  opacity:.38;
  background-size:437px 613px;
  background-image:
    radial-gradient(1px 1px at 24px 35px,#f9ecff 75%,transparent),
    radial-gradient(1px 1px at 114px 81px,#d9c6ff 75%,transparent),
    radial-gradient(1.3px 1.3px at 326px 45px,#f6e3b5 65%,transparent),
    radial-gradient(.8px .8px at 399px 168px,#d8e7ff 75%,transparent),
    radial-gradient(1px 1px at 213px 149px,#e1d2ff 75%,transparent),
    radial-gradient(.8px .8px at 61px 241px,#eee1ff 75%,transparent),
    radial-gradient(1.4px 1.4px at 287px 287px,#fff7e5 65%,transparent),
    radial-gradient(.8px .8px at 173px 325px,#e1d2ff 75%,transparent),
    radial-gradient(1px 1px at 417px 378px,#e7e0ff 75%,transparent),
    radial-gradient(.8px .8px at 32px 462px,#d8e7ff 75%,transparent),
    radial-gradient(1.2px 1.2px at 249px 498px,#fff5e5 70%,transparent),
    radial-gradient(.8px .8px at 359px 563px,#f1e1ff 75%,transparent),
    radial-gradient(1px 1px at 116px 585px,#d9c6ff 75%,transparent);
}
.qfs-cosmos::after {
  background-size:677px 809px;
  background-image:
    radial-gradient(2px 2px at 81px 138px,#fff8eb 20%,#e5d0ff9c 45%,transparent),
    radial-gradient(8px 1px at 81px 138px,#e5d0ff73,transparent),
    radial-gradient(1px 8px at 81px 138px,#e5d0ff73,transparent),
    radial-gradient(2px 2px at 438px 397px,#f4f5ff 25%,#c1ceff88 50%,transparent),
    radial-gradient(6px 1px at 438px 397px,#d1d6ff66,transparent),
    radial-gradient(1px 6px at 438px 397px,#d1d6ff66,transparent),
    radial-gradient(1.5px 1.5px at 212px 678px,#fff0d4 40%,transparent);
  animation:admin-star-glow 9s ease-in-out infinite alternate;
}
@keyframes admin-star-glow {from{opacity:.25}to{opacity:.8}}
.cosmic-glow,.cosmic-twinkle {position:absolute;inset:0;pointer-events:none}
.cosmic-glow {
  background:radial-gradient(ellipse at 72% 22%,#a759df38,transparent 55%),radial-gradient(ellipse at 18% 78%,#7138b92b,transparent 48%);
  animation:cosmic-breath 24s ease-in-out infinite alternate;
}
.cosmic-twinkle {
  background:
    radial-gradient(2px 2px at 16% 24%,#fff6ef 30%,transparent),
    radial-gradient(7px 1px at 16% 24%,#e6d2ff9c,transparent),
    radial-gradient(1px 7px at 16% 24%,#e6d2ff9c,transparent),
    radial-gradient(1.5px 1.5px at 74% 43%,#e5e6ff 40%,transparent),
    radial-gradient(2px 2px at 37% 83%,#fff2de 25%,transparent),
    radial-gradient(6px 1px at 37% 83%,#dfc8ff88,transparent),
    radial-gradient(1px 6px at 37% 83%,#dfc8ff88,transparent),
    radial-gradient(1.5px 1.5px at 89% 69%,#e7e0ff 30%,transparent);
  animation:cosmic-sparkle 13s ease-in-out -5s infinite;
}
@keyframes cosmic-breath {from{opacity:.25}to{opacity:.7}}
@keyframes cosmic-sparkle {0%,100%{opacity:.18}36%{opacity:.82}70%{opacity:.32}}
.cosmic-meteor {
  --meteor-distance:clamp(180px,48vw,460px);
  position:absolute;
  display:block;
  width:110px;
  height:1px;
  opacity:0;
  border-radius:50%;
  background:linear-gradient(90deg,#fff3df,#d8baff88 18%,transparent);
  transform:rotate(-35deg);
  animation:cosmic-meteor-pass 23s linear infinite both;
}
.cosmic-meteor::before {
  content:"";
  position:absolute;
  left:-1px;top:-1px;width:3px;height:3px;
  border-radius:50%;background:#fff7ec;box-shadow:0 0 6px #ecd7ff88;
}
.meteor-one {left:82%;top:17%;animation-delay:3s}
.meteor-two {left:68%;top:47%;width:85px;animation-duration:31s;animation-delay:13s}
.meteor-three {left:95%;top:65%;width:95px;animation-duration:41s;animation-delay:24s}
@keyframes cosmic-meteor-pass {
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-35deg)}
  1.2%{opacity:.72}
  7%,100%{opacity:0;transform:translate3d(calc(-1 * var(--meteor-distance)),calc(.7 * var(--meteor-distance)),0) rotate(-35deg)}
}
.qfs-cosmos[data-paused="true"]::after,.qfs-cosmos[data-paused="true"]>*,.qfs-cosmos[data-paused="true"] .cosmic-glow {animation-play-state:paused}
@media(max-width:600px){
  .cosmic-nebula {background-image:linear-gradient(145deg,#34106b38,#7d20bd28 48%,#28105d45),url('/assets/admin-living-nebula-mobile.webp')}
  .cosmic-meteor {width:80px}
  .meteor-three {display:none}
}
@media(prefers-reduced-motion:reduce){
  .qfs-cosmos::after,.qfs-cosmos>*,.qfs-cosmos .cosmic-glow {animation:none}
  .qfs-cosmos::after,.cosmic-twinkle {opacity:.5}
  .cosmic-glow {opacity:.3}
  .cosmic-meteor {display:none}
}

/* Shared Admin colors; the website's existing shimmer and flare layers stay independent. */
:root {
  --bg:#160c2b;
  --surface:#23133c;
  --surface2:#321c50;
  --gold:#ffe39a;
  --gold2:#ffe39a;
  --purple:#8e42b4;
  --text:#fbf6ff;
  --muted:#d5c8e6;
  --line:#5d437a;
  --qfs-focus:#e1a9ff;
}
body,body.gateway-page,body.legal-page {background:#1b0731;color:var(--text)}
body::before,body::after,.orb {display:none}
.hero::before {background:none}
.hero {background:transparent}
.topbar,.gateway-topbar,.legal-topbar {
  background:rgb(23 12 41 / .94);
  border-color:var(--line);
}
.brand,nav a {color:var(--text)}
nav a:hover,nav a:focus-visible {color:var(--gold)}
.actions button,.menu {background-color:var(--surface);color:var(--text);border-color:var(--line);border-radius:10px}
.button:not(.ghost),.hero-buttons .button:not(.ghost) {
  background-image:linear-gradient(115deg,#ffdd79,#ffba45 55%,#ffe39a);
  color:#30123d;
  border-color:var(--gold);
  text-shadow:none;
}
.button.ghost,.hero-buttons .button.ghost {
  background-image:linear-gradient(115deg,#23133ceb,#493067b3,#23133ceb);
  color:var(--text);
  border-color:#9774b5;
}
.eyebrow,.clock-label,.market-access-head b,.market-label b,
.cards h3,.doc-grid span,.steps b,.impact-grid b,.footer-brand b,
.metrics strong,.qfs-market-stats strong,.qfs-market-head h2,
.visitor-price-card>strong {color:var(--gold)}
.hero h2,.section h2,.legal-card h2,.gate-rail h3,.path-grid h3 {color:var(--text)}
.lead,.section-head>p,.section-head>div+p,.cards p,.metrics small,
.metrics em,.doc-grid small,.gateway-lead,.gateway-copy p:not(.eyebrow),
.legal-card p,.legal-card li,.gate-rail p,.path-grid p,.role-boundary li,
.footer-brand p,.disclaimer,.visitor-disclosure,.market-access-note span {
  color:var(--muted);
}
.market-tape,.time-market-panel,.gateway-visitor-panel {
  background:rgb(23 12 41 / .94);
  border-color:var(--line);
}
.market-label,.visitor-metric,.visitor-weather-item,
.visitor-price-card,.market-access-links a,.qfs-market-stats article {
  background:rgb(40 23 65 / .87);
  border-color:var(--line);
}
.market-label small,.market-tape .quote small,
.market-access-links span,.qfs-market-stats span,.qfs-market-stats em {color:var(--muted)}
.local-clock,.visitor-metric,.visitor-weather-item,.qfs-market-stats {border-color:var(--line)}
.qfs-market,.cards article,.metrics>div,.doc-grid a,details,
.legal-card,.gate-rail article,.path-grid article,.role-boundary>article {
  background:rgb(26 15 45 / .88);
  border-color:var(--line);
  border-radius:14px;
}
.qfs-market {box-shadow:0 18px 48px #07031130,inset 0 1px #ffe39a12}
.cards article:hover,.doc-grid a:hover,.gate-rail article:hover {border-color:#9774b5}
.risk-grid article,.legal-index a,.gateway-badges span,.security-note {
  background:rgb(35 19 60 / .88);
  border-color:var(--line);
  color:var(--muted);
}
.legal-notice,.gateway-preview {
  background:radial-gradient(ellipse at 85% 0,#b65fdf35,transparent 65%),linear-gradient(135deg,#46225cd9,#201337ed 65%,#321747df)!important;
  border-color:#886696!important;
  box-shadow:inset 0 0 0 4px #e0bdff08,0 12px 32px #07031130;
}
.legal-notice p {color:var(--muted)}
.trust,.panel,.steps li,.impact-grid div {
  background:rgb(35 19 60 / .75);
  border-color:var(--line);
}
.trust span,.steps {border-color:var(--line)}
.market-access-note {background:rgb(35 19 60 / .75);border-color:var(--gold);color:var(--muted)}
.documents,footer {border-color:var(--line)}
footer {background:rgb(21 12 37 / .9)}
.cards h3,.metrics strong,.path-grid h3,.gate-rail h3 {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.4;
}
.cards h3,.path-grid h3 {font-size:1.3rem}
.cards p,.path-grid p,.gate-rail p {line-height:1.7}
:is(a,button,summary):focus-visible {outline:2px solid var(--qfs-focus);outline-offset:4px}
@media(max-width:1280px){
  .topbar nav {background:rgb(23 12 41 / .98);border-color:var(--line)}
}
@media(max-width:700px){
  .cards article,.path-grid article,.role-boundary article {padding:22px}
  .cards h3,.path-grid h3 {font-size:1.2rem}
}


html[data-page-hidden] *,html[data-page-hidden] *::before,html[data-page-hidden] *::after{animation-play-state:paused!important}