/* Quantum Tide experiment — single visual owner.
 * This file owns the experimental palette, material treatment and global background.
 * Canonical copy/interactions stay intact; only the explicitly requested forecast scene
 * geometry is adjusted. No second fix/patch stylesheet is used.
 */

:root {
  --qt-bg: #061019;
  --qt-bg-deep: #03080f;
  --qt-surface: #0a1d2b;
  --qt-surface-2: #0d2435;
  --qt-surface-3: #111d38;
  --qt-text: #f3f9ff;
  --qt-text-soft: #dbe9f3;
  --qt-muted: #8fa5b7;
  --qt-muted-soft: #6e8598;
  --qt-aqua: #6ff3df;
  --qt-aqua-soft: #b9fff2;
  --qt-blue: #6995ff;
  --qt-violet: #a77cff;
  --qt-violet-soft: #cbb7ff;
  --qt-green: #72e7b6;
  --qt-gold: #e3bf68;
  --qt-gold-soft: #ffe0a0;
  --qt-red: #ff8298;
  --qt-line: rgba(111, 243, 223, 0.16);
  --qt-line-blue: rgba(105, 149, 255, 0.22);
  --qt-line-violet: rgba(167, 124, 255, 0.25);
  --qt-shadow: 0 28px 72px rgba(0, 5, 12, 0.42);
  --qt-shadow-soft: 0 18px 48px rgba(0, 5, 12, 0.30);
  --qt-bank: linear-gradient(145deg, rgba(255,255,255,.90), rgba(225,244,248,.69) 52%, rgba(229,232,255,.62));
  --qt-bank-line: rgba(255,255,255,.86);
  --qt-bank-text: #122438;
  --qt-bank-muted: #667d90;
  --qt-bank-sheen: conic-gradient(from 110deg, transparent, rgba(76,239,211,.18), transparent 27%, rgba(107,104,255,.14), transparent 51%);

  --bg: #061019 !important;
  --bg2: #091725 !important;
  --panel: #0a1d2b !important;
  --panel2: #10263a !important;
  --cyan: #6ff3df !important;
  --cyan2: #b9fff2 !important;
  --violet: #a77cff !important;
  --gold: #e3bf68 !important;
  --mint: #72e7b6 !important;
  --red: #ff8298 !important;
  --ink: #f3f9ff !important;
  --muted: #8fa5b7 !important;
  --line: rgba(111, 243, 223, 0.16) !important;
  --line2: rgba(105, 149, 255, 0.22) !important;

  --background: #061019 !important;
  --foreground: #f3f9ff !important;
  --accent: #6ff3df !important;
  --accent-blue: #6995ff !important;
  --accent-violet: #a77cff !important;
  --color-bg: #061019 !important;
  --color-bg-soft: #091725 !important;
  --color-text: #f3f9ff !important;
  --color-muted: #8fa5b7 !important;
  --color-teal: #6ff3df !important;
  --color-orange: #e3bf68 !important;
  --color-violet: #a77cff !important;
  --color-line: rgba(111, 243, 223, 0.16) !important;
  --color-surface: #0a1d2b !important;
  --color-primary: #6ff3df !important;
  --color-secondary: #6995ff !important;
  --color-accent: #a77cff !important;

  --ac-color-bg: #061019 !important;
  --ac-color-bg-2: #091725 !important;
  --ac-color-panel: #0a1d2b !important;
  --ac-color-panel-2: #10263a !important;
  --ac-color-ink: #f3f9ff !important;
  --ac-color-ink-soft: #e5f1fa !important;
  --ac-color-ink-inverse: #031017 !important;
  --ac-color-text: #f3f9ff !important;
  --ac-color-muted: #748a9e !important;
  --ac-color-muted-strong: #9fb2c3 !important;
  --ac-color-muted-readable: #bccbd7 !important;
  --ac-color-cyan: #6ff3df !important;
  --ac-color-cyan-2: #b9fff2 !important;
  --ac-color-cyan-soft: #dcfff8 !important;
  --ac-color-cyan-ice: #effffd !important;
  --ac-color-violet: #a77cff !important;
  --ac-color-gold: #e3bf68 !important;
  --ac-color-gold-soft: #ffe0a0 !important;
  --ac-color-mint: #72e7b6 !important;
  --ac-color-mint-soft: #b8f7e7 !important;
  --ac-color-red: #ff8298 !important;
  --ac-rgb-bg: 6, 16, 25 !important;
  --ac-rgb-panel: 10, 29, 43 !important;
  --ac-rgb-cyan: 111, 243, 223 !important;
  --ac-rgb-violet: 167, 124, 255 !important;
  --ac-rgb-gold: 227, 191, 104 !important;
  --ac-rgb-mint: 114, 231, 182 !important;
  --ac-rgb-red: 255, 130, 152 !important;
  --ac-color-accent: #6ff3df !important;
  --ac-action-background: rgba(9, 25, 38, 0.96) !important;
  --ac-action-background-hover: rgba(15, 38, 57, 0.98) !important;
  --ac-action-border: rgba(111, 243, 223, 0.18) !important;
  --ac-action-border-hover: rgba(105, 149, 255, 0.34) !important;
  --ac-action-primary-end: #6995ff !important;
  --ac-border-subtle: 1px solid rgba(111, 243, 223, 0.09) !important;
  --ac-border-default: 1px solid rgba(111, 243, 223, 0.16) !important;
  --ac-border-strong: 1px solid rgba(167, 124, 255, 0.24) !important;
  --ac-shadow-panel: 0 26px 72px rgba(0, 5, 12, 0.38) !important;
  --ac-shadow-hover: 0 20px 48px rgba(105, 149, 255, 0.14) !important;
  --ac-glow-cyan: 0 0 36px rgba(111, 243, 223, 0.14) !important;
  --ac-focus-color: #b9fff2 !important;
}

html,
body {
  background: var(--qt-bg) !important;
}

body {
  position: relative;
  isolation: isolate;
  margin: 0;
  color: var(--qt-text) !important;
}

body > *:not(.experiment-quantum-tide) {
  position: relative;
  z-index: 1;
}

/* Global animated world */
.experiment-quantum-tide {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #061019;
}

.experiment-quantum-tide__canvas,
.experiment-quantum-tide__atmo,
.experiment-quantum-tide__overlay,
.experiment-quantum-tide__noise {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.experiment-quantum-tide__atmo {
  inset: -10%;
  width: 120%;
  height: 120%;
  z-index: 1;
  background:
    radial-gradient(circle at 18% 26%, rgba(48, 237, 206, 0.18), transparent 27%),
    radial-gradient(circle at 82% 18%, rgba(93, 96, 255, 0.20), transparent 30%),
    radial-gradient(circle at 76% 78%, rgba(165, 77, 255, 0.14), transparent 30%);
  filter: blur(26px);
  animation: quantumTideFloat 16s ease-in-out infinite alternate;
}

.experiment-quantum-tide__canvas { z-index: 2; }

.experiment-quantum-tide__overlay {
  z-index: 3;
  background:
    linear-gradient(180deg, rgba(1, 7, 12, 0.10), transparent 24%, transparent 72%, rgba(1, 7, 12, 0.27)),
    linear-gradient(135deg, rgba(111, 243, 223, 0.018), transparent 44%, rgba(167, 124, 255, 0.035));
}

.experiment-quantum-tide__noise {
  z-index: 4;
  opacity: 0.028;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

@keyframes quantumTideFloat {
  from { transform: translate3d(-1.5%, -0.8%, 0) scale(1.02); }
  to { transform: translate3d(1.4%, 1.1%, 0) scale(1.06); }
}

/* The experiment has exactly one background owner. */
body .hero,
body .section,
body .breakdowns-section,
body .pricing-section,
body .telegram-section,
body .site-footer,
body .system-section,
body #systemCanonical,
body .system-page,
body .system-page .page,
body [data-quantum-tide-shell="1"],
body [data-stage-923-frame="1"] {
  background-color: transparent !important;
  background-image: none !important;
}

body .bg-world,
body .data-constellation {
  display: none !important;
}

/* Shared typography and legacy color remnants */
body [class*="text-cyan-"],
body [class*="text-teal-"],
body [class*="text-sky-"] { color: var(--qt-aqua) !important; }
body [class*="text-emerald-"] { color: var(--qt-green) !important; }
body [class*="text-violet-"],
body [class*="text-purple-"] { color: var(--qt-violet-soft) !important; }
body [class*="text-amber-"],
body [class*="text-yellow-"] { color: var(--qt-gold-soft) !important; }

body [class*="border-cyan-"],
body [class*="border-teal-"],
body [class*="border-sky-"] { border-color: var(--qt-line) !important; }
body [class*="border-violet-"],
body [class*="border-purple-"] { border-color: var(--qt-line-violet) !important; }

body [class*="bg-cyan-500"],
body [class*="bg-teal-500"],
body [class*="bg-sky-500"] { background-color: var(--qt-aqua) !important; }
body [class*="bg-cyan-950"],
body [class*="bg-teal-950"],
body [class*="bg-sky-950"] { background-color: #091a28 !important; }

body h1,
body h2,
body h3,
body strong,
body b { text-shadow: none; }

body .kicker,
body .bd-kicker,
body .p-kicker,
body .tg2-kicker,
body .bank-meaning-kicker,
body .micro-title span,
body .system-page .label,
body .system-page .stage-head > small { color: var(--qt-aqua) !important; }

body .stats-title em,
body .p-title span,
body .bd-title span,
body .bank-head h2 span,
body .bank-meaning h3 span,
body .hero-copy h1 em,
body .telegram-section .cyan,
body .tg2-head h2 span { color: var(--qt-aqua-soft) !important; text-shadow: none !important; }

body p,
body .bank-lead,
body .bd-lead,
body .tg2-head p,
body .p-lead { color: var(--qt-muted) !important; }

/* Header — central material strip, dissolved at both edges. */
body .header,
body header[data-stage924-navigation="results-statistics"] {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
}

body .header .container,
body header[data-stage924-navigation="results-statistics"] > div:first-child {
  position: relative;
  background:
    linear-gradient(90deg,
      rgba(3, 10, 17, 0) 0%,
      rgba(3, 11, 18, 0.34) 5%,
      rgba(3, 11, 18, 0.88) 15%,
      rgba(3, 11, 18, 0.96) 28%,
      rgba(3, 11, 18, 0.96) 72%,
      rgba(3, 11, 18, 0.88) 85%,
      rgba(3, 11, 18, 0.34) 95%,
      rgba(3, 10, 17, 0) 100%) !important;
  box-shadow: 0 18px 48px rgba(0, 5, 12, 0.28) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

body .header .container::before,
body header[data-stage924-navigation="results-statistics"] > div:first-child::before {
  background-image:
    linear-gradient(90deg, transparent 0%, rgba(111,243,223,.03) 9%, rgba(105,149,255,.18) 29%, rgba(111,243,223,.68) 50%, rgba(105,149,255,.18) 71%, rgba(167,124,255,.03) 91%, transparent 100%),
    radial-gradient(ellipse 70% 100% at 50% 50%, rgba(111,243,223,.12), rgba(105,149,255,.07) 42%, transparent 82%) !important;
}

body .header .container::after,
body header[data-stage924-navigation="results-statistics"] > div:first-child::after {
  opacity: .56 !important;
  background-image:
    linear-gradient(90deg, transparent 0%, rgba(111,243,223,.02) 10%, rgba(167,124,255,.13) 34%, rgba(105,149,255,.42) 50%, rgba(167,124,255,.13) 66%, transparent 100%) !important;
}

body .brand b,
body .nav a:hover,
body .nav a:focus-visible,
body header[data-stage924-navigation="results-statistics"] > div:first-child > a:first-child b,
body header[data-stage924-navigation="results-statistics"] nav a:hover,
body header[data-stage924-navigation="results-statistics"] nav a:focus-visible,
body header[data-stage924-navigation="results-statistics"] nav a[aria-current="page"] {
  color: var(--qt-aqua) !important;
}

body .brand::after,
body .nav a::after,
body .nav a:hover::after,
body .nav a:focus-visible::after,
body header[data-stage924-navigation="results-statistics"] nav a::after {
  background: var(--qt-aqua) !important;
  box-shadow: 0 0 8px rgba(111,243,223,.45), 0 0 22px rgba(105,149,255,.20) !important;
}

/* Authenticated profile action — compact premium capsule instead of the old cut rectangle. */
body header[data-stage924-navigation="results-statistics"] a[href="/account"],
body header[data-stage924-navigation="results-statistics"] a[href="/admin"] {
  position: relative;
  overflow: hidden;
  min-height: 46px !important;
  gap: 10px !important;
  padding: 5px 15px 5px 6px !important;
  border: 1px solid rgba(185,255,242,.24) !important;
  border-radius: 999px !important;
  clip-path: none !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(185,255,242,.13), transparent 34%),
    linear-gradient(135deg, rgba(12,34,47,.96), rgba(13,26,51,.98) 62%, rgba(32,22,55,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 12px 30px rgba(0,5,12,.28),
    0 0 22px rgba(111,243,223,.055) !important;
  color: #effffd !important;
  text-decoration: none !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease !important;
}
body header[data-stage924-navigation="results-statistics"] a[href="/account"]:hover,
body header[data-stage924-navigation="results-statistics"] a[href="/account"]:focus-visible,
body header[data-stage924-navigation="results-statistics"] a[href="/admin"]:hover,
body header[data-stage924-navigation="results-statistics"] a[href="/admin"]:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(185,255,242,.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.38),
    0 15px 36px rgba(0,5,12,.31),
    0 0 28px rgba(111,243,223,.10) !important;
  filter: brightness(1.05);
}
body header[data-stage924-navigation="results-statistics"] a[href="/account"] > span:first-child,
body header[data-stage924-navigation="results-statistics"] a[href="/admin"] > span:first-child {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #effffd 0%, #6ff3df 44%, #6995ff 100%) !important;
  color: #06131d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 18px rgba(111,243,223,.18) !important;
}
body header[data-stage924-navigation="results-statistics"] a[href="/account"] > span:last-child,
body header[data-stage924-navigation="results-statistics"] a[href="/admin"] > span:last-child {
  color: #eefcff !important;
  font-weight: 850 !important;
  letter-spacing: .01em;
}
body header[data-stage924-navigation="results-statistics"] a[href="/account"]::after,
body header[data-stage924-navigation="results-statistics"] a[href="/admin"]::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 1px;
  border-radius: 50%;
  background: var(--qt-aqua);
  box-shadow: 0 0 12px rgba(111,243,223,.66);
}

/* Home matches ticker — same dissolved language as the navigation. */
body .matches-bar {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body .matches-bar::before,
body .matches-bar::after { background: transparent !important; }
body .matches-bar .mb-inner {
  position: relative;
  background:
    linear-gradient(90deg,
      rgba(4,13,20,0) 0%,
      rgba(5,17,25,.28) 5%,
      rgba(5,17,25,.78) 14%,
      rgba(5,17,25,.91) 24%,
      rgba(5,17,25,.91) 76%,
      rgba(5,17,25,.78) 86%,
      rgba(5,17,25,.28) 95%,
      rgba(4,13,20,0) 100%) !important;
  box-shadow: 0 12px 34px rgba(0,5,12,.22) !important;
  backdrop-filter: blur(11px) !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 80%, rgba(0,0,0,.98) 84%, rgba(0,0,0,.86) 89%, rgba(0,0,0,.60) 94%, rgba(0,0,0,.24) 98%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0%, #000 80%, rgba(0,0,0,.98) 84%, rgba(0,0,0,.86) 89%, rgba(0,0,0,.60) 94%, rgba(0,0,0,.24) 98%, transparent 100%);
}
body .matches-bar .mb-inner::before,
body .matches-bar .mb-inner::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(111,243,223,.14), rgba(105,149,255,.18), transparent);
}
body .matches-bar .mb-inner::before { top: 0; }
body .matches-bar .mb-inner::after { bottom: 0; opacity: .46; }
body .matches-bar .mb-window::before { background: linear-gradient(90deg, rgba(5,17,25,.82), transparent) !important; }
body .matches-bar .mb-window::after {
  width: clamp(86px, 9vw, 158px) !important;
  background: linear-gradient(270deg, rgba(5,17,25,.94), rgba(5,17,25,.60) 34%, rgba(5,17,25,.18) 68%, transparent 100%) !important;
  filter: blur(2px);
}
body .matches-bar .mb-label { color: var(--qt-aqua) !important; }
body .matches-bar .mb-label i { background: var(--qt-aqua) !important; box-shadow: 0 0 13px rgba(111,243,223,.48) !important; }

/* Buttons / controls */
body .button,
body [data-quantum-tide-shell="1"] button,
body [data-quantum-tide-shell="1"] input,
body [data-quantum-tide-shell="1"] select,
body [data-quantum-tide-shell="1"] textarea {
  border-color: var(--qt-line) !important;
  background: linear-gradient(145deg, rgba(12,31,46,.97), rgba(6,18,29,.99)) !important;
  color: var(--qt-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 28px rgba(0,5,12,.18) !important;
}
body .button:hover,
body .button:focus-visible,
body [data-quantum-tide-shell="1"] button:hover,
body [data-quantum-tide-shell="1"] button:focus-visible,
body [data-quantum-tide-shell="1"] input:focus,
body [data-quantum-tide-shell="1"] select:focus,
body [data-quantum-tide-shell="1"] textarea:focus {
  border-color: rgba(105,149,255,.34) !important;
  background: linear-gradient(145deg, rgba(17,41,61,.99), rgba(8,22,35,.998)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 3px rgba(105,149,255,.055) !important;
}
body .button.primary,
body header[data-stage924-navigation="results-statistics"] a[href="/register"] {
  border-color: rgba(185,255,242,.40) !important;
  background: linear-gradient(115deg, #b9fff2, #6ff3df 46%, #6995ff) !important;
  color: #031017 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 34px rgba(105,149,255,.17) !important;
}

/* Home hero */
body .hero::before { display: none !important; }
body .hero-stage::before { border-color: rgba(111,243,223,.16) !important; box-shadow: 0 0 86px rgba(105,149,255,.08) !important; }
body .hero-stage::after { border-color: rgba(167,124,255,.16) !important; }
body .hero-axis { background: linear-gradient(transparent, rgba(111,243,223,.30), transparent) !important; box-shadow: 0 0 20px rgba(105,149,255,.16) !important; }
body .hero-hub {
  background: radial-gradient(circle at 38% 32%, #effffd 0 4%, #6ff3df 8%, #315a78 28%, #101d35 55%, #04080f 80%) !important;
  box-shadow: 0 0 0 1px rgba(185,255,242,.16), 0 0 48px rgba(111,243,223,.17), 0 0 110px rgba(167,124,255,.10), inset -17px -20px 27px #000 !important;
}
body .hero-hub::after { color: var(--qt-aqua-soft) !important; }
body .hero-prism {
  background: linear-gradient(108deg, rgba(10,27,41,.98), rgba(18,38,58,.97) 52%, rgba(7,18,29,.99)), radial-gradient(circle at 76% 18%, rgba(105,149,255,.16), transparent 44%) !important;
  filter: drop-shadow(0 28px 40px rgba(0,5,12,.40)) !important;
}
body .hp1 { --tone: 111,243,223 !important; }
body .hp2 { --tone: 105,149,255 !important; }
body .hp3 { --tone: 167,124,255 !important; }
body .hp4 { --tone: 114,231,182 !important; }
body .hp5 { --tone: 227,191,104 !important; }

/* Shared 2.5D material language — rounded edges, layered light, no flat rectangles. */
body .story-row,
body .quality-panel,
body .quality-grid > div,
body .stats-definition,
body #systemCanonical .topcard,
body #systemCanonical .detail,
body #systemCanonical .logic-node,
body #systemCanonical .distinction > div,
body #systemCanonical .decision-main,
body #systemCanonical .decision-side,
body #systemCanonical .archive > div {
  border: 1px solid rgba(111,243,223,.13) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(111,243,223,.055), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(167,124,255,.055), transparent 42%),
    linear-gradient(145deg, rgba(13,34,50,.97), rgba(5,16,26,.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 1px 0 0 rgba(111,243,223,.028),
    inset 0 -1px 0 rgba(0,0,0,.58),
    0 18px 42px rgba(0,5,12,.28) !important;
}
body .story-row:hover,
body .quality-grid > div:hover {
  border-color: rgba(105,149,255,.25) !important;
  transform: translateY(-1px);
}

/* Forecast construction: restore step-driven hub colors and remove the stray rectangle. */
body #systemCanonical .stage {
  --hub: #6ff3df;
  --hub-soft: rgba(111,243,223,.28);
  --hub-soft-2: rgba(111,243,223,.11);
  --hub-shadow: rgba(111,243,223,.20);
}
body #systemCanonical .stage[data-step="1"] {
  --hub: #75dff4;
  --hub-soft: rgba(117,223,244,.28);
  --hub-soft-2: rgba(117,223,244,.11);
  --hub-shadow: rgba(117,223,244,.20);
}
body #systemCanonical .stage[data-step="2"] {
  --hub: #6995ff;
  --hub-soft: rgba(105,149,255,.30);
  --hub-soft-2: rgba(105,149,255,.12);
  --hub-shadow: rgba(105,149,255,.21);
}
body #systemCanonical .stage[data-step="3"],
body #systemCanonical .stage[data-step="4"] {
  --hub: #a77cff;
  --hub-soft: rgba(167,124,255,.30);
  --hub-soft-2: rgba(167,124,255,.12);
  --hub-shadow: rgba(167,124,255,.21);
}
body #systemCanonical .stage[data-step="5"] {
  --hub: #72e7b6;
  --hub-soft: rgba(114,231,182,.30);
  --hub-soft-2: rgba(114,231,182,.12);
  --hub-shadow: rgba(114,231,182,.20);
}
body #systemCanonical .stage[data-step="6"] {
  --hub: #e3bf68;
  --hub-soft: rgba(227,191,104,.30);
  --hub-soft-2: rgba(227,191,104,.12);
  --hub-shadow: rgba(227,191,104,.20);
}
body #systemCanonical .progress i::after { background: var(--hub) !important; box-shadow: 0 0 13px var(--hub-soft) !important; }
body #systemCanonical .links path { stroke: var(--hub-soft) !important; }
body #systemCanonical .ring { border-color: var(--hub-soft) !important; }
body #systemCanonical .orbit.o1 { border-top-color: var(--hub-soft) !important; border-right-color: var(--hub-soft) !important; }
body #systemCanonical .orbit.o2 { border-left-color: var(--hub-soft) !important; }
body #systemCanonical .orbit i,
body #systemCanonical .junction,
body #systemCanonical .bridge-dot { background: var(--hub) !important; box-shadow: 0 0 14px var(--hub-shadow), 0 0 28px var(--hub-soft) !important; }
body #systemCanonical .core-inner {
  border-color: color-mix(in srgb, var(--hub) 50%, rgba(255,255,255,.12)) !important;
  background: radial-gradient(circle at 48% 30%, color-mix(in srgb, var(--hub) 17%, rgba(11,29,42,.96)), rgba(4,14,22,.995) 72%) !important;
  box-shadow: 0 0 46px var(--hub-soft-2), inset 0 0 34px var(--hub-soft-2), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body #systemCanonical .core-inner small { color: color-mix(in srgb, var(--hub) 88%, white 12%) !important; }
body #systemCanonical .bridge-line {
  background: linear-gradient(180deg, var(--hub-soft), rgba(255,255,255,.035)) !important;
  box-shadow: 0 0 14px var(--hub-shadow) !important;
}
body #systemCanonical .core-bridge,
body #systemCanonical .bridge-wave {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body #systemCanonical .bridge-wave::before,
body #systemCanonical .bridge-wave::after { border-top-color: var(--hub-soft) !important; background: transparent !important; }
body #systemCanonical .step { border-color: rgba(111,243,223,.085) !important; }
body #systemCanonical .step.active { background: linear-gradient(90deg, var(--hub-soft-2), transparent 78%) !important; }
body #systemCanonical .step .num,
body #systemCanonical .step small,
body #systemCanonical .topcard small,
body #systemCanonical .detail small { color: var(--hub) !important; }
body #systemCanonical .topcard.primary { border-color: rgba(111,243,223,.28) !important; }
body #systemCanonical .topcard.violet { border-color: rgba(167,124,255,.30) !important; background: linear-gradient(145deg, rgba(31,24,60,.92), rgba(7,18,29,.98)) !important; }
body #systemCanonical .topcard.good { border-color: rgba(114,231,182,.28) !important; background: linear-gradient(145deg, rgba(12,48,39,.84), rgba(6,20,28,.98)) !important; }
body #systemCanonical .topcard.risk { border-color: rgba(227,191,104,.30) !important; background: linear-gradient(145deg, rgba(53,41,18,.80), rgba(7,19,27,.98)) !important; }

/* Virtual bank — one premium 2.5D presentation, no hard blue box. */
body .bank-presentation {
  position: relative !important;
  padding: clamp(26px, 2.6vw, 40px) clamp(24px, 3vw, 46px) 30px !important;
  border: 1px solid !important;
  border-color: rgba(185,255,242,.28) rgba(105,149,255,.20) rgba(2,8,14,.88) rgba(111,243,223,.20) !important;
  border-radius: 42px !important;
  background:
    radial-gradient(ellipse 56% 70% at 11% 28%, rgba(111,243,223,.09), transparent 68%),
    radial-gradient(ellipse 58% 74% at 91% 74%, rgba(167,124,255,.10), transparent 68%),
    linear-gradient(145deg, rgba(12,31,47,.965), rgba(6,17,29,.988) 56%, rgba(8,15,32,.992)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 1px 0 0 rgba(111,243,223,.035),
    inset -1px 0 0 rgba(167,124,255,.035),
    inset 0 -2px 0 rgba(0,0,0,.48),
    0 30px 74px rgba(0,5,12,.40),
    0 0 46px rgba(105,149,255,.055) !important;
}
body .bank-presentation::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: -1px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(111,243,223,.38), rgba(105,149,255,.28), rgba(167,124,255,.26), transparent);
}
body .bank-visual {
  border: 0 !important;
  border-radius: 34px !important;
  background: radial-gradient(circle at 50% 48%, rgba(111,243,223,.035), transparent 58%) !important;
  box-shadow: none !important;
}
body .bank-meaning { background: transparent !important; }
body .bank-meaning-item { border-color: rgba(111,243,223,.09) !important; }
body .bank-meaning-item > span,
body .bank-core strong,
body .bank-core small { color: var(--qt-aqua) !important; }
body .bank-core {
  border-color: rgba(111,243,223,.28) !important;
  background: radial-gradient(circle at 36% 28%, rgba(111,243,223,.20), rgba(15,39,52,.96) 38%, rgba(4,12,20,.995) 72%) !important;
  box-shadow: 0 0 0 1px rgba(105,149,255,.10), 0 0 72px rgba(111,243,223,.14), 0 0 116px rgba(167,124,255,.09), 0 44px 90px rgba(0,5,12,.38) !important;
}
body .bank-zero-money {
  border: 1px solid rgba(111,243,223,.14) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(12,31,45,.90), rgba(6,18,28,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,5,12,.18) !important;
}

/* Forecast breakdown — premium article surface instead of a hard rectangle. */
body .breakdowns-section .bd-article {
  padding: 32px 34px 0 !important;
  border: 1px solid !important;
  border-color: rgba(111,243,223,.24) rgba(105,149,255,.16) rgba(2,8,14,.82) rgba(111,243,223,.14) !important;
  border-radius: 36px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(111,243,223,.07), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(167,124,255,.08), transparent 38%),
    linear-gradient(145deg, rgba(12,31,46,.97), rgba(6,17,28,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 1px 0 0 rgba(111,243,223,.03),
    inset 0 -2px 0 rgba(0,0,0,.50),
    0 28px 70px rgba(0,5,12,.38) !important;
}
body .breakdowns-section .bd-article::before {
  left: 4% !important;
  top: 0 !important;
  width: 52% !important;
  background: linear-gradient(90deg, transparent, var(--qt-aqua), rgba(105,149,255,.70), transparent) !important;
  box-shadow: 0 0 24px rgba(111,243,223,.18) !important;
}
body .breakdowns-section .bd-matchsheet,
body .breakdowns-section .bd-score {
  border: 1px solid rgba(111,243,223,.12) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  background: linear-gradient(145deg, rgba(14,35,51,.92), rgba(7,19,30,.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 32px rgba(0,5,12,.22) !important;
}
body .breakdowns-section .bd-result { border-top-color: rgba(111,243,223,.10) !important; }

/* Tariffs — preserve clear tier hierarchy. */
body .pricing-section .p-card {
  border: 2px solid !important;
  border-radius: 40px !important;
  overflow: hidden !important;
  transform: translateZ(0);
}
body .pricing-section .p-card--trial {
  --p-accent: #d9f2f6 !important;
  --p-rgb: 217,242,246 !important;
  border-color: #cde7eb #658992 #455f67 #a9c3c9 !important;
  background: radial-gradient(ellipse 125% 86% at 50% -12%, #1c3b42 0%, #142c34 30%, #0d2028 61%, #08151b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 1px 0 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(0,0,0,.72), 0 26px 58px rgba(0,5,12,.42), 0 0 30px rgba(111,243,223,.08) !important;
}
body .pricing-section .p-card--fortnight {
  --p-accent: #caa9ff !important;
  --p-rgb: 202,169,255 !important;
  border-color: #d4baff #8d66dd #503786 #b98cf4 !important;
  background: radial-gradient(ellipse 125% 86% at 50% -12%, #493477 0%, #332758 30%, #211a3d 60%, #101225 100%) !important;
  box-shadow: inset 0 1px 0 rgba(241,231,255,.11), inset 1px 0 0 rgba(202,169,255,.07), inset 0 -1px 0 rgba(0,0,0,.72), 0 28px 64px rgba(0,5,12,.44), 0 0 42px rgba(167,124,255,.18) !important;
}
body .pricing-section .p-card--month {
  --p-accent: #ffe09a !important;
  --p-rgb: 255,224,154 !important;
  border-color: #f3d992 #607fc8 #2f4276 #cba950 !important;
  background: radial-gradient(ellipse 110% 76% at 76% -8%, rgba(227,191,104,.24), transparent 46%), radial-gradient(ellipse 120% 86% at 30% -12%, #233d73 0%, #1b2e5d 28%, #141f42 58%, #0b1125 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,236,186,.12), inset 1px 0 0 rgba(105,149,255,.08), inset 0 -1px 0 rgba(0,0,0,.74), 0 28px 64px rgba(0,5,12,.45), 0 0 44px rgba(227,191,104,.14), 0 0 30px rgba(105,149,255,.10) !important;
}
body .pricing-section .p-card:hover { transform: translateY(-5px) !important; }
body .pricing-section .p-card--trial .p-badge,
body .pricing-section .p-card--trial .p-check { background: #102b31 !important; border-color: #547d84 !important; color: #d5f6f7 !important; }
body .pricing-section .p-card--fortnight .p-badge,
body .pricing-section .p-card--fortnight .p-check { background: #281b43 !important; border-color: #8059bf !important; color: #d2b6ff !important; }
body .pricing-section .p-card--month .p-badge,
body .pricing-section .p-card--month .p-check { background: #1f2646 !important; border-color: #ad8f48 !important; color: #ffe0a0 !important; }
body .pricing-section .p-card .p-btn {
  border-radius: 15px !important;
  color: #f7fbff !important;
}
body .pricing-section .p-card--trial .p-btn { background: linear-gradient(135deg, #1a3940, #153039) !important; border-color: #86a9b0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,5,12,.26) !important; }
body .pricing-section .p-card--fortnight .p-btn { background: linear-gradient(135deg, #8456d8, #6642b8) !important; border-color: #c7a0ff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 12px 28px rgba(110,67,192,.28) !important; }
body .pricing-section .p-card--month .p-btn { background: linear-gradient(135deg, #d3ad58, #6f80c9) !important; border-color: #f1d58b !important; color: #091125 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 12px 28px rgba(99,120,205,.25) !important; }

/* Telegram — every card has its own tone, all remain in one Quantum family. */
body .telegram-section .tg2-card {
  border: 2px solid !important;
  border-radius: 24px !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.10), inset -1px -1px 0 rgba(var(--tg-rgb),.22), 0 22px 48px rgba(0,5,12,.34), 0 0 32px rgba(var(--tg-rgb),.11) !important;
}
body .telegram-section .tg2-card--01 {
  --tg-accent: #6ff3df !important; --tg-rgb: 111,243,223 !important;
  border-color: #65dfcf #357f82 #214d55 #54bcb5 !important;
  background: linear-gradient(145deg, #173e45 0%, #102f38 55%, #0a2029 100%) !important;
}
body .telegram-section .tg2-card--02 {
  --tg-accent: #72b6ff !important; --tg-rgb: 114,182,255 !important;
  border-color: #6eb5f5 #426fb2 #294872 #5a8ed1 !important;
  background: linear-gradient(145deg, #173b61 0%, #102d4c 55%, #0a1d34 100%) !important;
}
body .telegram-section .tg2-card--03 {
  --tg-accent: #72e7b6 !important; --tg-rgb: 114,231,182 !important;
  border-color: #65d5a8 #3f8e70 #285b4c #56b68f !important;
  background: linear-gradient(145deg, #153d32 0%, #102f28 55%, #0a201d 100%) !important;
}
body .telegram-section .tg2-card--04 {
  --tg-accent: #b694ff !important; --tg-rgb: 182,148,255 !important;
  border-color: #b08cf2 #7355b8 #493676 #916bd8 !important;
  background: linear-gradient(145deg, #392c61 0%, #2a214b 55%, #18162f 100%) !important;
}
body .telegram-section .tg2-card--05 {
  --tg-accent: #e8c874 !important; --tg-rgb: 232,200,116 !important;
  border-color: #dfbd67 #9b7b37 #5f4a24 #bd9847 !important;
  background: linear-gradient(145deg, #42371d 0%, #312a19 55%, #1f1d18 100%) !important;
}
body .telegram-section .tg2-card:hover {
  transform: translateY(-4px) !important;
  filter: saturate(1.07) brightness(1.025) !important;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.12), inset -1px -1px 0 rgba(var(--tg-rgb),.28), 0 28px 58px rgba(0,5,12,.37), 0 0 38px rgba(var(--tg-rgb),.16) !important;
}
body .telegram-section .tg2-icon,
body .telegram-section .tg2-symbol {
  border-color: rgba(var(--tg-rgb),.55) !important;
  background: radial-gradient(circle at 35% 30%, rgba(var(--tg-rgb),.16), rgba(var(--tg-rgb),.045) 58%, rgba(5,15,24,.96)) !important;
  color: var(--tg-accent) !important;
}
body .telegram-section .tg2-card small { color: var(--tg-accent) !important; }
body .telegram-section .tg2-card h3,
body .telegram-section .tg2-card strong { color: var(--qt-text) !important; }
body .telegram-section .tg2-card p { color: var(--qt-muted) !important; }

/* SiteShell routes, including profile/auth/admin. */
body [data-quantum-tide-shell="1"] { background: transparent !important; color: var(--qt-text) !important; }
body [data-quantum-tide-shell="1"] footer {
  border-top-color: rgba(111,243,223,.10) !important;
  background: linear-gradient(180deg, rgba(4,12,20,.20), rgba(3,11,18,.94) 34%, rgba(3,10,17,.985)) !important;
  box-shadow: 0 -24px 60px rgba(0,5,12,.24) !important;
}
body [data-quantum-tide-shell="1"] footer b,
body [data-quantum-tide-shell="1"] footer a:hover,
body [data-quantum-tide-shell="1"] footer a:focus-visible { color: var(--qt-aqua) !important; }

body [data-quantum-tide-shell="1"] [class*="areaBar"] {
  border-color: transparent !important;
  background: linear-gradient(90deg, transparent, rgba(5,17,25,.78) 12%, rgba(5,17,25,.88) 50%, rgba(5,17,25,.78) 88%, transparent) !important;
}
body [data-quantum-tide-shell="1"] [class*="areaLabel"] { color: var(--qt-aqua) !important; }
body [data-quantum-tide-shell="1"] [class*="areaNote"] { color: var(--qt-muted) !important; }

body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="section"],
body [data-quantum-tide-shell="1"][data-shell-area="auth"] [class*="section"],
body [data-quantum-tide-shell="1"][data-shell-area="admin"] [class*="section"] {
  background: transparent !important;
  background-image: none !important;
}

body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="layout"],
body [data-quantum-tide-shell="1"][data-shell-area="auth"] [class*="panel"],
body [data-quantum-tide-shell="1"][data-shell-area="auth"] [class*="card"],
body [data-quantum-tide-shell="1"][data-shell-area="admin"] [class*="panel"],
body [data-quantum-tide-shell="1"][data-shell-area="admin"] [class*="card"] {
  border: 1px solid rgba(111,243,223,.15) !important;
  border-radius: 32px !important;
  background: radial-gradient(circle at 10% 0%, rgba(111,243,223,.07), transparent 34%), radial-gradient(circle at 100% 100%, rgba(167,124,255,.07), transparent 42%), linear-gradient(145deg, rgba(12,31,46,.985), rgba(5,15,24,.997)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), inset 0 -1px 0 rgba(0,0,0,.55), 0 28px 72px rgba(0,5,12,.36) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="sidebar"] {
  border-color: rgba(111,243,223,.10) !important;
  background: linear-gradient(180deg, rgba(12,34,49,.98), rgba(6,18,28,.99)) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="panel"] {
  background: radial-gradient(circle at 88% 7%, rgba(167,124,255,.07), transparent 30%), linear-gradient(180deg, rgba(8,24,36,.99), rgba(5,15,24,.997)) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="avatar"] {
  border-color: rgba(111,243,223,.28) !important;
  background: radial-gradient(circle at 30% 24%, rgba(255,255,255,.14), transparent 28%), linear-gradient(145deg, rgba(111,243,223,.17), rgba(167,124,255,.13)) !important;
  color: var(--qt-aqua-soft) !important;
  box-shadow: 0 18px 38px rgba(0,5,12,.28), 0 0 34px rgba(111,243,223,.07) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="active"] {
  border-color: rgba(111,243,223,.20) !important;
  background: linear-gradient(90deg, rgba(111,243,223,.13), rgba(105,149,255,.04)), rgba(8,22,34,.98) !important;
  color: var(--qt-aqua-soft) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="card"],
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="block"],
body [data-quantum-tide-shell="1"][data-shell-area="account"] [class*="row"] {
  border-color: rgba(111,243,223,.11) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(12,31,46,.94), rgba(6,18,28,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 30px rgba(0,5,12,.18) !important;
}
body [data-quantum-tide-shell="1"][data-shell-area="account"] h1,
body [data-quantum-tide-shell="1"][data-shell-area="account"] h2,
body [data-quantum-tide-shell="1"][data-shell-area="account"] h3,
body [data-quantum-tide-shell="1"][data-shell-area="auth"] h1,
body [data-quantum-tide-shell="1"][data-shell-area="auth"] h2,
body [data-quantum-tide-shell="1"][data-shell-area="admin"] h1,
body [data-quantum-tide-shell="1"][data-shell-area="admin"] h2 { color: var(--qt-text) !important; }
body [data-quantum-tide-shell="1"][data-shell-area="account"] p,
body [data-quantum-tide-shell="1"][data-shell-area="account"] small,
body [data-quantum-tide-shell="1"][data-shell-area="auth"] p,
body [data-quantum-tide-shell="1"][data-shell-area="auth"] small,
body [data-quantum-tide-shell="1"][data-shell-area="admin"] p,
body [data-quantum-tide-shell="1"][data-shell-area="admin"] small { color: var(--qt-muted) !important; }

/* Route hooks */
body [data-quantum-tide-page] { display: contents; }

/* Dedicated virtual-bank page — exact white-card palette from the approved Quantum Tide HTML. */
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] {
  --paper: rgba(255,255,255,.90) !important;
  --paper-2: rgba(225,244,248,.69) !important;
  --paper-3: rgba(229,232,255,.62) !important;
  --ink: #122438 !important;
  --ink-2: #2c4258 !important;
  --muted: #667d90 !important;
  --line: rgba(18,36,56,.14) !important;
  --line-strong: rgba(18,36,56,.24) !important;
  --blue: #2a8fa5 !important;
  --blue-soft: #4f7085 !important;
  --green: #2d9c76 !important;
  --green-soft: rgba(45,156,118,.12) !important;
  --red: #c35e6a !important;
  --red-soft: rgba(195,94,106,.12) !important;
  --amber: #a77a2f !important;
  --amber-soft: rgba(167,122,47,.12) !important;
  overflow: hidden !important;
  border: 1px solid var(--qt-bank-line) !important;
  border-radius: 34px !important;
  background: var(--qt-bank) !important;
  color: var(--qt-bank-text) !important;
  backdrop-filter: blur(28px) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.23) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"]::after {
  inset: -40% !important;
  z-index: 0 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background: var(--qt-bank-sheen) !important;
  background-size: auto !important;
  animation: quantumBankSheen 13s linear infinite;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] > * {
  position: relative;
  z-index: 1;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] h1,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] h2,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] h3,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] strong,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] b {
  color: var(--qt-bank-text) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] p,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] small {
  color: var(--qt-bank-muted) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] header {
  border-color: rgba(18,36,56,.12) !important;
  background: rgba(255,255,255,.08) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="eyebrow"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="bankName"] > span {
  color: #4f7085 !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="positive"] { color: #2d9c76 !important; }
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="negative"] { color: #c35e6a !important; }
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="tableShell"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="card"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="rule"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="analysis"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="position"],
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] [class*="guide"] {
  border-color: rgba(18,36,56,.12) !important;
  background: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 12px 34px rgba(18,36,56,.07) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] button,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] input,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] select {
  border-color: rgba(18,36,56,.16) !important;
  color: #122438 !important;
  background: rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 8px 22px rgba(18,36,56,.08) !important;
}
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] button:hover,
body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] button:focus-visible {
  border-color: rgba(42,143,165,.34) !important;
  background: rgba(255,255,255,.60) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 10px 26px rgba(18,36,56,.10) !important;
}
@keyframes quantumBankSheen { to { transform: rotate(360deg); } }

/* Matches page — date rail and each match become refined floating 2.5D cards. */
body [data-quantum-tide-page="matches"] section { background: transparent !important; background-image: none !important; }
body [data-quantum-tide-page="matches"] h1,
body [data-quantum-tide-page="matches"] h2,
body [data-quantum-tide-page="matches"] h3,
body [data-quantum-tide-page="matches"] strong { color: var(--qt-text) !important; }
body [data-quantum-tide-page="matches"] p,
body [data-quantum-tide-page="matches"] small { color: var(--qt-muted) !important; }
body [data-quantum-tide-page="matches"] em { color: var(--qt-aqua) !important; }

body [data-quantum-tide-page="matches"] [class*="dateLine"] {
  gap: 8px !important;
  padding: 8px !important;
  border: 1px solid rgba(111,243,223,.09) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(10,28,42,.84), rgba(5,16,25,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 40px rgba(0,5,12,.22) !important;
}
body [data-quantum-tide-page="matches"] [class*="dateLine"]::before { display: none !important; }
body [data-quantum-tide-page="matches"] [class*="datePoint"] {
  min-height: 76px !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(111,243,223,.10) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(13,34,49,.88), rgba(6,18,28,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -1px 0 rgba(0,0,0,.42), 0 8px 20px rgba(0,5,12,.15) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
body [data-quantum-tide-page="matches"] [class*="datePoint"]:hover,
body [data-quantum-tide-page="matches"] [class*="datePoint"]:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(105,149,255,.26) !important;
  background: linear-gradient(145deg, rgba(17,42,60,.94), rgba(8,22,34,.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,5,12,.22), 0 0 24px rgba(105,149,255,.06) !important;
}
body [data-quantum-tide-page="matches"] [class*="datePointActive"] {
  border-color: rgba(111,243,223,.32) !important;
  background: radial-gradient(circle at 50% 0%, rgba(111,243,223,.14), transparent 58%), linear-gradient(145deg, rgba(17,48,58,.95), rgba(8,24,34,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 30px rgba(0,5,12,.24), 0 0 26px rgba(111,243,223,.09) !important;
}
body [data-quantum-tide-page="matches"] [class*="calendarJump"],
body [data-quantum-tide-page="matches"] [class*="filterDock"] {
  border-color: rgba(111,243,223,.12) !important;
  background: linear-gradient(145deg, rgba(12,32,47,.92), rgba(6,18,28,.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 36px rgba(0,5,12,.20) !important;
}
body [data-quantum-tide-page="matches"] [class*="schedule"] { overflow: visible !important; }
body [data-quantum-tide-page="matches"] [class*="row"] {
  margin: 10px 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(111,243,223,.10) !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 0% 50%, rgba(111,243,223,.045), transparent 32%), linear-gradient(145deg, rgba(11,31,45,.95), rgba(5,17,27,.985)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(0,0,0,.48), 0 14px 34px rgba(0,5,12,.22) !important;
}
body [data-quantum-tide-page="matches"] [class*="row"]:hover {
  border-color: rgba(105,149,255,.22) !important;
  background: radial-gradient(circle at 50% 50%, rgba(105,149,255,.055), transparent 36%), linear-gradient(145deg, rgba(14,36,52,.97), rgba(6,19,30,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 42px rgba(0,5,12,.27) !important;
}
body [data-quantum-tide-page="matches"] [class*="row"] + [class*="row"] { border-top-width: 1px !important; }
body [data-quantum-tide-page="matches"] [class*="timeRail"]::after,
body [data-quantum-tide-page="matches"] [class*="eventMeta"],
body [data-quantum-tide-page="matches"] [class*="decision"],
body [data-quantum-tide-page="matches"] [class*="openMatch"] { border-color: rgba(111,243,223,.07) !important; }
body [data-quantum-tide-page="matches"] [class*="homeMark"],
body [data-quantum-tide-page="matches"] [class*="awayMark"],
body [data-quantum-tide-page="matches"] [class*="versus"] {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 22px rgba(0,5,12,.18) !important;
}

/* Prediction Center — same 2.5D material, no flat page rectangle. */
body [data-quantum-tide-page="predictions"] *,
body [data-stage-923-frame="1"] * {
  --bg: #061019 !important;
  --bg2: #091725 !important;
  --text: #f3f9ff !important;
  --muted: #8fa5b7 !important;
  --line: rgba(111,243,223,.12) !important;
  --line2: rgba(105,149,255,.20) !important;
  --cyan: #6ff3df !important;
  --cyan2: #b9fff2 !important;
  --violet: #a77cff !important;
  --violet2: #cbb7ff !important;
  --green: #72e7b6 !important;
  --amber: #e3bf68 !important;
  --red: #ff8298 !important;
  --shadow: 0 34px 100px rgba(0,5,12,.44) !important;
}
body [data-stage-923-frame="1"] { color: var(--qt-text) !important; }
body [data-stage-923-intro="1"] h1 { color: var(--qt-text) !important; }
body [data-stage-923-intro="1"] p,
body [data-stage-923-frame="1"] small { color: var(--qt-muted) !important; }
body [data-stage-923-shell="1"] {
  border: 1px solid !important;
  border-color: rgba(111,243,223,.22) rgba(105,149,255,.16) rgba(2,8,14,.84) rgba(111,243,223,.14) !important;
  border-radius: 40px !important;
  background: radial-gradient(760px 390px at 50% 13%, rgba(105,149,255,.13), transparent 66%), radial-gradient(560px 330px at 8% 18%, rgba(111,243,223,.085), transparent 70%), linear-gradient(145deg, rgba(11,29,44,.985), rgba(5,15,25,.998)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), inset 0 -2px 0 rgba(0,0,0,.48), 0 34px 88px rgba(0,5,12,.40) !important;
}
body [data-stage-923-shell="1"] input,
body [data-stage-923-shell="1"] button,
body [data-stage-923-shell="1"] [role="listbox"] {
  border-color: rgba(111,243,223,.13) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(13,34,50,.96), rgba(6,18,29,.99)) !important;
  color: var(--qt-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 22px rgba(0,5,12,.16) !important;
}
body [data-stage-923-shell="1"] canvas { filter: saturate(1.06) hue-rotate(-5deg) brightness(1.02) !important; }

/* Statistics — cards/tables use the same rounded material language. */
body [data-quantum-tide-page="statistics"] *,
body [data-quantum-tide-page="statistics"] *::before,
body [data-quantum-tide-page="statistics"] *::after {
  --ink: #f3f9ff !important;
  --ink-soft: #d7e5f1 !important;
  --muted: #9aabba !important;
  --muted-2: #73879a !important;
  --aqua: #b9fff2 !important;
  --aqua-strong: #6ff3df !important;
  --ice: #a8dfff !important;
  --violet: #c0a7ff !important;
  --gold: #e3bf68 !important;
  --green: #72e7b6 !important;
  --red: #ff8298 !important;
  --gray: #b8c7d3 !important;
  --line-strong: rgba(111,243,223,.15) !important;
  --table-shell: #081722 !important;
  --table-row: #0b1d2b !important;
  --table-row-alt: #0e2232 !important;
  --table-border: rgba(111,243,223,.10) !important;
}
body [data-quantum-tide-page="statistics"] table {
  overflow: hidden !important;
  border: 1px solid rgba(111,243,223,.11) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(11,30,44,.96), rgba(6,18,28,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 38px rgba(0,5,12,.22) !important;
}
body [data-quantum-tide-page="statistics"] button {
  border-radius: 16px !important;
}
body [data-quantum-tide-page="statistics"] [role="alert"],
body [data-quantum-tide-page="statistics"] [role="status"] {
  border: 1px solid rgba(111,243,223,.12) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(12,31,46,.94), rgba(6,18,28,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 30px rgba(0,5,12,.18) !important;
}

@media (max-width: 920px) {
  /* Mobile geometry belongs to the canonical responsive owners.
   * Quantum Tide keeps only palette/material treatment here. */
}

@media (max-width: 680px) {
  body .header .container,
  body header[data-stage924-navigation="results-statistics"] > div:first-child {
    background: rgba(3,11,18,.90) !important;
  }
  body .matches-bar .mb-inner {
    width: 100% !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 84%, rgba(0,0,0,.74) 92%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 84%, rgba(0,0,0,.74) 92%, transparent 100%);
  }
  body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"] { border-radius: 26px !important; }
  body [data-quantum-tide-page="matches"] [class*="dateLine"] { border-radius: 20px !important; }
  body [data-quantum-tide-page="matches"] [class*="datePoint"] { min-width: 106px !important; }
  body [data-quantum-tide-page="matches"] [class*="row"] { border-radius: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .experiment-quantum-tide__atmo,
  body [data-quantum-tide-page="virtual-bank"] section[aria-label="Виртуальный банк AI Capper"]::after { animation: none !important; }
  body .pricing-section .p-card:hover,
  body .telegram-section .tg2-card:hover,
  body [data-quantum-tide-page="matches"] [class*="datePoint"]:hover { transform: none !important; }
}