/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-\[-10\%\] {
    top: -10%;
  }
  .top-\[-20\%\] {
    top: -20%;
  }
  .top-\[-20px\] {
    top: -20px;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-\[-10\%\] {
    right: -10%;
  }
  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
  .-bottom-24 {
    bottom: calc(var(--spacing) * -24);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-\[-10\%\] {
    bottom: -10%;
  }
  .bottom-\[-20\%\] {
    bottom: -20%;
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-20 {
    left: calc(var(--spacing) * -20);
  }
  .-left-24 {
    left: calc(var(--spacing) * -24);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-\[-10\%\] {
    left: -10%;
  }
  .left-\[60\%\] {
    left: 60%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[99999\] {
    z-index: 99999;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-auto {
    margin-block: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[30vw\] {
    height: 30vw;
  }
  .h-\[40vw\] {
    height: 40vw;
  }
  .h-\[50vw\] {
    height: 50vw;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[550px\] {
    height: 550px;
  }
  .h-\[calc\(50\%\+20px\)\] {
    height: calc(50% + 20px);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-\[95vh\] {
    max-height: 95vh;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[30vw\] {
    width: 30vw;
  }
  .w-\[40vw\] {
    width: 40vw;
  }
  .w-\[50vw\] {
    width: 50vw;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[48px\] {
    max-width: 48px;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[95\%\] {
    max-width: 95%;
  }
  .max-w-\[100\%\] {
    max-width: 100%;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[1920px\] {
    max-width: 1920px;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-right {
    transform-origin: bottom right;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .skew-x-12 {
    --tw-skew-x: skewX(12deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[scan_2s_linear_infinite\] {
    animation: scan 2s linear infinite;
  }
  .animate-\[spin_7s_linear_infinite_reverse\] {
    animation: spin 7s linear infinite reverse;
  }
  .animate-\[spin_10s_linear_infinite\] {
    animation: spin 10s linear infinite;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-white\/5 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }
  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm);
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-bl-full {
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\[\#0a0d14\] {
    border-color: #0a0d14;
  }
  .border-\[\#1AAB29\] {
    border-color: #1AAB29;
  }
  .border-\[\#26A17B\]\/50 {
    border-color: color-mix(in oklab, #26A17B 50%, transparent);
  }
  .border-\[\#38e5b6\]\/20 {
    border-color: color-mix(in oklab, #38e5b6 20%, transparent);
  }
  .border-\[\#627EEA\]\/50 {
    border-color: color-mix(in oklab, #627EEA 50%, transparent);
  }
  .border-\[\#DEA123\] {
    border-color: #DEA123;
  }
  .border-\[\#E0443E\] {
    border-color: #E0443E;
  }
  .border-\[\#F7931A\]\/50 {
    border-color: color-mix(in oklab, #F7931A 50%, transparent);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-500\/20 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .border-blue-500\/30 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
  .border-blue-500\/50 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }
  .border-cyan-400\/50 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent);
    }
  }
  .border-cyan-500 {
    border-color: var(--color-cyan-500);
  }
  .border-cyan-500\/20 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .border-cyan-500\/30 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
  .border-cyan-500\/40 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }
  .border-cyan-500\/50 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/20 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .border-emerald-500\/30 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .border-emerald-500\/50 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-purple-500\/20 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }
  .border-purple-500\/30 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
  }
  .border-purple-500\/50 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
    }
  }
  .border-rose-500 {
    border-color: var(--color-rose-500);
  }
  .border-rose-500\/10 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .border-rose-500\/20 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .border-rose-500\/30 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .border-rose-500\/50 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/5 {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-yellow-500\/20 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }
  .border-yellow-500\/30 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
    }
  }
  .border-yellow-500\/50 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
    }
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-l-cyan-500 {
    border-left-color: var(--color-cyan-500);
  }
  .bg-\[\#0a0d14\] {
    background-color: #0a0d14;
  }
  .bg-\[\#0b0f19\] {
    background-color: #0b0f19;
  }
  .bg-\[\#26A17B\]\/20 {
    background-color: color-mix(in oklab, #26A17B 20%, transparent);
  }
  .bg-\[\#27C93F\] {
    background-color: #27C93F;
  }
  .bg-\[\#38e5b6\] {
    background-color: #38e5b6;
  }
  .bg-\[\#38e5b6\]\/10 {
    background-color: color-mix(in oklab, #38e5b6 10%, transparent);
  }
  .bg-\[\#627EEA\]\/20 {
    background-color: color-mix(in oklab, #627EEA 20%, transparent);
  }
  .bg-\[\#02040A\] {
    background-color: #02040A;
  }
  .bg-\[\#05080f\] {
    background-color: #05080f;
  }
  .bg-\[\#05080f\]\/50 {
    background-color: color-mix(in oklab, #05080f 50%, transparent);
  }
  .bg-\[\#06080c\] {
    background-color: #06080c;
  }
  .bg-\[\#010204\] {
    background-color: #010204;
  }
  .bg-\[\#010204\]\/80 {
    background-color: color-mix(in oklab, #010204 80%, transparent);
  }
  .bg-\[\#010205\] {
    background-color: #010205;
  }
  .bg-\[\#12151c\] {
    background-color: #12151c;
  }
  .bg-\[\#020305\] {
    background-color: #020305;
  }
  .bg-\[\#020305\]\/80 {
    background-color: color-mix(in oklab, #020305 80%, transparent);
  }
  .bg-\[\#030508\] {
    background-color: #030508;
  }
  .bg-\[\#030508\]\/80 {
    background-color: color-mix(in oklab, #030508 80%, transparent);
  }
  .bg-\[\#030508\]\/98 {
    background-color: color-mix(in oklab, #030508 98%, transparent);
  }
  .bg-\[\#050810\] {
    background-color: #050810;
  }
  .bg-\[\#050914\]\/60 {
    background-color: color-mix(in oklab, #050914 60%, transparent);
  }
  .bg-\[\#121622\] {
    background-color: #121622;
  }
  .bg-\[\#F7931A\]\/20 {
    background-color: color-mix(in oklab, #F7931A 20%, transparent);
  }
  .bg-\[\#FF5F56\] {
    background-color: #FF5F56;
  }
  .bg-\[\#FFBD2E\] {
    background-color: #FFBD2E;
  }
  .bg-amber-500\/80 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/10 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
  .bg-blue-500\/20 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .bg-blue-700\/20 {
    background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-700) 20%, transparent);
    }
  }
  .bg-blue-900\/10 {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
    }
  }
  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-cyan-500\/5 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
    }
  }
  .bg-cyan-500\/10 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
  .bg-cyan-500\/20 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }
  .bg-cyan-600\/20 {
    background-color: color-mix(in srgb, oklch(60.9% 0.126 221.723) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-600) 20%, transparent);
    }
  }
  .bg-cyan-900\/10 {
    background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 10%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/5 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-500\/20 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-purple-500\/10 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
    }
  }
  .bg-purple-500\/20 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }
  .bg-purple-600\/15 {
    background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-600) 15%, transparent);
    }
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/5 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
    }
  }
  .bg-rose-500\/10 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-500\/20 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .bg-rose-500\/80 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
    }
  }
  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-800\/80 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/\[0\.01\] {
    background-color: color-mix(in srgb, #fff 1%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
    }
  }
  .bg-white\/\[0\.02\] {
    background-color: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }
  .bg-white\/\[0\.03\] {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .bg-white\/\[0\.04\] {
    background-color: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .bg-yellow-500\/10 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
    }
  }
  .bg-yellow-500\/20 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(rgba\(18\,16\,16\,0\)_50\%\,rgba\(0\,0\,0\,0\.1\)_50\%\)\] {
    background-image: linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.1) 50%);
  }
  .bg-\[linear-gradient\(to_right\,\#8080800a_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#8080800a_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#8080800a 1px,transparent 1px),linear-gradient(to bottom,#8080800a 1px,transparent 1px);
  }
  .from-\[\#0a0d14\] {
    --tw-gradient-from: #0a0d14;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#12151c\] {
    --tw-gradient-from: #12151c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-900 {
    --tw-gradient-from: var(--color-blue-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-300 {
    --tw-gradient-from: var(--color-cyan-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-600 {
    --tw-gradient-from: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-900 {
    --tw-gradient-from: var(--color-cyan-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-900 {
    --tw-gradient-from: var(--color-emerald-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-400 {
    --tw-gradient-from: var(--color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-600 {
    --tw-gradient-from: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-900 {
    --tw-gradient-from: var(--color-purple-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-400 {
    --tw-gradient-from: var(--color-slate-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white\/20 {
    --tw-gradient-from: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-yellow-400 {
    --tw-gradient-from: var(--color-yellow-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-blue-400 {
    --tw-gradient-via: var(--color-blue-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-400 {
    --tw-gradient-via: var(--color-cyan-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/40 {
    --tw-gradient-via: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#0a0d14\] {
    --tw-gradient-to: #0a0d14;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#06080c\] {
    --tw-gradient-to: #06080c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-600\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-900\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-200 {
    --tw-gradient-to: var(--color-cyan-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-400 {
    --tw-gradient-to: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-600 {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/5 {
    --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-yellow-700 {
    --tw-gradient-to: var(--color-yellow-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-\[length\:100\%_4px\] {
    background-size: 100% 4px;
  }
  .bg-\[size\:24px_24px\] {
    background-size: 24px 24px;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .fill-black\/20 {
    fill: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .fill-white {
    fill: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-14 {
    padding-left: calc(var(--spacing) * 14);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[2\] {
    --tw-leading: 2;
    line-height: 2;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
  .tracking-\[0\.25em\] {
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#26A17B\] {
    color: #26A17B;
  }
  .text-\[\#38e5b6\] {
    color: #38e5b6;
  }
  .text-\[\#627EEA\] {
    color: #627EEA;
  }
  .text-\[\#F7931A\] {
    color: #F7931A;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-cyan-100 {
    color: var(--color-cyan-100);
  }
  .text-cyan-100\/90 {
    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-100) 90%, transparent);
    }
  }
  .text-cyan-200 {
    color: var(--color-cyan-200);
  }
  .text-cyan-200\/60 {
    color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-200) 60%, transparent);
    }
  }
  .text-cyan-300 {
    color: var(--color-cyan-300);
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-cyan-400\/80 {
    color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
    }
  }
  .text-cyan-500 {
    color: var(--color-cyan-500);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-500\/70 {
    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
    }
  }
  .text-purple-300 {
    color: var(--color-purple-300);
  }
  .text-purple-400 {
    color: var(--color-purple-400);
  }
  .text-rose-200 {
    color: var(--color-rose-200);
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-500\/50 {
    color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
    }
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/30 {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.1\] {
    opacity: 0.1;
  }
  .opacity-\[0\.15\] {
    opacity: 0.15;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .mix-blend-screen {
    mix-blend-mode: screen;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_5px_rgba\(38\,161\,123\,0\.2\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, rgba(38,161,123,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_5px_rgba\(98\,126\,234\,0\.2\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, rgba(98,126,234,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_5px_rgba\(247\,147\,26\,0\.2\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, rgba(247,147,26,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#3b82f6\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #3b82f6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#10b981\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #10b981);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#22d3ee\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #22d3ee);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#34d399\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #34d399);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#38e5b6\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #38e5b6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#a855f7\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #a855f7);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_\#f43f5e\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #f43f5e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_\#10b981\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #10b981);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_\#22d3ee\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #22d3ee);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(0\,0\,0\,0\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,0,0,0));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(6\,182\,212\,0\.2\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(6,182,212,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(34\,211\,238\,0\.1\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(34,211,238,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(39\,201\,63\,0\.3\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(39,201,63,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(255\,95\,86\,0\.3\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(255,95,86,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(255\,189\,46\,0\.3\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(255,189,46,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(6,182,212,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(6,182,212,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(6,182,212,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.5\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(6,182,212,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(16,185,129,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(16,185,129,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.15\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(16,185,129,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.1\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(34,211,238,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(34,211,238,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(34,211,238,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(59,130,246,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.15\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(59,130,246,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(168,85,247,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(234\,179\,8\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(234,179,8,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(244\,63\,94\,0\.2\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(244,63,94,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(244\,63\,94\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(244,63,94,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(244\,63\,94\,0\.15\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(244,63,94,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_var\(--tw-shadow-color\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, var(--tw-shadow-color));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_\#22d3ee\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #22d3ee);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.2\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.3\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.1\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(16,185,129,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(34\,211\,238\,0\.1\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(34,211,238,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(34\,211\,238\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(34,211,238,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(59,130,246,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(168\,85\,247\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(168,85,247,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(234\,179\,8\,0\.3\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(234,179,8,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.1\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(244,63,94,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.3\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(244,63,94,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.4\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(244,63,94,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(6\,182\,212\,0\.3\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(6,182,212,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(6\,182\,212\,0\.15\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(6,182,212,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(34\,211\,238\,0\.1\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(34,211,238,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.3\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(168,85,247,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(255,255,255,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(255,255,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(6\,182\,212\,0\.4\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(6,182,212,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(6\,182\,212\,0\.15\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(6,182,212,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(168\,85\,247\,0\.1\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(168,85,247,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_50px_rgba\(6\,182\,212\,0\.15\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(6,182,212,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_50px_rgba\(34\,211\,238\,0\.05\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(34,211,238,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_100px_rgba\(6\,182\,212\,0\.05\)\] {
    --tw-shadow: 0 0 100px var(--tw-shadow-color, rgba(6,182,212,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_10px_rgba\(6\,182\,212\,0\.1\)\] {
    --tw-shadow: inset 0 0 10px var(--tw-shadow-color, rgba(6,182,212,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_15px_rgba\(16\,185\,129\,0\.2\)\] {
    --tw-shadow: inset 0 0 15px var(--tw-shadow-color, rgba(16,185,129,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_15px_rgba\(244\,63\,94\,0\.2\)\] {
    --tw-shadow: inset 0 0 15px var(--tw-shadow-color, rgba(244,63,94,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_20px_rgba\(6\,182\,212\,0\.3\)\] {
    --tw-shadow: inset 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[\#38e5b6\]\/30 {
    --tw-shadow-color: color-mix(in srgb, #38e5b6 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #38e5b6 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[50px\] {
    --tw-blur: blur(50px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[70px\] {
    --tw-blur: blur(70px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[100px\] {
    --tw-blur: blur(100px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[120px\] {
    --tw-blur: blur(120px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[150px\] {
    --tw-blur: blur(150px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_5px_var\(--tw-shadow-color\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 5px var(--tw-drop-shadow-color, var(--tw-shadow-color)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_\#22d3ee\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #22d3ee));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(34\,211\,238\,0\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(34,211,238,0.4)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(168\,85\,247\,0\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(168,85,247,0.4)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_10px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, rgba(255,255,255,0.2)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-hover\:h-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        height: 100%;
      }
    }
  }
  .group-hover\:-translate-y-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-y-\[1\.02\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-y: 1.02;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
  .group-hover\:border-cyan-500\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-\[\#38e5b6\]\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #38e5b6 20%, transparent);
      }
    }
  }
  .group-hover\:bg-cyan-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-500);
      }
    }
  }
  .group-hover\:bg-slate-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-slate-400);
      }
    }
  }
  .group-hover\:bg-transparent {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .group-hover\:to-cyan-500\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
        }
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .group-hover\:text-cyan-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-300);
      }
    }
  }
  .group-hover\:text-cyan-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-400);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:opacity-20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 20%;
      }
    }
  }
  .group-hover\:opacity-60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .group-hover\:opacity-80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:shadow-\[0_0_15px_var\(--tw-shadow-color\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, var(--tw-shadow-color));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.6\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.6));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\/btn\:animate-\[scan_1\.5s_ease-in-out_infinite\] {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        animation: scan 1.5s ease-in-out infinite;
      }
    }
  }
  .selection\:bg-cyan-500 {
    & *::selection {
      background-color: var(--color-cyan-500);
    }
    &::selection {
      background-color: var(--color-cyan-500);
    }
  }
  .selection\:bg-cyan-500\/30 {
    & *::selection {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }
    &::selection {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }
  }
  .selection\:text-white {
    & *::selection {
      color: var(--color-white);
    }
    &::selection {
      color: var(--color-white);
    }
  }
  .placeholder\:text-slate-500 {
    &::placeholder {
      color: var(--color-slate-500);
    }
  }
  .placeholder\:text-slate-600 {
    &::placeholder {
      color: var(--color-slate-600);
    }
  }
  .focus-within\:border-cyan-500\/50 {
    &:focus-within {
      border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
      }
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:border-blue-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-blue-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:border-cyan-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:border-cyan-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-500\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-emerald-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-purple-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/5 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/10 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-yellow-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[\#0a0d14\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0a0d14;
      }
    }
  }
  .hover\:bg-\[\#12151c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #12151c;
      }
    }
  }
  .hover\:bg-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .hover\:bg-cyan-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:bg-cyan-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:bg-cyan-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-cyan-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:bg-rose-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-400);
      }
    }
  }
  .hover\:bg-rose-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.02\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 2%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
        }
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-cyan-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-300);
      }
    }
  }
  .hover\:text-cyan-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-400);
      }
    }
  }
  .hover\:text-pink-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-500);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-rose-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-400);
      }
    }
  }
  .hover\:text-rose-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .hover\:text-slate-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .hover\:text-slate-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-300);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:shadow-\[0_0_20px_rgba\(34\,211\,238\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(34,211,238,0.4));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_25px_rgba\(6\,182\,212\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(6,182,212,0.5));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_30px_rgba\(34\,211\,238\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(34,211,238,0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_30px_rgba\(34\,211\,238\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(34,211,238,0.4));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_40px_rgba\(16\,185\,129\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(16,185,129,0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_40px_rgba\(34\,211\,238\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(34,211,238,0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_40px_rgba\(59\,130\,246\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(59,130,246,0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_80px_rgba\(6\,182\,212\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 80px var(--tw-shadow-color, rgba(6,182,212,0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.5));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-cyan-500 {
    &:focus {
      border-color: var(--color-cyan-500);
    }
  }
  .focus\:border-cyan-500\/50 {
    &:focus {
      border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
      }
    }
  }
  .focus\:border-purple-500\/50 {
    &:focus {
      border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
      }
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-cyan-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:right-8 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 8);
    }
  }
  .sm\:bottom-8 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:-left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -4);
    }
  }
  .sm\:left-5 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-2 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-8 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:mb-6 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-8 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-10 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:mb-12 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:aspect-\[16\/9\] {
    @media (width >= 40rem) {
      aspect-ratio: 16/9;
    }
  }
  .sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-12 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .sm\:h-24 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .sm\:h-32 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 32);
    }
  }
  .sm\:h-\[85vh\] {
    @media (width >= 40rem) {
      height: 85vh;
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .sm\:w-32 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .sm\:w-\[360px\] {
    @media (width >= 40rem) {
      width: 360px;
    }
  }
  .sm\:w-\[400px\] {
    @media (width >= 40rem) {
      width: 400px;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-\[80\%\] {
    @media (width >= 40rem) {
      max-width: 80%;
    }
  }
  .sm\:max-w-\[85\%\] {
    @media (width >= 40rem) {
      max-width: 85%;
    }
  }
  .sm\:max-w-\[400px\] {
    @media (width >= 40rem) {
      max-width: 400px;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:gap-0 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:space-y-3 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:gap-y-8 {
    @media (width >= 40rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-3xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .sm\:p-1\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:p-2 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:p-12 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .sm\:px-3 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:py-3 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:py-4 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .sm\:pt-4 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:pt-6 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:pr-2 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:pb-3 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:pl-5 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .sm\:pl-6 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:pl-14 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-\[9px\] {
    @media (width >= 40rem) {
      font-size: 9px;
    }
  }
  .sm\:text-\[10px\] {
    @media (width >= 40rem) {
      font-size: 10px;
    }
  }
  .sm\:text-\[11px\] {
    @media (width >= 40rem) {
      font-size: 11px;
    }
  }
  .sm\:text-\[15\.5px\] {
    @media (width >= 40rem) {
      font-size: 15.5px;
    }
  }
  .sm\:leading-loose {
    @media (width >= 40rem) {
      --tw-leading: var(--leading-loose);
      line-height: var(--leading-loose);
    }
  }
  .sm\:tracking-widest {
    @media (width >= 40rem) {
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
    }
  }
  .md\:relative {
    @media (width >= 48rem) {
      position: relative;
    }
  }
  .md\:static {
    @media (width >= 48rem) {
      position: static;
    }
  }
  .md\:right-0 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:z-10 {
    @media (width >= 48rem) {
      z-index: 10;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:aspect-\[4\/3\] {
    @media (width >= 48rem) {
      aspect-ratio: 4/3;
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1/3 * 100%);
    }
  }
  .md\:w-64 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:translate-x-0 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:rounded-\[3rem\] {
    @media (width >= 48rem) {
      border-radius: 3rem;
    }
  }
  .md\:border-t-0 {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .md\:border-l {
    @media (width >= 48rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .md\:border-transparent {
    @media (width >= 48rem) {
      border-color: transparent;
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-6 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:pl-10 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-7xl {
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-48 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .lg\:pb-32 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:w-64 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}


/* YS Global Pro local stability layer - generated from the actual v6 JSX source. */
html,body{margin:0!important;background:#030508!important;overflow-x:hidden!important;}body.ysgp-design-page{background:#030508!important;}#wpadminbar{display:none!important;}html{margin-top:0!important}.ysgp-fullscreen-root{width:100vw!important;max-width:none!important;min-height:100vh;background:#030508;margin:0!important;padding:0!important;overflow-x:hidden}.ysgp-fullscreen-root *{box-sizing:border-box}.glass-panel{background:rgba(10,15,30,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05)}.grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px)}.terminal-shadow{box-shadow:0 0 50px rgba(6,182,212,.1),inset 0 1px 0 rgba(255,255,255,.1)}
@media(max-width:767px){.ysgp-fullscreen-root{min-height:100svh}.ysgp-hide-mobile-ai{display:none!important}.ysgp-mobile-menu-panel{height:100vh;height:100dvh;z-index:999999!important}.ysgp-mobile-menu-panel a,.ysgp-mobile-menu-panel button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ysgp-auth-wrap{align-items:flex-start!important;padding-top:72px!important}.ysgp-auth-card{max-height:calc(100vh - 96px)!important;overflow:auto!important}.ysgp-footer-links a,.ysgp-footer-nav a{display:inline-flex;min-height:34px;align-items:center}.ysgp-no-horizontal{max-width:100vw!important;overflow-x:hidden!important}button,a{touch-action:manipulation}.ysgp-fullscreen-root nav button{position:relative;z-index:1000000}}


/* v19.5.1 final mobile video + V4 metrics polish */
.ysgp-course-video-overlay{z-index:2147483647!important;position:fixed!important;inset:0!important;overscroll-behavior:contain;touch-action:manipulation}.ysgp-course-video-close{z-index:2147483647!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 30px rgba(0,0,0,.45),0 0 24px rgba(34,211,238,.14)}.ysgp-course-video-card{position:relative;z-index:2147483600!important}.ysgp-course-video-player{display:block;object-fit:contain;background:#000}.ysgp-v4-metric{position:relative;overflow:hidden;isolation:isolate;min-height:116px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 18px 45px rgba(0,0,0,.25)}.ysgp-v4-metric:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-55%;height:88%;background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(16,185,129,.22));border-radius:45% 48% 0 0;animation:ysgpV4Liquid 6.5s ease-in-out infinite;z-index:-1}.ysgp-v4-metric:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,rgba(34,211,238,.24),transparent 52%);opacity:.7;z-index:-1}.ysgp-v4-metric-accuracy:before{background:linear-gradient(180deg,rgba(16,185,129,.08),rgba(16,185,129,.26))}.ysgp-v4-metric-vaults:before{background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(34,211,238,.24))}@keyframes ysgpV4Liquid{0%,100%{transform:translateY(0) rotate(0deg);border-radius:46% 54% 0 0}50%{transform:translateY(-10%) rotate(1deg);border-radius:54% 46% 0 0}}
@media (max-width: 767px){.ysgp-course-video-overlay{align-items:center!important;justify-content:center!important;padding:76px 14px 22px!important;background:rgba(2,6,12,.86)!important;backdrop-filter:blur(14px)}.ysgp-course-video-close{top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:16px!important;width:56px!important;height:56px!important;border-radius:999px!important;background:rgba(2,6,12,.9)!important;border-color:rgba(255,255,255,.28)!important}.ysgp-course-video-card{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 116px)!important;border-radius:26px!important;overflow:hidden!important}.ysgp-course-video-head{display:none!important}.ysgp-course-video-player{width:100%!important;max-height:calc(100dvh - 132px)!important;min-height:220px!important;border-radius:24px!important}.ysgp-course-video-card video::-webkit-media-controls-panel{touch-action:auto}.ysgp-v4-metric{min-height:96px;padding:18px!important}}


/* v19.5.3 mobile academy video native behavior hard override */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  .ysgp-course-video-overlay {
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    background: rgba(0,0,0,.88) !important;
    z-index: 2147483647 !important;
  }
  .ysgp-course-video-close,
  .ysgp-course-video-head {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .ysgp-course-video-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    max-height: 86vh !important;
  }
  .ysgp-course-video-player,
  .ysgp-course-video-player-mobile {
    display: block !important;
    width: 100% !important;
    max-height: 82vh !important;
    height: auto !important;
    object-fit: contain !important;
    background: #000 !important;
    position: relative !important;
    z-index: 2147483647 !important;
  }
}



/* v21.1 Final Visual Restore */
#ysgp-landing-root nav a,
#ysgp-landing-root nav a:hover,
#ysgp-landing-root nav a:focus,
#ysgp-landing-root .ysgp-mobile-menu-panel a,
#ysgp-landing-root .ysgp-mobile-menu-panel a:hover,
#ysgp-landing-root .ysgp-mobile-menu-panel a:focus{
  text-decoration:none!important;
}
#ysgp-landing-root .ysgp-open-portal-btn{
  text-decoration:none!important;
  color:#041016!important;
  background:linear-gradient(135deg,#22d3ee 0%,#2563eb 100%)!important;
  border-color:rgba(103,232,249,.55)!important;
  box-shadow:0 0 28px rgba(34,211,238,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
#ysgp-landing-root .ysgp-open-portal-btn:hover{
  color:#020617!important;
  filter:brightness(1.08);
  transform:translateY(-1px);
}
#ysgp-landing-root h1,
#ysgp-landing-root h2,
#ysgp-landing-root .ysgp-display-title,
#ysgp-portal-root h1,
#ysgp-portal-root .ysgp-page-title{
  font-weight:900!important;
  letter-spacing:-0.055em!important;
  text-rendering:geometricPrecision;
}
#ysgp-landing-root .ysgp-hero-title{
  line-height:.96!important;
  text-shadow:0 18px 70px rgba(6,182,212,.12);
}
#ysgp-landing-root .ysgp-section-kicker{
  letter-spacing:.18em!important;
  font-weight:800!important;
}
#ysgp-portal-root h1{
  line-height:.98!important;
}
#ysgp-portal-root .ysgp-academy-category-bar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 28px;
  padding:14px;
  border:1px solid rgba(148,163,184,.09);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(6,182,212,.055),rgba(37,99,235,.035));
}
#ysgp-portal-root .ysgp-academy-category-pill{
  min-height:48px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.035);
  color:#cbd5e1;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:.22s ease;
}
#ysgp-portal-root .ysgp-academy-category-pill span{font-size:11px;}
#ysgp-portal-root .ysgp-academy-category-pill em{
  font-style:normal;
  font-size:10px;
  color:#67e8f9;
  border:1px solid rgba(34,211,238,.22);
  background:rgba(6,182,212,.08);
  padding:4px 8px;
  border-radius:999px;
}
#ysgp-portal-root .ysgp-academy-category-pill.active{
  color:#021016;
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  border-color:rgba(103,232,249,.55);
  box-shadow:0 0 32px rgba(6,182,212,.22);
}
#ysgp-portal-root .ysgp-academy-category-pill.active em{
  color:#021016;
  background:rgba(255,255,255,.38);
  border-color:rgba(255,255,255,.42);
}


/* v21.2.4 Step 1 - External landing original typography restore.
   Scope: landing page only. Does not touch portal/account/video/WooCommerce logic. */
@media (min-width: 768px){
  #ysgp-landing-root nav a,
  #ysgp-landing-root nav a:hover,
  #ysgp-landing-root nav a:focus{ text-decoration:none!important; }

  #ysgp-landing-root section#platform h2,
  #ysgp-landing-root section#about-us h2,
  #ysgp-landing-root section#reviews h2,
  #ysgp-landing-root section#access h2{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
    font-size:.875rem!important;
    line-height:1.25rem!important;
    font-weight:600!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
    color:#22d3ee!important;
    text-shadow:none!important;
  }

  #ysgp-landing-root section#platform h3{
    font-family: inherit!important;
    font-size:3rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-shadow:none!important;
  }
  #ysgp-landing-root section#neural-ai h2{
    font-family: inherit!important;
    font-size:3.75rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-shadow:none!important;
  }
  #ysgp-landing-root section#about-us h3,
  #ysgp-landing-root section#reviews h3{
    font-family: inherit!important;
    font-size:2.25rem!important;
    line-height:2.5rem!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-shadow:none!important;
  }
  #ysgp-landing-root section#access h3{
    font-family: inherit!important;
    font-size:3.75rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-shadow:none!important;
  }

  #ysgp-landing-root section#platform h4{
    font-family: inherit!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
    text-shadow:none!important;
  }

  #ysgp-landing-root section#platform .glass-panel:hover,
  #ysgp-landing-root section#access .glass-panel:hover{
    border-color: inherit;
  }
}

/* v21.2.5 Step 2: platform feature cards - bold titles + color-aware hover glow */
@media (min-width: 768px){
  .ysgp-feature-card{
    border-color: rgba(255,255,255,.06);
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease, background .35s ease;
  }
  .ysgp-feature-card:hover{ transform: translateY(-4px); }
  .ysgp-feature-card::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:0%;
    opacity:.0;
    pointer-events:none;
    transition: height .45s ease, opacity .45s ease;
    border-radius:inherit;
  }
  .ysgp-feature-card:hover::after{ height:100%; opacity:1; }
  .ysgp-feature-card > *{ position:relative; z-index:1; }
  .ysgp-feature-card-cyan:hover{ border-color:rgba(34,211,238,.72)!important; box-shadow:0 0 46px rgba(6,182,212,.28), inset 0 0 38px rgba(6,182,212,.045)!important; }
  .ysgp-feature-card-cyan::after{ background:linear-gradient(to top, rgba(6,182,212,.105), transparent 62%); }
  .ysgp-feature-card-purple:hover{ border-color:rgba(168,85,247,.72)!important; box-shadow:0 0 46px rgba(168,85,247,.28), inset 0 0 38px rgba(168,85,247,.045)!important; }
  .ysgp-feature-card-purple::after{ background:linear-gradient(to top, rgba(168,85,247,.105), transparent 62%); }
  .ysgp-feature-card-emerald:hover{ border-color:rgba(16,185,129,.72)!important; box-shadow:0 0 46px rgba(16,185,129,.28), inset 0 0 38px rgba(16,185,129,.045)!important; }
  .ysgp-feature-card-emerald::after{ background:linear-gradient(to top, rgba(16,185,129,.105), transparent 62%); }
  .ysgp-feature-card-blue:hover{ border-color:rgba(59,130,246,.72)!important; box-shadow:0 0 46px rgba(59,130,246,.28), inset 0 0 38px rgba(59,130,246,.045)!important; }
  .ysgp-feature-card-blue::after{ background:linear-gradient(to top, rgba(59,130,246,.105), transparent 62%); }
}

/* v21.2.6 - YS Portal AI header title sizing fix.
   Scope: only the top title inside the YS Portal AI chat page. */
#ysgp-portal-root .ysgp-ai-header-title{
  font-size:18px!important;
  line-height:1.12!important;
  letter-spacing:-0.025em!important;
  text-shadow:0 6px 18px rgba(0,0,0,.38)!important;
  max-width:220px;
}
@media (min-width:640px){
  #ysgp-portal-root .ysgp-ai-header-title{font-size:20px!important;}
}
@media (min-width:1280px){
  #ysgp-portal-root .ysgp-ai-header-title{font-size:21px!important;}
}

/* v21.2.28 - Polished AI chat response formatting */
.ysgp-ai-response-body{font-size:15.8px;line-height:1.75;color:#eef5ff;letter-spacing:.01em}
.ysgp-ai-response-body .ysgp-ai-section-title{margin:14px 0 8px;padding:8px 12px;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:rgba(34,211,238,.07);color:#67e8f9;font-weight:900;letter-spacing:.02em}
.ysgp-ai-response-body .ysgp-ai-line{margin:5px 0}
.ysgp-ai-response-body .ysgp-ai-gap{height:10px}
.ysgp-ai-response-body .ysgp-ai-bullet{display:flex;gap:10px;align-items:flex-start;margin:7px 0}
.ysgp-ai-response-body .ysgp-ai-bullet span{width:6px;height:6px;margin-top:10px;border-radius:999px;background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.7);flex:0 0 auto}
.ysgp-ai-response-body .ysgp-ai-bullet p{margin:0;color:#dbeafe}
.ysgp-ai-response-body .ysgp-ai-strong{color:#67e8f9;font-weight:900}
.ysgp-ai-response-body .ysgp-ai-em{color:#a5f3fc;font-style:normal}


/* v21.2.32 - Session SignalDesk + soft AI vision glow polish */
.ysgp-user-upload-bubble{
  max-width:min(78%, 980px);
  padding:10px;
  border-radius:24px 24px 8px 24px;
  background:linear-gradient(135deg,rgba(3,18,30,.96),rgba(7,28,54,.94));
  border:1px solid rgba(34,211,238,.28);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.08),0 0 24px rgba(34,211,238,.18),0 18px 45px rgba(2,6,23,.48);
  color:#e0f2fe;
  overflow:hidden;
}
.ysgp-upload-preview-shell{
  padding:4px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(34,211,238,.38),rgba(37,99,235,.26),rgba(16,185,129,.14));
  box-shadow:0 0 28px rgba(34,211,238,.22),inset 0 0 18px rgba(59,130,246,.12);
  overflow:hidden;
}
.ysgp-upload-preview-image{
  display:block;
  width:100%;
  max-width:100%;
  max-height:390px;
  object-fit:contain;
  border-radius:16px;
  background:#020617;
  border:1px solid rgba(255,255,255,.06);
}
.ysgp-upload-caption{
  margin-top:10px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(8,47,73,.42);
  border:1px solid rgba(34,211,238,.14);
  color:#e0f2fe;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}
.ysgp-ai-response-soft{
  position:relative;
  border-radius:24px 24px 24px 8px!important;
  background:linear-gradient(135deg,rgba(13,24,39,.98),rgba(7,17,31,.98))!important;
  border:1px solid rgba(34,211,238,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.055),0 0 28px rgba(34,211,238,.11),0 18px 42px rgba(0,0,0,.34)!important;
  overflow:hidden;
}
.ysgp-ai-response-soft:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(34,211,238,.16),transparent 38%,rgba(37,99,235,.12));
  opacity:.65;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.ysgp-ai-response-body .ysgp-ai-section-title{
  border-color:rgba(34,211,238,.22);
  box-shadow:0 0 18px rgba(34,211,238,.09);
}
.ysgp-attached-image-pill{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(6,24,38,.92),rgba(10,13,20,.98));
  border:1px solid rgba(34,211,238,.26);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.06),0 0 22px rgba(34,211,238,.14);
}
.ysgp-attached-image-thumb{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:16px;
  background:#020617;
  border:1px solid rgba(34,211,238,.24);
  box-shadow:0 0 16px rgba(34,211,238,.16);
  flex:0 0 auto;
}
.ysgp-signal-session-history{
  width:100%;
  border-radius:18px;
  padding:12px;
  background:linear-gradient(180deg,rgba(18,21,28,.86),rgba(6,8,12,.92));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.035);
}
.ysgp-signal-session-history-head{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
  color:#67e8f9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ysgp-signal-history-item{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px;
  align-items:center;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(2,6,23,.38);
  border:1px solid rgba(255,255,255,.05);
  margin-top:7px;
}
.ysgp-signal-history-asset{
  color:#f8fafc;
  font-size:11px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ysgp-signal-history-type{
  color:#34d399;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.ysgp-signal-history-entry{
  color:#94a3b8;
  font-size:10px;
  font-weight:800;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
@media (max-width:640px){
  .ysgp-user-upload-bubble{max-width:94%;padding:8px;border-radius:22px 22px 7px 22px;}
  .ysgp-upload-preview-image{max-height:280px;}
  .ysgp-upload-caption{font-size:13px;}
}

/* v21.2.39 - Mobile-safe signal protocol wizard
   Keeps the Dispatch button and full Trade Matrix options reachable on iPhone/Safari. */
@media (max-width: 767px) {
  .ysgp-signal-wizard-overlay {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  .ysgp-signal-wizard-shell {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .ysgp-signal-wizard-shell > .flex-1 {
    min-height: 0 !important;
  }

  .ysgp-signal-wizard-content {
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  }

  .ysgp-signal-wizard-step3 {
    height: auto !important;
    min-height: 100% !important;
    justify-content: flex-start !important;
  }

  .ysgp-signal-wizard-grid {
    overflow: visible !important;
    max-height: none !important;
    padding-right: 0 !important;
  }

  .ysgp-signal-wizard-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    margin-bottom: 0 !important;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, rgba(10,13,20,0.18) 0%, rgba(10,13,20,0.96) 24%, #0a0d14 100%) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  .ysgp-signal-wizard-footer button {
    min-height: 48px !important;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 767px) {
    .ysgp-signal-wizard-overlay,
    .ysgp-signal-wizard-shell {
      height: 100vh !important;
      max-height: 100vh !important;
      min-height: 100vh !important;
    }
  }
}

/* === YS Partner Hub premium UI rebuild v21.2.47 === */
#ysgp-portal-root .ysgp-partner-hub,
#ysgp-portal-root .ysgp-partner-hub *{box-sizing:border-box}
#ysgp-portal-root .ysgp-partner-hub{position:relative;width:100%;isolation:isolate;color:#eef8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#ysgp-portal-root .ysgp-partner-hub button,
#ysgp-portal-root .ysgp-partner-hub input{font-family:inherit}
#ysgp-portal-root .ysgp-partner-auth-shell{min-height:calc(100vh - 155px);display:flex;align-items:center;justify-content:center;padding:28px 18px;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#020711 0%,#06111f 42%,#02040a 100%);box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}
#ysgp-portal-root .ysgp-partner-auth-bg,#ysgp-portal-root .ysgp-partner-app-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 9%,rgba(0,229,255,.18),transparent 31%),radial-gradient(circle at 88% 13%,rgba(37,99,235,.15),transparent 34%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.1),transparent 38%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,auto,42px 42px,42px 42px;opacity:.96}
#ysgp-portal-root .ysgp-partner-auth-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,460px);gap:26px;width:min(1180px,100%);align-items:stretch}
#ysgp-portal-root .ysgp-partner-hero-panel,#ysgp-portal-root .ysgp-partner-auth-card,#ysgp-portal-root .ysgp-partner-sidebar,#ysgp-portal-root .ysgp-partner-topbar,#ysgp-portal-root .ysgp-partner-stat,#ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-profile-card,#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-ready-strip{background:linear-gradient(145deg,rgba(8,18,34,.9),rgba(2,8,18,.76));border:1px solid rgba(0,229,255,.12);box-shadow:0 24px 75px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#ysgp-portal-root .ysgp-partner-hero-panel{min-height:610px;padding:34px;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}
#ysgp-portal-root .ysgp-partner-hero-panel:before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:999px;background:rgba(0,229,255,.18);filter:blur(90px);pointer-events:none}
#ysgp-portal-root .ysgp-partner-hero-panel:after{content:"";position:absolute;left:36px;right:36px;bottom:132px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.32),transparent);pointer-events:none}
#ysgp-portal-root .ysgp-partner-brand{position:relative;display:inline-flex;align-items:center;gap:13px;width:max-content;max-width:100%;padding:12px 15px;border-radius:20px;background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.16);box-shadow:0 0 34px rgba(0,229,255,.08)}
#ysgp-portal-root .ysgp-partner-brand.is-compact{width:100%;padding:12px;border-radius:20px;background:rgba(0,229,255,.06)}
#ysgp-portal-root .ysgp-partner-mark{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#00e5ff,#38bdf8);color:#020711;box-shadow:0 0 28px rgba(0,229,255,.42)}
#ysgp-portal-root .ysgp-partner-brand strong{display:block;font-size:15px;line-height:1;font-weight:950;letter-spacing:.18em;color:#fff;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-brand span{display:block;margin-top:5px;font-size:10px;font-weight:850;letter-spacing:.22em;text-transform:uppercase;color:rgba(165,243,252,.72)}
#ysgp-portal-root .ysgp-partner-hero-copy{position:relative;margin:54px 0 36px;max-width:640px}
#ysgp-portal-root .ysgp-partner-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(0,229,255,.17);border-radius:999px;background:rgba(0,229,255,.075);color:#9ff7ff;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-hero-copy h1{margin:0;color:#fff;font-size:clamp(34px,4.3vw,62px);line-height:.95;letter-spacing:-.055em;font-weight:950;text-transform:none;text-shadow:0 0 40px rgba(0,229,255,.08)}
#ysgp-portal-root .ysgp-partner-hero-copy p{margin:22px 0 0;max-width:560px;color:#a7b8c9;font-size:15px;line-height:1.8;font-weight:520}
#ysgp-portal-root .ysgp-partner-feature-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#ysgp-portal-root .ysgp-partner-feature-card{position:relative;overflow:hidden;min-height:142px;padding:18px;border-radius:24px;background:linear-gradient(150deg,rgba(7,18,34,.78),rgba(1,8,18,.84));border:1px solid rgba(0,229,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#ysgp-portal-root .ysgp-partner-feature-card:before{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(0,229,255,.08),transparent);opacity:.8}
#ysgp-portal-root .ysgp-partner-feature-card svg{position:relative;margin-bottom:18px;color:#67e8f9;filter:drop-shadow(0 0 14px rgba(0,229,255,.25))}
#ysgp-portal-root .ysgp-partner-feature-card strong{position:relative;display:block;color:#fff;font-size:13px;font-weight:950;letter-spacing:.02em}
#ysgp-portal-root .ysgp-partner-feature-card span{position:relative;display:block;margin-top:7px;color:#7f92a7;font-size:12px;line-height:1.55}
#ysgp-portal-root .ysgp-partner-auth-card{border-radius:32px;padding:28px;align-self:center;max-width:470px;width:100%;justify-self:end;background:linear-gradient(155deg,rgba(8,18,34,.96),rgba(2,7,16,.92));border-color:rgba(0,229,255,.16);box-shadow:0 34px 95px rgba(0,0,0,.55),0 0 62px rgba(0,229,255,.08),inset 0 1px 0 rgba(255,255,255,.06)}
#ysgp-portal-root .ysgp-partner-auth-head{margin-bottom:18px}
#ysgp-portal-root .ysgp-partner-auth-head span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.24em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-auth-head h2{margin:8px 0 7px;color:#fff;font-size:28px;line-height:1.05;font-weight:950;letter-spacing:-.035em;text-transform:none}
#ysgp-portal-root .ysgp-partner-auth-head p{margin:0;color:#8092a7;font-size:13px;line-height:1.65}
#ysgp-portal-root .ysgp-partner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0;padding:6px;border-radius:18px;background:rgba(1,8,18,.72);border:1px solid rgba(0,229,255,.11)}
#ysgp-portal-root .ysgp-partner-tabs button{height:45px;border:0;border-radius:13px;background:transparent;color:#74879d;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .22s ease}
#ysgp-portal-root .ysgp-partner-tabs button:hover{color:#d8faff;background:rgba(255,255,255,.035)}
#ysgp-portal-root .ysgp-partner-tabs button.active{color:#021018;background:linear-gradient(135deg,#00e5ff,#93f8ff);box-shadow:0 0 28px rgba(0,229,255,.32)}
#ysgp-portal-root .ysgp-partner-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}
#ysgp-portal-root .ysgp-partner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#ysgp-portal-root .ysgp-partner-field{display:block;margin:0}
#ysgp-portal-root .ysgp-partner-field>span{display:block;margin:0 0 7px;color:#8bdff0;font-size:10px;line-height:1;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-field input{display:block;width:100%;height:50px;margin:0;padding:0 15px;border:1px solid rgba(0,229,255,.13)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(3,12,24,.96),rgba(1,7,17,.96))!important;color:#ecfeff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18)!important;outline:0!important;font-size:14px!important;font-weight:650!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-text-fill-color:#ecfeff!important;appearance:none!important}
#ysgp-portal-root .ysgp-partner-field input::placeholder{color:#506378!important;-webkit-text-fill-color:#506378!important}
#ysgp-portal-root .ysgp-partner-field input:focus{border-color:rgba(0,229,255,.58)!important;background:linear-gradient(180deg,rgba(4,16,30,.98),rgba(1,9,20,.98))!important;box-shadow:0 0 0 4px rgba(0,229,255,.075),0 0 34px rgba(0,229,255,.12),inset 0 1px 0 rgba(255,255,255,.05)!important}
#ysgp-portal-root .ysgp-partner-field input:-webkit-autofill{box-shadow:0 0 0 1000px #04101e inset!important;-webkit-text-fill-color:#ecfeff!important;border-color:rgba(0,229,255,.24)!important}
#ysgp-portal-root .ysgp-partner-checks{display:flex;flex-direction:column;gap:10px;margin-top:2px}
#ysgp-portal-root .ysgp-partner-check{position:relative;display:flex!important;align-items:flex-start;gap:10px;margin:0;padding:13px 14px;border-radius:17px;background:rgba(0,229,255,.035);border:1px solid rgba(0,229,255,.1);color:#b8c7d6;font-size:12px;line-height:1.55;cursor:pointer;user-select:none}
#ysgp-portal-root .ysgp-partner-check input{position:absolute;opacity:0;pointer-events:none}
#ysgp-portal-root .ysgp-partner-check-ui{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;margin-top:1px;border-radius:7px;border:1px solid rgba(0,229,255,.3);background:rgba(1,8,18,.9);color:#021018;transition:all .18s ease}
#ysgp-portal-root .ysgp-partner-check-ui svg{opacity:0;transform:scale(.75);transition:all .18s ease}
#ysgp-portal-root .ysgp-partner-check input:checked+.ysgp-partner-check-ui{background:#00e5ff;border-color:#00e5ff;box-shadow:0 0 18px rgba(0,229,255,.34)}
#ysgp-portal-root .ysgp-partner-check input:checked+.ysgp-partner-check-ui svg{opacity:1;transform:scale(1)}
#ysgp-portal-root .ysgp-partner-check button{display:inline;border:0;background:transparent;color:#67e8f9;font-weight:950;text-decoration:underline;text-decoration-color:rgba(0,229,255,.34);text-underline-offset:4px;cursor:pointer;padding:0}
#ysgp-portal-root .ysgp-partner-login-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:2px;color:#7f92a7;font-size:12px}
#ysgp-portal-root .ysgp-partner-remember{display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer}
#ysgp-portal-root .ysgp-partner-remember input{accent-color:#00e5ff}
#ysgp-portal-root .ysgp-partner-login-row a{color:#67e8f9;font-weight:850;text-decoration:none}
#ysgp-portal-root .ysgp-partner-primary-btn,#ysgp-portal-root .ysgp-partner-secondary-btn,#ysgp-portal-root .ysgp-partner-logout-btn,#ysgp-portal-root .ysgp-partner-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
#ysgp-portal-root .ysgp-partner-primary-btn{width:100%;height:52px;border-radius:17px;background:linear-gradient(135deg,#00e5ff,#9af9ff);color:#021018!important;font-size:11px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 34px rgba(0,229,255,.32),0 18px 36px rgba(0,0,0,.26)}
#ysgp-portal-root .ysgp-partner-primary-btn:hover{transform:translateY(-1px);box-shadow:0 0 44px rgba(0,229,255,.42),0 22px 44px rgba(0,0,0,.34)}
#ysgp-portal-root .ysgp-partner-primary-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
#ysgp-portal-root .ysgp-partner-secondary-btn{height:38px;padding:0 14px;border-radius:13px;border:1px solid rgba(0,229,255,.2);background:rgba(0,229,255,.075);color:#9ff7ff;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-secondary-btn:hover{background:rgba(0,229,255,.13);border-color:rgba(0,229,255,.36)}
#ysgp-portal-root .ysgp-partner-secondary-btn:disabled{opacity:.45;cursor:not-allowed}
#ysgp-portal-root .ysgp-partner-message{margin:0 0 12px;padding:13px 14px;border-radius:16px;font-size:13px;line-height:1.5;font-weight:720;border:1px solid rgba(0,229,255,.16);background:rgba(0,229,255,.07);color:#bffaff}
#ysgp-portal-root .ysgp-partner-message.is-error{border-color:rgba(251,113,133,.25);background:rgba(244,63,94,.1);color:#fecdd3}
#ysgp-portal-root .ysgp-partner-message.is-success{border-color:rgba(52,211,153,.24);background:rgba(16,185,129,.1);color:#bbf7d0}
#ysgp-portal-root .ysgp-partner-message.is-warning{border-color:rgba(251,191,36,.27);background:rgba(251,191,36,.09);color:#fde68a}
#ysgp-portal-root .ysgp-partner-ref-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:11px 13px;border-radius:15px;border:1px solid rgba(0,229,255,.14);background:rgba(0,229,255,.055);color:#a7f3ff;font-size:12px}
#ysgp-portal-root .ysgp-partner-honeypot{display:none!important}
#ysgp-portal-root .ysgp-partner-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#ysgp-portal-root .ysgp-partner-modal-card{width:min(1040px,100%);max-height:92vh;overflow:hidden;border-radius:30px;background:#04101e;border:1px solid rgba(0,229,255,.18);box-shadow:0 42px 140px rgba(0,0,0,.7),0 0 70px rgba(0,229,255,.12)}
#ysgp-portal-root .ysgp-partner-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(0,229,255,.12);background:rgba(255,255,255,.025)}
#ysgp-portal-root .ysgp-partner-modal-head span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-modal-head h3{margin:6px 0 0;color:#fff;font-size:20px;font-weight:950;letter-spacing:-.02em}
#ysgp-portal-root .ysgp-partner-icon-btn{width:42px;height:42px;border-radius:15px;border:1px solid rgba(0,229,255,.16);background:rgba(0,229,255,.06);color:#b6f6ff}
#ysgp-portal-root .ysgp-partner-terms-frame{display:block;width:100%;height:min(72vh,760px);border:0;background:#020711}
#ysgp-portal-root .ysgp-partner-pdf-empty{padding:52px 24px;text-align:center}
#ysgp-portal-root .ysgp-partner-empty-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:24px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.22);color:#fde68a}
#ysgp-portal-root .ysgp-partner-pdf-empty h4{margin:0;color:#fff;font-size:24px;font-weight:950;letter-spacing:-.03em}
#ysgp-portal-root .ysgp-partner-pdf-empty p{max-width:600px;margin:12px auto 0;color:#93a4b8;font-size:14px;line-height:1.7}
#ysgp-portal-root .ysgp-partner-app-shell{position:relative;display:grid;grid-template-columns:284px minmax(0,1fr);gap:0;min-height:calc(100vh - 132px);overflow:hidden;border-radius:34px;background:#020711;box-shadow:0 34px 110px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)}
#ysgp-portal-root .ysgp-partner-sidebar{position:relative;z-index:1;padding:18px;background:linear-gradient(180deg,rgba(4,14,28,.97),rgba(1,7,17,.94));border-width:0 1px 0 0;border-color:rgba(0,229,255,.13);box-shadow:12px 0 50px rgba(0,0,0,.22),inset -1px 0 0 rgba(255,255,255,.025)}
#ysgp-portal-root .ysgp-partner-mini-profile{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px;border-radius:22px;background:rgba(0,229,255,.045);border:1px solid rgba(0,229,255,.1)}
#ysgp-portal-root .ysgp-partner-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(37,99,235,.2));border:1px solid rgba(0,229,255,.16);color:#dffcff;font-weight:950;box-shadow:0 0 24px rgba(0,229,255,.12)}
#ysgp-portal-root .ysgp-partner-mini-profile strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:950}
#ysgp-portal-root .ysgp-partner-mini-profile span{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#7f92a7;font-size:11px}
#ysgp-portal-root .ysgp-partner-nav{display:flex;flex-direction:column;gap:7px}
#ysgp-portal-root .ysgp-partner-nav-btn{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:16px;background:transparent;color:#7d90a6;text-align:left;font-size:11px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:all .18s ease}
#ysgp-portal-root .ysgp-partner-nav-btn svg{flex:0 0 auto;color:inherit}
#ysgp-portal-root .ysgp-partner-nav-btn:hover{color:#e7fbff;background:rgba(0,229,255,.055);border-color:rgba(0,229,255,.11)}
#ysgp-portal-root .ysgp-partner-nav-btn.active{color:#dffcff;background:linear-gradient(135deg,rgba(0,229,255,.16),rgba(59,130,246,.09));border-color:rgba(0,229,255,.25);box-shadow:0 0 24px rgba(0,229,255,.11),inset 0 1px 0 rgba(255,255,255,.045)}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested{min-height:40px;padding-left:24px;border-radius:14px;font-size:10px;letter-spacing:.12em}
#ysgp-portal-root .ysgp-partner-nav-group{padding:8px;border-radius:20px;background:rgba(255,255,255,.018);border:1px solid rgba(0,229,255,.07)}
#ysgp-portal-root .ysgp-partner-nav-group-title{display:flex;align-items:center;gap:8px;padding:7px 9px 9px;color:#52667c;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-main{position:relative;z-index:1;min-width:0;padding:22px;overflow:auto;background:linear-gradient(180deg,rgba(2,7,17,.25),rgba(2,7,17,.55))}
#ysgp-portal-root .ysgp-partner-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:16px 18px;border-radius:26px;background:rgba(7,18,34,.72);border-color:rgba(0,229,255,.1)}
#ysgp-portal-root .ysgp-partner-topbar span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-topbar h1{margin:5px 0 0;color:#fff;font-size:24px;line-height:1.05;font-weight:950;letter-spacing:-.035em;text-transform:none}
#ysgp-portal-root .ysgp-partner-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#ysgp-portal-root .ysgp-partner-code-pill{height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 13px;border-radius:14px;background:rgba(0,229,255,.055);border:1px solid rgba(0,229,255,.14);color:#88a0b7;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-code-pill strong{color:#dffcff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
#ysgp-portal-root .ysgp-partner-logout-btn{height:40px;padding:0 13px;border-radius:14px;border:1px solid rgba(251,113,133,.18);background:rgba(244,63,94,.08);color:#fecdd3;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-logout-btn:hover{background:rgba(244,63,94,.13);border-color:rgba(251,113,133,.32)}
#ysgp-portal-root .ysgp-partner-content{position:relative;z-index:1}
#ysgp-portal-root .ysgp-partner-page-head{display:flex;align-items:flex-start;justify-content:space-between;margin:6px 0 18px}
#ysgp-portal-root .ysgp-partner-page-head span{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-page-head h2{margin:8px 0 0;color:#fff;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.045em;text-transform:none}
#ysgp-portal-root .ysgp-partner-page-head p{max-width:720px;margin:11px 0 0;color:#8498ad;font-size:14px;line-height:1.7}
#ysgp-portal-root .ysgp-partner-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
#ysgp-portal-root .ysgp-partner-stat{position:relative;overflow:hidden;min-height:152px;padding:17px;border-radius:24px;border-color:rgba(0,229,255,.1);background:linear-gradient(150deg,rgba(8,18,34,.78),rgba(1,7,17,.82))}
#ysgp-portal-root .ysgp-partner-stat:after{content:"";position:absolute;right:-42px;bottom:-55px;width:130px;height:130px;border-radius:999px;background:rgba(0,229,255,.08);filter:blur(14px)}
#ysgp-portal-root .ysgp-partner-stat.emerald:after{background:rgba(16,185,129,.11)}
#ysgp-portal-root .ysgp-partner-stat-icon{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:16px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.12);color:#67e8f9}
#ysgp-portal-root .ysgp-partner-stat.emerald .ysgp-partner-stat-icon{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.14);color:#86efac}
#ysgp-portal-root .ysgp-partner-stat span{position:relative;z-index:1;display:block;color:#768aa0;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-stat strong{position:relative;z-index:1;display:block;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:23px;line-height:1.05;font-weight:950;letter-spacing:-.035em;white-space:nowrap}
#ysgp-portal-root .ysgp-partner-stat p{position:relative;z-index:1;margin:9px 0 0;color:#60758b;font-size:12px;line-height:1.45}
#ysgp-portal-root .ysgp-partner-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
#ysgp-portal-root .ysgp-partner-ref-card{padding:18px;border-radius:26px;border-color:rgba(0,229,255,.11);background:linear-gradient(150deg,rgba(8,18,34,.78),rgba(1,7,17,.84))}
#ysgp-portal-root .ysgp-partner-ref-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px;color:#67e8f9}
#ysgp-portal-root .ysgp-partner-ref-card-head span{display:block;color:#6d8298;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-ref-card-head h3{margin:5px 0 0;color:#fff;font-size:17px;font-weight:950;letter-spacing:-.02em}
#ysgp-portal-root .ysgp-partner-ref-url{min-height:52px;margin-bottom:13px;padding:13px 14px;border-radius:16px;background:rgba(1,8,18,.74);border:1px solid rgba(0,229,255,.09);color:#bffaff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;word-break:break-all}
#ysgp-portal-root .ysgp-partner-profile-card{padding:18px;border-radius:26px;border-color:rgba(0,229,255,.1);background:linear-gradient(150deg,rgba(8,18,34,.74),rgba(1,7,17,.82))}
#ysgp-portal-root .ysgp-partner-section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#67e8f9}
#ysgp-portal-root .ysgp-partner-section-title>svg{display:grid;place-items:center;width:18px;flex:0 0 auto}
#ysgp-portal-root .ysgp-partner-section-title span{display:block;color:#6d8298;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-section-title h3{margin:4px 0 0;color:#fff;font-size:18px;font-weight:950;letter-spacing:-.02em}
#ysgp-portal-root .ysgp-partner-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#ysgp-portal-root .ysgp-partner-profile-grid div{min-width:0;padding:14px;border-radius:18px;background:rgba(1,8,18,.5);border:1px solid rgba(0,229,255,.08)}
#ysgp-portal-root .ysgp-partner-profile-grid span{display:block;color:#6d8298;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-profile-grid strong{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;color:#f7fdff;font-size:13px;font-weight:850;white-space:nowrap}
#ysgp-portal-root .ysgp-partner-empty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ysgp-portal-root .ysgp-partner-empty-card{min-height:184px;padding:22px;border-radius:26px;border-color:rgba(0,229,255,.1);background:linear-gradient(150deg,rgba(8,18,34,.72),rgba(1,7,17,.82))}
#ysgp-portal-root .ysgp-partner-empty-card>div{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:17px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.13);color:#67e8f9}
#ysgp-portal-root .ysgp-partner-empty-card h3{margin:0;color:#fff;font-size:19px;font-weight:950;letter-spacing:-.025em}
#ysgp-portal-root .ysgp-partner-empty-card p{margin:9px 0 0;color:#73879d;font-size:13px;line-height:1.7}
#ysgp-portal-root .ysgp-partner-ready-strip{margin-top:14px;padding:20px;border-radius:26px;border-color:rgba(0,229,255,.11);background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(37,99,235,.035))}
#ysgp-portal-root .ysgp-partner-ready-strip span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-ready-strip strong{display:block;margin-top:7px;color:#fff;font-size:20px;font-weight:950;letter-spacing:-.025em}
#ysgp-portal-root .ysgp-partner-ready-strip p{margin:6px 0 0;max-width:680px;color:#778ba2;font-size:13px;line-height:1.65}
@media (max-width:1180px){#ysgp-portal-root .ysgp-partner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ysgp-portal-root .ysgp-partner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){#ysgp-portal-root .ysgp-partner-auth-grid{grid-template-columns:1fr;max-width:720px}#ysgp-portal-root .ysgp-partner-auth-card{justify-self:stretch;max-width:none}#ysgp-portal-root .ysgp-partner-hero-panel{min-height:auto;gap:34px}#ysgp-portal-root .ysgp-partner-app-shell{grid-template-columns:1fr}#ysgp-portal-root .ysgp-partner-sidebar{border-width:0 0 1px 0;padding:15px}#ysgp-portal-root .ysgp-partner-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ysgp-portal-root .ysgp-partner-nav-group{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:6px}#ysgp-portal-root .ysgp-partner-nav-group .ysgp-partner-nav-btn{padding-left:13px}#ysgp-portal-root .ysgp-partner-nav-group-title{padding:7px 9px 2px}#ysgp-portal-root .ysgp-partner-main{overflow:visible!important}}
@media (max-width:720px){#ysgp-portal-root .ysgp-partner-auth-shell,#ysgp-portal-root .ysgp-partner-app-shell{border-radius:24px;min-height:auto}#ysgp-portal-root .ysgp-partner-auth-shell{padding:12px}#ysgp-portal-root .ysgp-partner-hero-panel,#ysgp-portal-root .ysgp-partner-auth-card{border-radius:24px;padding:20px}#ysgp-portal-root .ysgp-partner-hero-copy{margin:34px 0 24px}#ysgp-portal-root .ysgp-partner-feature-grid,#ysgp-portal-root .ysgp-partner-form-grid,#ysgp-portal-root .ysgp-partner-links-grid,#ysgp-portal-root .ysgp-partner-empty-grid{grid-template-columns:1fr}#ysgp-portal-root .ysgp-partner-topbar{align-items:flex-start;flex-direction:column;border-radius:22px}#ysgp-portal-root .ysgp-partner-topbar-actions{justify-content:flex-start;width:100%}#ysgp-portal-root .ysgp-partner-stat-grid,#ysgp-portal-root .ysgp-partner-profile-grid{grid-template-columns:1fr}#ysgp-portal-root .ysgp-partner-main{padding:14px}#ysgp-portal-root .ysgp-partner-page-head h2{font-size:28px}#ysgp-portal-root .ysgp-partner-nav{grid-template-columns:1fr}#ysgp-portal-root .ysgp-partner-brand,#ysgp-portal-root .ysgp-partner-brand.is-compact{width:100%}#ysgp-portal-root .ysgp-partner-login-row{align-items:flex-start;flex-direction:column;gap:9px}}

/* === YS Partner Portal full-page structure v21.2.47 === */
#ysgp-portal-root .ysgp-shell-partner-mode{background:#020711!important}
#ysgp-portal-root .ysgp-partner-host-main{width:100%;background:#020711!important}
#ysgp-portal-root .ysgp-partner-host-main>div{background:#020711!important}
#ysgp-portal-root .ysgp-partner-auth-shell{min-height:100dvh;height:100dvh;border-radius:0!important;padding:clamp(22px,3.4vw,48px) clamp(18px,4.2vw,62px)!important;box-shadow:none!important;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#01050d 0%,#061527 48%,#01030a 100%)!important}
#ysgp-portal-root .ysgp-partner-auth-grid{width:min(1180px,100%);min-height:min(760px,calc(100dvh - 98px));margin:auto;align-items:center;animation:ysgpPartnerPortalIn .42s cubic-bezier(.16,1,.3,1) both}
#ysgp-portal-root .ysgp-partner-hero-panel{min-height:clamp(560px,72vh,690px)}
#ysgp-portal-root .ysgp-partner-auth-card{transform:translateZ(0)}
#ysgp-portal-root .ysgp-partner-app-shell{height:100dvh;min-height:100dvh;border-radius:0!important;grid-template-columns:minmax(270px,304px) minmax(0,1fr);box-shadow:none!important;background:#020711!important;animation:ysgpPartnerPortalIn .34s cubic-bezier(.16,1,.3,1) both}
#ysgp-portal-root .ysgp-partner-sidebar{height:100dvh;overflow-y:auto;border-radius:0!important;padding:20px 18px;background:linear-gradient(180deg,rgba(4,15,31,.98),rgba(1,6,15,.98))!important;border-color:rgba(0,229,255,.14)!important;box-shadow:18px 0 70px rgba(0,0,0,.34),inset -1px 0 0 rgba(255,255,255,.025)!important}
#ysgp-portal-root .ysgp-partner-main{height:100dvh;overflow-y:auto;padding:clamp(18px,2.3vw,34px);background:radial-gradient(circle at 78% 4%,rgba(0,229,255,.1),transparent 34%),linear-gradient(180deg,rgba(2,7,17,.88),rgba(1,5,13,.96))!important}
#ysgp-portal-root .ysgp-partner-content{max-width:1480px;margin:0 auto;width:100%}
#ysgp-portal-root .ysgp-partner-topbar{position:sticky;top:0;z-index:6;margin:0 auto clamp(18px,2vw,28px);max-width:1480px;border-color:rgba(0,229,255,.13)!important;background:linear-gradient(135deg,rgba(7,18,34,.86),rgba(2,8,18,.72))!important;box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important}
#ysgp-portal-root .ysgp-partner-page-head{margin:2px 0 22px}
#ysgp-portal-root .ysgp-partner-stat-grid{gap:clamp(14px,1.4vw,20px);margin-bottom:clamp(14px,1.4vw,20px)}
#ysgp-portal-root .ysgp-partner-stat,#ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-profile-card,#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-ready-strip{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#ysgp-portal-root .ysgp-partner-stat:hover,#ysgp-portal-root .ysgp-partner-ref-card:hover,#ysgp-portal-root .ysgp-partner-empty-card:hover{transform:translateY(-2px);border-color:rgba(0,229,255,.22)!important;box-shadow:0 30px 85px rgba(0,0,0,.36),0 0 42px rgba(0,229,255,.07),inset 0 1px 0 rgba(255,255,255,.06)!important}
#ysgp-portal-root .ysgp-partner-links-grid{gap:clamp(14px,1.4vw,20px);margin-bottom:clamp(14px,1.4vw,20px)}
#ysgp-portal-root .ysgp-partner-nav-btn{position:relative;overflow:hidden}
#ysgp-portal-root .ysgp-partner-nav-btn.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:#00e5ff;box-shadow:0 0 18px rgba(0,229,255,.75)}
#ysgp-portal-root .ysgp-partner-exit-btn{position:absolute;right:clamp(18px,3vw,34px);top:clamp(16px,2.4vw,26px);z-index:12;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(0,229,255,.16);background:rgba(1,8,18,.62);color:#bffaff;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .18s ease}
#ysgp-portal-root .ysgp-partner-exit-btn:hover{transform:translateY(-1px);border-color:rgba(0,229,255,.34);background:rgba(0,229,255,.09);box-shadow:0 22px 54px rgba(0,0,0,.32),0 0 28px rgba(0,229,255,.1)}
#ysgp-portal-root .ysgp-partner-exit-btn.is-inline{position:static;height:40px;background:rgba(0,229,255,.055);box-shadow:none;flex:0 0 auto}
@keyframes ysgpPartnerPortalIn{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (min-width:1360px){#ysgp-portal-root .ysgp-partner-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#ysgp-portal-root .ysgp-partner-app-shell{grid-template-columns:304px minmax(0,1fr)}}
@media (max-width:980px){#ysgp-portal-root .ysgp-partner-auth-shell{height:auto;min-height:100dvh;padding:74px 18px 22px!important}#ysgp-portal-root .ysgp-partner-auth-grid{min-height:0;align-items:start}#ysgp-portal-root .ysgp-partner-exit-btn{top:16px;right:16px}#ysgp-portal-root .ysgp-partner-app-shell{display:block;height:100dvh;min-height:100dvh;overflow-y:auto}#ysgp-portal-root .ysgp-partner-sidebar{position:relative;height:auto;overflow:visible;border-width:0 0 1px 0!important;box-shadow:0 16px 50px rgba(0,0,0,.28)!important}#ysgp-portal-root .ysgp-partner-main{height:auto;min-height:calc(100dvh - 260px);overflow:visible}#ysgp-portal-root .ysgp-partner-topbar{position:sticky!important;top:0!important}}
@media (max-width:720px){#ysgp-portal-root .ysgp-partner-auth-shell,#ysgp-portal-root .ysgp-partner-app-shell{border-radius:0!important}#ysgp-portal-root .ysgp-partner-auth-shell{padding:72px 12px 14px!important}#ysgp-portal-root .ysgp-partner-app-shell{height:100dvh;overflow-y:auto}#ysgp-portal-root .ysgp-partner-sidebar{padding:14px}#ysgp-portal-root .ysgp-partner-main{padding:14px;background:#020711!important}#ysgp-portal-root .ysgp-partner-exit-btn{width:auto;max-width:calc(100vw - 32px)}#ysgp-portal-root .ysgp-partner-topbar-actions{gap:8px}#ysgp-portal-root .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-logout-btn,#ysgp-portal-root .ysgp-partner-exit-btn.is-inline{height:38px;font-size:9px;padding:0 10px}}


/* v21.2.49 Partner Portal focused UI polish */
#ysgp-portal-root .ysgp-partner-field select{
  display:block;width:100%;height:50px;margin:0;padding:0 44px 0 15px;
  border:1px solid rgba(0,229,255,.13)!important;border-radius:16px!important;
  background-color:rgba(3,12,24,.96)!important;
  background-image:linear-gradient(45deg,transparent 50%,#67e8f9 50%),linear-gradient(135deg,#67e8f9 50%,transparent 50%),linear-gradient(180deg,rgba(3,12,24,.96),rgba(1,7,17,.96));
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px,0 0;
  background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;
  color:#ecfeff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.18)!important;
  outline:0!important;font-size:14px!important;font-weight:650!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
  appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;
}
#ysgp-portal-root .ysgp-partner-field select:invalid{color:#71849a!important}
#ysgp-portal-root .ysgp-partner-field select:focus{border-color:rgba(0,229,255,.58)!important;box-shadow:0 0 0 4px rgba(0,229,255,.075),0 0 34px rgba(0,229,255,.13),inset 0 1px 0 rgba(255,255,255,.05)!important;transform:translateY(-1px)}
#ysgp-portal-root .ysgp-partner-field select option{background:#04101e;color:#e6fbff}
#ysgp-portal-root .ysgp-partner-select-field{position:relative}
#ysgp-portal-root .ysgp-partner-auth-bg{animation:ysgpPartnerGlowDrift 14s ease-in-out infinite alternate;will-change:background-position,filter}
#ysgp-portal-root .ysgp-partner-hero-panel{animation:ysgpPartnerCardIn .48s cubic-bezier(.16,1,.3,1) both}
#ysgp-portal-root .ysgp-partner-auth-card{animation:ysgpPartnerCardIn .54s cubic-bezier(.16,1,.3,1) .06s both}
#ysgp-portal-root .ysgp-partner-feature-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
#ysgp-portal-root .ysgp-partner-feature-card:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.32);box-shadow:0 22px 55px rgba(0,0,0,.34),0 0 34px rgba(0,229,255,.09)}
#ysgp-portal-root .ysgp-partner-feature-card svg,#ysgp-portal-root .ysgp-partner-mark svg{filter:drop-shadow(0 0 10px rgba(0,229,255,.38))}
#ysgp-portal-root .ysgp-partner-tabs button{transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
#ysgp-portal-root .ysgp-partner-tabs button:hover{transform:translateY(-1px)}
#ysgp-portal-root .ysgp-partner-primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,229,255,.22),0 0 42px rgba(0,229,255,.16)!important}
#ysgp-portal-root .ysgp-partner-field input:focus{transform:translateY(-1px)}
#ysgp-portal-root .ysgp-partner-topbar{position:sticky!important;top:0!important;z-index:30!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@keyframes ysgpPartnerGlowDrift{0%{background-position:0 0,0 0,0 0,0 0,0 0;filter:saturate(1)}100%{background-position:32px -24px,-44px 18px,18px 28px,21px 21px,-21px -21px;filter:saturate(1.12)}}
@keyframes ysgpPartnerCardIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:980px){#ysgp-portal-root .ysgp-partner-topbar{position:sticky!important;top:0!important}#ysgp-portal-root .ysgp-partner-main{overflow:visible!important}}
@media (prefers-reduced-motion:reduce){#ysgp-portal-root .ysgp-partner-auth-bg,#ysgp-portal-root .ysgp-partner-hero-panel,#ysgp-portal-root .ysgp-partner-auth-card{animation:none!important}#ysgp-portal-root .ysgp-partner-feature-card,#ysgp-portal-root .ysgp-partner-primary-btn,#ysgp-portal-root .ysgp-partner-field input,#ysgp-portal-root .ysgp-partner-field select{transition:none!important}}

/* v21.2.50 Partner Portal dashboard layout cleanup */
#ysgp-portal-root .ysgp-partner-topbar{display:none!important}
#ysgp-portal-root .ysgp-partner-sidebar{
  display:flex!important;flex-direction:column;gap:14px;height:100dvh;overflow-y:auto;
  padding:18px 16px!important;background:linear-gradient(180deg,rgba(4,15,31,.985),rgba(1,6,15,.985))!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact{flex:0 0 auto;margin:0 0 1px}
#ysgp-portal-root .ysgp-partner-mini-profile{
  position:relative;display:flex;align-items:center;gap:12px;margin:0!important;padding:13px!important;border-radius:21px!important;
  background:linear-gradient(145deg,rgba(0,229,255,.075),rgba(14,165,233,.035) 42%,rgba(2,8,18,.72))!important;
  border:1px solid rgba(0,229,255,.16)!important;box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden;
}
#ysgp-portal-root .ysgp-partner-mini-profile:before{content:"";position:absolute;right:-34px;top:-38px;width:88px;height:88px;border-radius:999px;background:rgba(0,229,255,.12);filter:blur(25px);pointer-events:none}
#ysgp-portal-root .ysgp-partner-avatar-wrap{position:relative;flex:0 0 auto}
#ysgp-portal-root .ysgp-partner-avatar{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,rgba(0,229,255,.94),rgba(37,99,235,.75))!important;color:#021018!important;font-size:22px;font-weight:950;box-shadow:0 0 28px rgba(0,229,255,.26),inset 0 1px 0 rgba(255,255,255,.18)}
#ysgp-portal-root .ysgp-partner-presence{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:999px;background:#64748b;border:2px solid #06101f;box-shadow:0 0 14px rgba(100,116,139,.45)}
#ysgp-portal-root .ysgp-partner-presence.is-active{background:#22c55e;box-shadow:0 0 16px rgba(34,197,94,.7)}
#ysgp-portal-root .ysgp-partner-mini-profile-body{position:relative;min-width:0;flex:1}
#ysgp-portal-root .ysgp-partner-mini-profile strong{max-width:100%;font-size:13px;letter-spacing:-.01em;line-height:1.15}
#ysgp-portal-root .ysgp-partner-mini-email{max-width:100%;margin-top:3px!important;color:#7f92a7!important;font-size:10.5px!important;line-height:1.25}
#ysgp-portal-root .ysgp-partner-mini-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}
#ysgp-portal-root .ysgp-partner-mini-badges em,#ysgp-portal-root .ysgp-partner-mini-badges b{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;font-size:8.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-style:normal;line-height:1}
#ysgp-portal-root .ysgp-partner-mini-badges em{color:#bffaff;background:rgba(0,229,255,.09);border:1px solid rgba(0,229,255,.18)}
#ysgp-portal-root .ysgp-partner-mini-badges b{color:#bbf7d0;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.18)}
#ysgp-portal-root .ysgp-partner-nav{flex:0 0 auto;gap:6px;margin:0!important;padding:0!important}
#ysgp-portal-root .ysgp-partner-nav-group{margin:2px 0;padding:8px!important;border-radius:18px!important;background:rgba(255,255,255,.016)!important}
#ysgp-portal-root .ysgp-partner-nav-btn{min-height:42px;border-radius:15px}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested{min-height:38px}
#ysgp-portal-root .ysgp-partner-main{padding-top:clamp(22px,2.4vw,34px)!important}
#ysgp-portal-root .ysgp-partner-content{max-width:1480px;margin:0 auto;width:100%}
#ysgp-portal-root .ysgp-partner-page-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px;margin:0 0 22px!important;
}
#ysgp-portal-root .ysgp-partner-page-copy{min-width:0;flex:1}
#ysgp-portal-root .ysgp-partner-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px;flex:0 0 auto}
#ysgp-portal-root .ysgp-partner-page-actions form{margin:0!important;padding:0!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline{position:static!important;height:40px;background:rgba(0,229,255,.055);box-shadow:none}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline{white-space:nowrap}
@media (max-width:980px){
  #ysgp-portal-root .ysgp-partner-sidebar{height:auto;gap:12px;padding:14px!important}
  #ysgp-portal-root .ysgp-partner-mini-profile{max-width:100%;}
  #ysgp-portal-root .ysgp-partner-page-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  #ysgp-portal-root .ysgp-partner-page-actions{justify-content:flex-start;width:100%;margin-top:0}
}
@media (max-width:720px){
  #ysgp-portal-root .ysgp-partner-page-actions{display:grid;grid-template-columns:1fr;gap:8px}
  #ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline{width:100%;justify-content:center;height:40px}
  #ysgp-portal-root .ysgp-partner-mini-profile{padding:12px!important;border-radius:18px!important}
  #ysgp-portal-root .ysgp-partner-avatar{width:44px;height:44px;border-radius:15px;font-size:20px}
}

/* v21.2.51 Partner Portal client-facing visual refinement */
#ysgp-portal-root .ysgp-partner-app-shell{
  grid-template-columns:minmax(252px,276px) minmax(0,1fr)!important;
  background:linear-gradient(135deg,#030814 0%,#040a13 44%,#02050c 100%)!important;
}
#ysgp-portal-root .ysgp-partner-app-bg{
  background:radial-gradient(circle at 16% 10%,rgba(0,229,255,.08),transparent 28%),radial-gradient(circle at 82% 18%,rgba(37,99,235,.08),transparent 30%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px)!important;
  background-size:auto,auto,52px 52px,52px 52px!important;
  opacity:.72!important;
}
#ysgp-portal-root .ysgp-partner-sidebar{
  width:auto!important;
  padding:20px 18px!important;
  gap:18px!important;
  background:linear-gradient(180deg,rgba(4,10,20,.98),rgba(2,7,16,.98))!important;
  border-right:1px solid rgba(148,163,184,.11)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.025),14px 0 60px rgba(0,0,0,.18)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact{
  min-height:62px!important;
  padding:12px 13px!important;
  border-radius:21px!important;
  background:linear-gradient(135deg,rgba(0,229,255,.065),rgba(59,130,246,.025))!important;
  border-color:rgba(0,229,255,.15)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18),0 0 34px rgba(0,229,255,.04)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact .ysgp-partner-mark{
  width:42px!important;height:42px!important;border-radius:15px!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact strong{font-size:14px!important;letter-spacing:.16em!important}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact span{font-size:9px!important;letter-spacing:.2em!important;color:#7ddfee!important}
#ysgp-portal-root .ysgp-partner-mini-profile{
  align-items:center!important;
  min-height:76px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,rgba(9,20,36,.86),rgba(3,9,20,.72))!important;
  border-color:rgba(148,163,184,.1)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-partner-mini-profile:before{background:rgba(0,229,255,.07)!important;filter:blur(28px)!important}
#ysgp-portal-root .ysgp-partner-avatar{
  width:43px!important;height:43px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#22d3ee,#2563eb)!important;
  color:#021018!important;font-size:18px!important;box-shadow:0 0 24px rgba(0,229,255,.2)!important;
}
#ysgp-portal-root .ysgp-partner-presence{right:0!important;bottom:0!important;width:11px!important;height:11px!important;border-width:2px!important}
#ysgp-portal-root .ysgp-partner-mini-profile strong{font-size:12.5px!important;line-height:1.2!important;letter-spacing:-.01em!important}
#ysgp-portal-root .ysgp-partner-mini-email{font-size:10px!important;color:#778ba2!important;line-height:1.25!important;margin-top:3px!important}
#ysgp-portal-root .ysgp-partner-mini-badges{gap:5px!important;margin-top:8px!important}
#ysgp-portal-root .ysgp-partner-mini-badges em,#ysgp-portal-root .ysgp-partner-mini-badges b{
  min-height:18px!important;padding:0 6px!important;font-size:7.5px!important;letter-spacing:.11em!important;
}
#ysgp-portal-root .ysgp-partner-mini-badges em{background:rgba(0,229,255,.07)!important;border-color:rgba(0,229,255,.14)!important;color:#bffaff!important}
#ysgp-portal-root .ysgp-partner-mini-badges b{background:rgba(16,185,129,.08)!important;border-color:rgba(16,185,129,.14)!important;color:#bbf7d0!important}
#ysgp-portal-root .ysgp-partner-nav{gap:6px!important;margin-top:2px!important}
#ysgp-portal-root .ysgp-partner-nav-label{
  margin:6px 8px 5px;color:#526985;font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;
}
#ysgp-portal-root .ysgp-partner-nav-label.is-secondary{margin-top:10px}
#ysgp-portal-root .ysgp-partner-nav-btn{
  min-height:42px!important;padding:0 13px!important;border-radius:15px!important;
  color:#91a7c0!important;font-size:10.5px!important;letter-spacing:.105em!important;
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn:hover{
  color:#f1fdff!important;background:rgba(148,163,184,.06)!important;border-color:rgba(148,163,184,.09)!important;transform:translateX(2px);
}
#ysgp-portal-root .ysgp-partner-nav-btn.active{
  color:#fff!important;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(0,229,255,.075))!important;
  border-color:rgba(0,229,255,.22)!important;box-shadow:0 12px 34px rgba(0,0,0,.18),0 0 24px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn.active:before{left:0!important;top:11px!important;bottom:11px!important;width:3px!important;background:#00e5ff!important;box-shadow:0 0 16px rgba(0,229,255,.62)!important}
#ysgp-portal-root .ysgp-partner-nav-btn svg{opacity:.9!important}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested{
  min-height:36px!important;margin-left:8px!important;padding-left:15px!important;border-radius:13px!important;font-size:9.5px!important;color:#8298b2!important;
}
#ysgp-portal-root .ysgp-partner-nav-group{
  margin:3px 0!important;padding:5px!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.38),rgba(2,8,18,.22))!important;
  border:1px solid rgba(148,163,184,.075)!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
#ysgp-portal-root .ysgp-partner-nav-group.active,#ysgp-portal-root .ysgp-partner-nav-group.is-open{
  border-color:rgba(0,229,255,.14)!important;background:linear-gradient(145deg,rgba(0,229,255,.035),rgba(15,23,42,.34))!important;
}
#ysgp-portal-root .ysgp-partner-network-toggle{
  width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-radius:14px;
  border:1px solid transparent;background:transparent;color:#91a7c0;cursor:pointer;font-size:10.5px;font-weight:950;letter-spacing:.105em;text-transform:uppercase;
  transition:all .2s ease;
}
#ysgp-portal-root .ysgp-partner-network-toggle:hover{color:#f1fdff;background:rgba(148,163,184,.055);border-color:rgba(148,163,184,.09)}
#ysgp-portal-root .ysgp-partner-network-toggle.active{color:#e8fbff;background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.12)}
#ysgp-portal-root .ysgp-partner-network-main{display:flex;align-items:center;gap:11px;min-width:0}
#ysgp-portal-root .ysgp-partner-network-chevron{flex:0 0 auto;color:#67e8f9;opacity:.72;transition:transform .22s ease,opacity .22s ease}
#ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-network-chevron{transform:rotate(90deg);opacity:1}
#ysgp-portal-root .ysgp-partner-subnav{
  display:flex;flex-direction:column;gap:5px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);
  transition:max-height .28s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .2s ease,padding .2s ease;
}
#ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-subnav{max-height:150px;opacity:1;transform:translateY(0);padding-top:5px}
#ysgp-portal-root .ysgp-partner-main{
  padding:clamp(28px,3vw,46px)!important;
  background:radial-gradient(circle at 74% 6%,rgba(0,229,255,.09),transparent 29%),radial-gradient(circle at 16% 88%,rgba(37,99,235,.06),transparent 34%),linear-gradient(180deg,rgba(2,7,17,.9),rgba(2,6,13,.98))!important;
}
#ysgp-portal-root .ysgp-partner-content{max-width:1330px!important}
#ysgp-portal-root .ysgp-partner-page-head{
  align-items:center!important;margin:0 0 clamp(28px,3vw,42px)!important;padding:0!important;border:0!important;background:transparent!important;
}
#ysgp-portal-root .ysgp-partner-page-head span{color:#5ee9ff!important;letter-spacing:.2em!important}
#ysgp-portal-root .ysgp-partner-page-head h2{font-size:clamp(34px,3.2vw,52px)!important;letter-spacing:-.06em!important;margin-top:10px!important}
#ysgp-portal-root .ysgp-partner-page-head p{max-width:640px!important;color:#91a4bb!important;font-size:14px!important;line-height:1.65!important;margin-top:10px!important}
#ysgp-portal-root .ysgp-partner-page-actions{gap:10px!important;align-items:center!important;margin-top:0!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn{
  height:42px!important;border-radius:15px!important;font-size:9.5px!important;letter-spacing:.13em!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;transition:all .18s ease!important;
}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline:hover,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn:hover{transform:translateY(-1px)!important}
#ysgp-portal-root .ysgp-partner-stat-grid{gap:18px!important;margin-bottom:18px!important}
#ysgp-portal-root .ysgp-partner-stat{
  min-height:150px!important;padding:20px!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(8,17,31,.74),rgba(3,9,19,.88))!important;
  border-color:rgba(148,163,184,.095)!important;box-shadow:0 18px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-partner-stat:hover{border-color:rgba(0,229,255,.18)!important;box-shadow:0 24px 72px rgba(0,0,0,.32),0 0 32px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.045)!important}
#ysgp-portal-root .ysgp-partner-stat-icon{width:40px!important;height:40px!important;border-radius:15px!important;margin-bottom:17px!important}
#ysgp-portal-root .ysgp-partner-stat span{color:#7287a0!important;font-size:9.5px!important;letter-spacing:.17em!important}
#ysgp-portal-root .ysgp-partner-stat strong{font-size:clamp(22px,1.7vw,27px)!important;letter-spacing:-.045em!important}
#ysgp-portal-root .ysgp-partner-stat p{color:#637991!important;font-size:12px!important}
#ysgp-portal-root .ysgp-partner-links-grid{gap:18px!important;margin-bottom:18px!important}
#ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-profile-card,#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-ready-strip{
  border-radius:28px!important;border-color:rgba(148,163,184,.095)!important;background:linear-gradient(145deg,rgba(8,17,31,.72),rgba(3,9,19,.88))!important;box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-partner-ref-card{padding:20px!important}
#ysgp-portal-root .ysgp-partner-ref-url{border-color:rgba(148,163,184,.08)!important;background:rgba(1,7,16,.72)!important}
#ysgp-portal-root .ysgp-partner-secondary-btn{border-color:rgba(0,229,255,.2)!important;background:rgba(0,229,255,.06)!important;transition:all .18s ease!important}
#ysgp-portal-root .ysgp-partner-secondary-btn:hover{transform:translateY(-1px);background:rgba(0,229,255,.1)!important;box-shadow:0 12px 30px rgba(0,229,255,.08)!important}
#ysgp-portal-root .ysgp-partner-profile-card{padding:22px!important}
#ysgp-portal-root .ysgp-partner-profile-grid div{background:rgba(1,7,16,.56)!important;border-color:rgba(148,163,184,.08)!important;border-radius:18px!important}
#ysgp-portal-root .ysgp-partner-empty-grid{gap:18px!important}
#ysgp-portal-root .ysgp-partner-empty-card{min-height:168px!important;padding:22px!important}
#ysgp-portal-root .ysgp-partner-ready-strip{margin-top:18px!important}
@media (max-width:1180px){#ysgp-portal-root .ysgp-partner-content{max-width:100%!important}}
@media (max-width:980px){
  #ysgp-portal-root .ysgp-partner-app-shell{display:block!important;height:100dvh!important;overflow:auto!important}
  #ysgp-portal-root .ysgp-partner-sidebar{height:auto!important;overflow:visible!important;gap:14px!important;padding:16px!important}
  #ysgp-portal-root .ysgp-partner-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #ysgp-portal-root .ysgp-partner-nav-label{grid-column:1/-1;margin:6px 6px 2px!important}
  #ysgp-portal-root .ysgp-partner-nav-group{grid-column:1/-1!important}
  #ysgp-portal-root .ysgp-partner-subnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-subnav{max-height:90px!important}
  #ysgp-portal-root .ysgp-partner-nav-btn.is-nested{margin-left:0!important;padding-left:12px!important}
  #ysgp-portal-root .ysgp-partner-main{height:auto!important;min-height:calc(100dvh - 320px)!important;padding:24px!important}
  #ysgp-portal-root .ysgp-partner-page-head{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}
}
@media (max-width:720px){
  #ysgp-portal-root .ysgp-partner-main{padding:18px 14px!important}
  #ysgp-portal-root .ysgp-partner-nav{grid-template-columns:1fr!important}
  #ysgp-portal-root .ysgp-partner-subnav{grid-template-columns:1fr!important}
  #ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-subnav{max-height:150px!important}
  #ysgp-portal-root .ysgp-partner-page-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  #ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn{width:100%!important;justify-content:center!important}
}

/* v21.2.52 previous Partner Portal product design refinement - frontend only */
#ysgp-portal-root .ysgp-partner-hub{
  --yspp-bg:#020611;
  --yspp-bg-2:#06101f;
  --yspp-panel:rgba(7,18,34,.72);
  --yspp-panel-strong:rgba(8,20,38,.86);
  --yspp-line:rgba(148,163,184,.105);
  --yspp-line-cyan:rgba(0,229,255,.18);
  --yspp-cyan:#00e5ff;
  --yspp-cyan-soft:#7df7ff;
  --yspp-blue:#2563eb;
  --yspp-text:#f6fbff;
  --yspp-muted:#91a4bb;
  --yspp-muted-2:#60748d;
}
#ysgp-portal-root .ysgp-partner-app-shell{
  grid-template-columns:minmax(250px,272px) minmax(0,1fr)!important;
  border-radius:0!important;
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(0,229,255,.08),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(37,99,235,.105),transparent 33%),
    linear-gradient(135deg,#020611 0%,#050b17 46%,#02040b 100%)!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-partner-app-bg{
  background:
    radial-gradient(circle at 50% 15%,rgba(0,229,255,.055),transparent 32%),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px)!important;
  background-size:auto,56px 56px,56px 56px!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.96));
  opacity:.55!important;
}
#ysgp-portal-root .ysgp-partner-sidebar{
  padding:22px 18px!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 18% 3%,rgba(0,229,255,.10),transparent 28%),
    linear-gradient(180deg,rgba(5,13,26,.98),rgba(2,7,16,.985) 48%,rgba(2,5,12,.99))!important;
  border-right:1px solid rgba(148,163,184,.12)!important;
  box-shadow:18px 0 70px rgba(0,0,0,.24),inset -1px 0 0 rgba(255,255,255,.025)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact{
  position:relative;overflow:hidden;min-height:66px!important;padding:12px 13px!important;border-radius:22px!important;
  background:linear-gradient(135deg,rgba(0,229,255,.10),rgba(29,78,216,.045) 50%,rgba(255,255,255,.018))!important;
  border-color:rgba(0,229,255,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20),0 0 38px rgba(0,229,255,.045),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact:after{
  content:"";position:absolute;right:-36px;top:-44px;width:100px;height:100px;border-radius:999px;background:rgba(0,229,255,.12);filter:blur(26px);pointer-events:none;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact .ysgp-partner-mark{
  width:44px!important;height:44px!important;border-radius:16px!important;background:linear-gradient(135deg,#1eeaff,#4f8cff)!important;
  box-shadow:0 0 30px rgba(0,229,255,.32),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact strong{font-size:14px!important;letter-spacing:.155em!important;line-height:1!important}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact span{font-size:9px!important;letter-spacing:.22em!important;color:#8ff6ff!important}
#ysgp-portal-root .ysgp-partner-mini-profile{
  min-height:86px!important;padding:13px!important;border-radius:24px!important;gap:12px!important;
  background:
    linear-gradient(145deg,rgba(11,25,45,.82),rgba(5,12,24,.76)),
    radial-gradient(circle at 90% 0%,rgba(0,229,255,.12),transparent 40%)!important;
  border-color:rgba(148,163,184,.115)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-partner-mini-profile:hover{border-color:rgba(0,229,255,.18)!important;box-shadow:0 22px 58px rgba(0,0,0,.30),0 0 26px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.065)!important}
#ysgp-portal-root .ysgp-partner-avatar{
  width:46px!important;height:46px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#20e7ff 0%,#2684ff 58%,#0b4ac7 100%)!important;color:#06101f!important;
  font-size:18px!important;box-shadow:0 0 28px rgba(0,229,255,.28),0 12px 24px rgba(37,99,235,.20),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
#ysgp-portal-root .ysgp-partner-presence{right:-1px!important;bottom:-1px!important;width:12px!important;height:12px!important;border-color:#07111f!important}
#ysgp-portal-root .ysgp-partner-mini-profile strong{font-size:13px!important;color:#fff!important;letter-spacing:-.015em!important}
#ysgp-portal-root .ysgp-partner-mini-email{color:#7f93ac!important;font-size:10px!important}
#ysgp-portal-root .ysgp-partner-mini-badges em,#ysgp-portal-root .ysgp-partner-mini-badges b{
  min-height:18px!important;padding:0 7px!important;border-radius:999px!important;font-size:7.5px!important;letter-spacing:.12em!important;
}
#ysgp-portal-root .ysgp-partner-nav{gap:7px!important;margin-top:1px!important}
#ysgp-portal-root .ysgp-partner-nav-label{margin:8px 9px 4px!important;color:#526987!important;font-size:8.5px!important;letter-spacing:.22em!important;font-weight:950!important}
#ysgp-portal-root .ysgp-partner-nav-label.is-secondary{margin-top:12px!important}
#ysgp-portal-root .ysgp-partner-nav-btn,#ysgp-portal-root .ysgp-partner-network-toggle{
  position:relative!important;overflow:hidden!important;min-height:44px!important;border-radius:16px!important;
  color:#94a9c3!important;background:transparent!important;border-color:transparent!important;
  transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn:before,#ysgp-portal-root .ysgp-partner-network-toggle:before{
  content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:999px;background:var(--yspp-cyan);opacity:0;transform:scaleY(.45);box-shadow:0 0 18px rgba(0,229,255,.62);transition:opacity .2s ease,transform .2s ease;
}
#ysgp-portal-root .ysgp-partner-nav-btn:after,#ysgp-portal-root .ysgp-partner-network-toggle:after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,229,255,.12),transparent 55%);opacity:0;transition:opacity .2s ease;pointer-events:none;
}
#ysgp-portal-root .ysgp-partner-nav-btn:hover,#ysgp-portal-root .ysgp-partner-network-toggle:hover{
  color:#f4fdff!important;transform:translateX(3px)!important;background:rgba(148,163,184,.055)!important;border-color:rgba(148,163,184,.10)!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn:hover:after,#ysgp-portal-root .ysgp-partner-network-toggle:hover:after{opacity:.42}
#ysgp-portal-root .ysgp-partner-nav-btn.active,#ysgp-portal-root .ysgp-partner-network-toggle.active{
  color:#ffffff!important;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(0,229,255,.075))!important;
  border-color:rgba(0,229,255,.20)!important;box-shadow:0 14px 36px rgba(0,0,0,.22),0 0 24px rgba(0,229,255,.06),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn.active:before,#ysgp-portal-root .ysgp-partner-network-toggle.active:before{opacity:1;transform:scaleY(1)}
#ysgp-portal-root .ysgp-partner-nav-btn.active:after,#ysgp-portal-root .ysgp-partner-network-toggle.active:after{opacity:.62}
#ysgp-portal-root .ysgp-partner-nav-btn svg,#ysgp-portal-root .ysgp-partner-network-toggle svg{filter:drop-shadow(0 0 10px rgba(0,229,255,.10))}
#ysgp-portal-root .ysgp-partner-nav-group{
  padding:6px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(15,23,42,.36),rgba(2,8,18,.18))!important;
  border-color:rgba(148,163,184,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#ysgp-portal-root .ysgp-partner-nav-group.is-open,#ysgp-portal-root .ysgp-partner-nav-group.active{
  background:linear-gradient(145deg,rgba(0,229,255,.045),rgba(15,23,42,.40))!important;border-color:rgba(0,229,255,.16)!important;box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-partner-subnav{gap:6px!important}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested{margin-left:10px!important;border-radius:14px!important;color:#8299b4!important}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested.active{color:#e9fbff!important;background:rgba(0,229,255,.065)!important;border-color:rgba(0,229,255,.16)!important}
#ysgp-portal-root .ysgp-partner-main{
  padding:clamp(32px,3.6vw,56px)!important;
  background:
    radial-gradient(circle at 68% 0%,rgba(0,229,255,.10),transparent 26%),
    radial-gradient(circle at 8% 92%,rgba(37,99,235,.08),transparent 35%),
    linear-gradient(180deg,rgba(3,8,18,.92),rgba(2,6,14,.99))!important;
}
#ysgp-portal-root .ysgp-partner-content{max-width:1360px!important;margin:0 auto!important}
#ysgp-portal-root .ysgp-partner-page-head{
  position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  margin:0 0 clamp(26px,3vw,40px)!important;padding:24px 26px!important;border-radius:32px!important;
  background:
    linear-gradient(135deg,rgba(10,24,44,.76),rgba(4,11,23,.72) 56%,rgba(1,7,16,.70)),
    radial-gradient(circle at 88% 18%,rgba(0,229,255,.14),transparent 36%)!important;
  border:1px solid rgba(148,163,184,.105)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-partner-page-head-aura{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,229,255,.12),transparent 38%,rgba(37,99,235,.08));opacity:.55}
#ysgp-portal-root .ysgp-partner-page-copy{position:relative;z-index:1;min-width:0;max-width:760px}
#ysgp-portal-root .ysgp-partner-page-eyebrow{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#6ff3ff!important;font-size:9.5px!important;letter-spacing:.24em!important}
#ysgp-portal-root .ysgp-partner-page-eyebrow svg{filter:drop-shadow(0 0 12px rgba(0,229,255,.32))}
#ysgp-portal-root .ysgp-partner-page-head h2{
  color:#fff!important;font-size:clamp(36px,3.3vw,56px)!important;line-height:.96!important;letter-spacing:-.065em!important;margin:9px 0 0!important;text-shadow:0 0 36px rgba(0,229,255,.075)!important;
}
#ysgp-portal-root .ysgp-partner-page-head p{max-width:640px!important;color:#9aacc1!important;font-size:14px!important;line-height:1.7!important;margin-top:12px!important}
#ysgp-portal-root .ysgp-partner-page-actions{position:relative;z-index:1;gap:10px!important;flex-shrink:0!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn{
  height:44px!important;border-radius:16px!important;padding:0 15px!important;background:rgba(4,13,25,.68)!important;border:1px solid rgba(148,163,184,.12)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline{color:#bffaff!important;border-color:rgba(0,229,255,.18)!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill{color:#8da3bb!important;background:rgba(3,10,22,.74)!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-code-pill strong{color:#f4feff!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn{color:#ffd4dc!important;border-color:rgba(251,113,133,.20)!important;background:rgba(244,63,94,.075)!important}
#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-exit-btn.is-inline:hover,#ysgp-portal-root .ysgp-partner-page-actions .ysgp-partner-logout-btn:hover{transform:translateY(-2px)!important;box-shadow:0 22px 44px rgba(0,0,0,.30),0 0 24px rgba(0,229,255,.07)!important}
#ysgp-portal-root .ysgp-partner-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-bottom:20px!important}
#ysgp-portal-root .ysgp-partner-stat{
  min-height:166px!important;padding:22px!important;border-radius:30px!important;transform:translateZ(0);
  background:
    linear-gradient(145deg,rgba(9,20,37,.78),rgba(3,9,19,.90) 62%,rgba(2,6,14,.94)),
    radial-gradient(circle at 80% 16%,rgba(0,229,255,.10),transparent 36%)!important;
  border:1px solid rgba(148,163,184,.105)!important;
  box-shadow:0 20px 68px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
#ysgp-portal-root .ysgp-partner-stat:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.38),transparent);opacity:.45}
#ysgp-portal-root .ysgp-partner-stat:hover{transform:translateY(-4px)!important;border-color:rgba(0,229,255,.22)!important;box-shadow:0 28px 84px rgba(0,0,0,.36),0 0 38px rgba(0,229,255,.065),inset 0 1px 0 rgba(255,255,255,.06)!important}
#ysgp-portal-root .ysgp-partner-stat:nth-child(2n){background:linear-gradient(145deg,rgba(9,23,39,.80),rgba(3,10,19,.92)),radial-gradient(circle at 82% 18%,rgba(16,185,129,.10),transparent 38%)!important}
#ysgp-portal-root .ysgp-partner-stat-icon{
  width:46px!important;height:46px!important;border-radius:18px!important;margin-bottom:20px!important;background:linear-gradient(145deg,rgba(0,229,255,.13),rgba(37,99,235,.08))!important;
  border-color:rgba(0,229,255,.18)!important;color:#7df7ff!important;box-shadow:0 0 28px rgba(0,229,255,.105),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#ysgp-portal-root .ysgp-partner-stat.emerald .ysgp-partner-stat-icon{background:linear-gradient(145deg,rgba(16,185,129,.13),rgba(0,229,255,.06))!important;color:#8cf8bd!important;border-color:rgba(16,185,129,.19)!important}
#ysgp-portal-root .ysgp-partner-stat span{font-size:9.5px!important;letter-spacing:.19em!important;color:#7d92ad!important}
#ysgp-portal-root .ysgp-partner-stat strong{margin-top:9px!important;color:#fff!important;font-size:clamp(24px,1.9vw,31px)!important;line-height:1!important;letter-spacing:-.055em!important}
#ysgp-portal-root .ysgp-partner-stat p{margin-top:10px!important;color:#667c96!important;font-size:12px!important;line-height:1.5!important}
#ysgp-portal-root .ysgp-partner-links-grid{gap:20px!important;margin-bottom:20px!important}
#ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-profile-card,#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-ready-strip{
  position:relative!important;overflow:hidden!important;border-radius:32px!important;border:1px solid rgba(148,163,184,.105)!important;
  background:linear-gradient(145deg,rgba(9,20,37,.76),rgba(3,9,19,.91))!important;
  box-shadow:0 20px 68px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-partner-ref-card:before,#ysgp-portal-root .ysgp-partner-profile-card:before,#ysgp-portal-root .ysgp-partner-empty-card:before{content:"";position:absolute;right:-52px;top:-62px;width:150px;height:150px;border-radius:999px;background:rgba(0,229,255,.085);filter:blur(36px);pointer-events:none}
#ysgp-portal-root .ysgp-partner-ref-card{padding:24px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease!important}
#ysgp-portal-root .ysgp-partner-ref-card:hover{transform:translateY(-3px)!important;border-color:rgba(0,229,255,.20)!important;box-shadow:0 28px 82px rgba(0,0,0,.32),0 0 34px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.055)!important}
#ysgp-portal-root .ysgp-partner-ref-card-head{position:relative;z-index:1;margin-bottom:16px!important}
#ysgp-portal-root .ysgp-partner-ref-card-head span{font-size:9.5px!important;letter-spacing:.2em!important;color:#7c91aa!important}
#ysgp-portal-root .ysgp-partner-ref-card-head h3{font-size:20px!important;letter-spacing:-.035em!important;margin-top:6px!important}
#ysgp-portal-root .ysgp-partner-ref-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);color:#7df7ff;box-shadow:0 0 24px rgba(0,229,255,.09)}
#ysgp-portal-root .ysgp-partner-ref-url{position:relative;z-index:1;min-height:56px!important;padding:15px 16px!important;border-radius:18px!important;background:rgba(1,7,16,.72)!important;border-color:rgba(0,229,255,.105)!important;color:#c9faff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
#ysgp-portal-root .ysgp-partner-ref-actions{position:relative;z-index:1;display:flex;justify-content:flex-start}
#ysgp-portal-root .ysgp-partner-secondary-btn{height:40px!important;border-radius:15px!important;padding:0 15px!important;color:#bffaff!important;background:rgba(0,229,255,.075)!important;border-color:rgba(0,229,255,.18)!important}
#ysgp-portal-root .ysgp-partner-profile-card{padding:24px!important;margin-top:2px!important}
#ysgp-portal-root .ysgp-partner-section-title{position:relative;z-index:1;margin-bottom:18px!important}
#ysgp-portal-root .ysgp-partner-section-title>svg{color:#7df7ff;filter:drop-shadow(0 0 12px rgba(0,229,255,.22))}
#ysgp-portal-root .ysgp-partner-section-title span{font-size:9.5px!important;letter-spacing:.2em!important;color:#7c91aa!important}
#ysgp-portal-root .ysgp-partner-section-title h3{font-size:21px!important;letter-spacing:-.035em!important}
#ysgp-portal-root .ysgp-partner-profile-grid{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#ysgp-portal-root .ysgp-partner-profile-grid div{padding:16px!important;border-radius:20px!important;background:rgba(1,7,16,.56)!important;border-color:rgba(148,163,184,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#ysgp-portal-root .ysgp-partner-profile-grid span{font-size:9.5px!important;color:#7489a3!important;letter-spacing:.18em!important}
#ysgp-portal-root .ysgp-partner-profile-grid strong{font-size:13px!important;color:#f7fdff!important;margin-top:8px!important}
#ysgp-portal-root .ysgp-partner-empty-grid{gap:20px!important}
#ysgp-portal-root .ysgp-partner-empty-card{min-height:190px!important;padding:26px!important;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease!important}
#ysgp-portal-root .ysgp-partner-empty-card:hover{transform:translateY(-3px);border-color:rgba(0,229,255,.20)!important;box-shadow:0 28px 82px rgba(0,0,0,.32),0 0 34px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.055)!important}
#ysgp-portal-root .ysgp-partner-empty-card-icon,#ysgp-portal-root .ysgp-partner-empty-card>div{position:relative;z-index:1;width:52px!important;height:52px!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(0,229,255,.12),rgba(37,99,235,.07))!important;border-color:rgba(0,229,255,.17)!important;color:#7df7ff!important}
#ysgp-portal-root .ysgp-partner-empty-card h3{position:relative;z-index:1;font-size:21px!important;letter-spacing:-.035em!important}
#ysgp-portal-root .ysgp-partner-empty-card p{position:relative;z-index:1;color:#7f93ad!important;line-height:1.65!important}
#ysgp-portal-root .ysgp-partner-ready-strip{padding:20px 22px!important;margin-top:20px!important;background:linear-gradient(135deg,rgba(0,229,255,.055),rgba(37,99,235,.035),rgba(3,9,19,.84))!important}
#ysgp-portal-root .ysgp-partner-ready-strip span{font-size:9px!important;color:#7df7ff!important;letter-spacing:.22em!important}
#ysgp-portal-root .ysgp-partner-ready-strip strong{font-size:18px!important;color:#fff!important;letter-spacing:-.025em!important}
#ysgp-portal-root .ysgp-partner-ready-strip p{color:#8297b0!important}
#ysgp-portal-root .ysgp-partner-dashboard-page,#ysgp-portal-root .ysgp-partner-module-page{animation:ysgpPartnerProductIn .42s cubic-bezier(.16,1,.3,1) both}
@keyframes ysgpPartnerProductIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-partner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #ysgp-portal-root .ysgp-partner-links-grid{grid-template-columns:1fr!important}
  #ysgp-portal-root .ysgp-partner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
  #ysgp-portal-root .ysgp-partner-app-shell{display:block!important;min-height:100dvh!important;height:auto!important;overflow:auto!important}
  #ysgp-portal-root .ysgp-partner-sidebar{position:relative!important;z-index:4!important;height:auto!important;overflow:visible!important;padding:16px!important;gap:14px!important}
  #ysgp-portal-root .ysgp-partner-main{padding:24px!important;min-height:calc(100dvh - 300px)!important}
  #ysgp-portal-root .ysgp-partner-page-head{flex-direction:column!important;align-items:flex-start!important;padding:22px!important;border-radius:28px!important;gap:18px!important}
  #ysgp-portal-root .ysgp-partner-page-actions{width:100%!important;justify-content:flex-start!important}
}
@media (max-width:720px){
  #ysgp-portal-root .ysgp-partner-main{padding:18px 14px!important}
  #ysgp-portal-root .ysgp-partner-page-head{padding:20px!important;border-radius:24px!important}
  #ysgp-portal-root .ysgp-partner-page-head h2{font-size:36px!important}
  #ysgp-portal-root .ysgp-partner-stat-grid,#ysgp-portal-root .ysgp-partner-profile-grid,#ysgp-portal-root .ysgp-partner-empty-grid{grid-template-columns:1fr!important}
  #ysgp-portal-root .ysgp-partner-stat{min-height:146px!important}
  #ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-profile-card,#ysgp-portal-root .ysgp-partner-empty-card{border-radius:24px!important;padding:20px!important}
}
@media (prefers-reduced-motion:reduce){
  #ysgp-portal-root .ysgp-partner-dashboard-page,#ysgp-portal-root .ysgp-partner-module-page,#ysgp-portal-root .ysgp-partner-stat,#ysgp-portal-root .ysgp-partner-ref-card,#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-nav-btn,#ysgp-portal-root .ysgp-partner-network-toggle{animation:none!important;transition:none!important;transform:none!important}
}

/* v21.2.53 - Partner Portal true product-dashboard visual system (frontend only) */
#ysgp-portal-root .ysgp-partner-hub{
  --yspp-bg-0:#050811;
  --yspp-bg-1:#06101d;
  --yspp-surface:#081827;
  --yspp-surface-2:#0b2033;
  --yspp-surface-3:#0d2942;
  --yspp-cyan:#00e6ff;
  --yspp-cyan-2:#6df7ff;
  --yspp-blue:#1677ff;
  --yspp-purple:#8b5cf6;
  --yspp-green:#22c55e;
  --yspp-text:#f8fbff;
  --yspp-muted:#8fa6bd;
  --yspp-muted-2:#5f7590;
}
#ysgp-portal-root .ysgp-partner-app-shell{
  grid-template-columns:minmax(280px,304px) minmax(0,1fr)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(0,230,255,.16),transparent 28%),
    radial-gradient(circle at 80% 6%,rgba(22,119,255,.18),transparent 31%),
    radial-gradient(circle at 55% 100%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(135deg,var(--yspp-bg-0),var(--yspp-bg-1) 50%,#02050d)!important;
  color:var(--yspp-text)!important;
}
#ysgp-portal-root .ysgp-partner-app-bg{
  opacity:.62!important;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 72% 18%,rgba(0,230,255,.14),transparent 30%)!important;
  background-size:54px 54px,54px 54px,auto!important;
}
#ysgp-portal-root .ysgp-partner-sidebar{
  width:auto!important;
  padding:24px 18px!important;
  gap:16px!important;
  background:
    radial-gradient(circle at 24px 30px,rgba(0,230,255,.18),transparent 22%),
    linear-gradient(180deg,rgba(7,18,31,.98),rgba(3,9,19,.985) 44%,rgba(2,6,14,.995))!important;
  border-right:1px solid rgba(107,134,165,.14)!important;
  box-shadow:26px 0 95px rgba(0,0,0,.34),inset -1px 0 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact{
  min-height:74px!important;
  padding:14px!important;
  border-radius:25px!important;
  background:
    linear-gradient(135deg,rgba(0,230,255,.16),rgba(22,119,255,.08) 48%,rgba(11,32,51,.62)),
    radial-gradient(circle at 86% 18%,rgba(109,247,255,.18),transparent 34%)!important;
  border:1px solid rgba(0,230,255,.24)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 44px rgba(0,230,255,.08),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact .ysgp-partner-mark{
  width:48px!important;height:48px!important;border-radius:18px!important;
  background:linear-gradient(135deg,#6df7ff 0%,#00e6ff 42%,#1677ff 100%)!important;
  color:#03101c!important;
  box-shadow:0 0 34px rgba(0,230,255,.44),0 16px 34px rgba(22,119,255,.25),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact strong{font-size:15px!important;letter-spacing:.17em!important}
#ysgp-portal-root .ysgp-partner-sidebar .ysgp-partner-brand.is-compact span{font-size:9px!important;color:#a8f8ff!important;letter-spacing:.25em!important}
#ysgp-portal-root .ysgp-partner-mini-profile{
  position:relative!important;
  min-height:92px!important;
  padding:15px!important;
  border-radius:26px!important;
  align-items:center!important;
  background:
    linear-gradient(135deg,rgba(11,32,51,.92),rgba(8,24,39,.64) 50%,rgba(4,10,20,.72)),
    radial-gradient(circle at 96% 8%,rgba(0,230,255,.18),transparent 42%)!important;
  border:1px solid rgba(143,166,189,.14)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#ysgp-portal-root .ysgp-partner-mini-profile:before{content:"";position:absolute;left:15px;right:15px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,230,255,.48),transparent);opacity:.7}
#ysgp-portal-root .ysgp-partner-avatar-wrap{flex:0 0 auto!important}
#ysgp-portal-root .ysgp-partner-avatar{
  width:52px!important;height:52px!important;border-radius:20px!important;
  background:radial-gradient(circle at 34% 22%,#f8fbff 0%,#6df7ff 16%,#00e6ff 42%,#1677ff 100%)!important;
  color:#03101c!important;font-size:21px!important;font-weight:950!important;
  box-shadow:0 0 34px rgba(0,230,255,.38),0 18px 32px rgba(22,119,255,.22),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
#ysgp-portal-root .ysgp-partner-presence{right:0!important;bottom:1px!important;width:13px!important;height:13px!important;border:3px solid #071321!important;box-shadow:0 0 12px rgba(34,197,94,.75)!important}
#ysgp-portal-root .ysgp-partner-mini-profile-body{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
#ysgp-portal-root .ysgp-partner-mini-profile strong{font-size:13px!important;line-height:1.1!important;color:#fff!important;letter-spacing:-.015em!important;max-width:156px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#ysgp-portal-root .ysgp-partner-mini-email{font-size:10px!important;color:#8fa6bd!important;max-width:156px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#ysgp-portal-root .ysgp-partner-mini-badges{margin-top:7px!important;gap:6px!important;display:flex!important;flex-wrap:wrap!important}
#ysgp-portal-root .ysgp-partner-mini-badges em,#ysgp-portal-root .ysgp-partner-mini-badges b{
  height:20px!important;padding:0 8px!important;border-radius:999px!important;font-size:7.5px!important;letter-spacing:.14em!important;line-height:20px!important;
  background:rgba(0,230,255,.10)!important;border:1px solid rgba(0,230,255,.18)!important;color:#b8fbff!important;
}
#ysgp-portal-root .ysgp-partner-mini-badges b{background:rgba(34,197,94,.11)!important;border-color:rgba(34,197,94,.24)!important;color:#a7f3d0!important}
#ysgp-portal-root .ysgp-partner-nav{gap:8px!important;padding-top:2px!important}
#ysgp-portal-root .ysgp-partner-nav-label{font-size:8px!important;letter-spacing:.25em!important;color:#526c88!important;margin:10px 10px 5px!important}
#ysgp-portal-root .ysgp-partner-nav-btn,#ysgp-portal-root .ysgp-partner-network-toggle{
  min-height:46px!important;border-radius:18px!important;padding:0 14px!important;
  font-size:11px!important;letter-spacing:.105em!important;font-weight:900!important;color:#a9bfd8!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent)!important;
  border:1px solid transparent!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn svg,#ysgp-portal-root .ysgp-partner-network-toggle svg{width:18px!important;height:18px!important;color:#86dcf0!important;filter:drop-shadow(0 0 10px rgba(0,230,255,.20))!important}
#ysgp-portal-root .ysgp-partner-nav-btn:hover,#ysgp-portal-root .ysgp-partner-network-toggle:hover{
  transform:translateX(4px)!important;color:#ffffff!important;background:linear-gradient(90deg,rgba(0,230,255,.10),rgba(22,119,255,.035))!important;border-color:rgba(0,230,255,.16)!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn.active,#ysgp-portal-root .ysgp-partner-network-toggle.active{
  color:#fff!important;background:linear-gradient(135deg,rgba(0,230,255,.19),rgba(22,119,255,.10) 55%,rgba(11,32,51,.68))!important;
  border-color:rgba(0,230,255,.30)!important;box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 34px rgba(0,230,255,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ysgp-portal-root .ysgp-partner-nav-btn.active:before,#ysgp-portal-root .ysgp-partner-network-toggle.active:before{left:-1px!important;top:10px!important;bottom:10px!important;width:4px!important;background:linear-gradient(180deg,#6df7ff,#1677ff)!important;opacity:1!important}
#ysgp-portal-root .ysgp-partner-nav-group{border-radius:24px!important;padding:7px!important;background:rgba(8,24,39,.45)!important;border:1px solid rgba(143,166,189,.08)!important}
#ysgp-portal-root .ysgp-partner-nav-group.is-open,#ysgp-portal-root .ysgp-partner-nav-group.active{background:linear-gradient(145deg,rgba(11,32,51,.65),rgba(5,14,26,.50))!important;border-color:rgba(0,230,255,.17)!important}
#ysgp-portal-root .ysgp-partner-network-toggle{justify-content:space-between!important}
#ysgp-portal-root .ysgp-partner-network-main{display:flex!important;align-items:center!important;gap:12px!important}
#ysgp-portal-root .ysgp-partner-network-chevron{transition:transform .22s cubic-bezier(.16,1,.3,1)!important}
#ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-network-chevron{transform:rotate(90deg)!important}
#ysgp-portal-root .ysgp-partner-subnav{padding:6px 0 0 14px!important;margin-left:7px!important;border-left:1px solid rgba(0,230,255,.16)!important;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s cubic-bezier(.16,1,.3,1),opacity .22s ease!important}
#ysgp-portal-root .ysgp-partner-nav-group.is-open .ysgp-partner-subnav{max-height:190px!important;opacity:1!important}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested{margin-left:0!important;min-height:38px!important;border-radius:14px!important;font-size:10px!important;padding:0 12px!important;color:#8fa6bd!important}
#ysgp-portal-root .ysgp-partner-nav-btn.is-nested.active{background:linear-gradient(90deg,rgba(0,230,255,.13),rgba(22,119,255,.04))!important;color:#fff!important;border-color:rgba(0,230,255,.22)!important}
#ysgp-portal-root .ysgp-partner-main{
  padding:clamp(28px,3.1vw,54px)!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(0,230,255,.08),transparent 25%),
    radial-gradient(circle at 86% 0%,rgba(22,119,255,.13),transparent 28%),
    linear-gradient(180deg,rgba(6,16,29,.62),rgba(3,7,16,.98) 72%)!important;
}
#ysgp-portal-root .ysgp-partner-content{max-width:1440px!important;margin:0 auto!important}
#ysgp-portal-root .ysgp-partner-command-layout{display:flex;flex-direction:column;gap:24px!important;animation:ysgpPartnerProductIn .42s cubic-bezier(.16,1,.3,1) both}
#ysgp-portal-root .ysgp-partner-command-hero{
  position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:28px;padding:34px;border-radius:36px;
  background:
    linear-gradient(135deg,rgba(11,32,51,.98),rgba(8,24,39,.86) 48%,rgba(5,12,25,.92)),
    radial-gradient(circle at 82% 22%,rgba(0,230,255,.25),transparent 35%),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:auto,auto,38px 38px,38px 38px!important;
  border:1px solid rgba(0,230,255,.22);box-shadow:0 34px 110px rgba(0,0,0,.36),0 0 70px rgba(0,230,255,.07),inset 0 1px 0 rgba(255,255,255,.09);
}
#ysgp-portal-root .ysgp-partner-command-hero:before{content:"";position:absolute;left:-90px;bottom:-120px;width:330px;height:330px;border-radius:999px;background:rgba(139,92,246,.14);filter:blur(70px);pointer-events:none}
#ysgp-portal-root .ysgp-partner-command-hero:after{content:"";position:absolute;right:9%;top:-45px;width:230px;height:230px;border-radius:999px;background:rgba(0,230,255,.16);filter:blur(58px);pointer-events:none;animation:ysgpPartnerSoftPulse 7s ease-in-out infinite alternate}
#ysgp-portal-root .ysgp-partner-command-copy{position:relative;z-index:1;max-width:760px}
#ysgp-portal-root .ysgp-partner-command-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(0,230,255,.10);border:1px solid rgba(0,230,255,.23);color:#a8f8ff;font-size:10px;font-weight:950;letter-spacing:.24em;text-transform:uppercase;box-shadow:0 0 24px rgba(0,230,255,.06)}
#ysgp-portal-root .ysgp-partner-command-copy h2{margin:18px 0 0;color:#fff;font-size:clamp(40px,4.2vw,72px);line-height:.9;font-weight:950;letter-spacing:-.075em;text-shadow:0 0 42px rgba(0,230,255,.11)}
#ysgp-portal-root .ysgp-partner-command-copy p{max-width:620px;margin:20px 0 0;color:#adc0d3;font-size:15px;line-height:1.75;font-weight:560}
#ysgp-portal-root .ysgp-partner-command-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#ysgp-portal-root .ysgp-partner-command-badges span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:999px;background:rgba(3,12,24,.62);border:1px solid rgba(0,230,255,.18);color:#dffcff;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
#ysgp-portal-root .ysgp-partner-command-badges .is-green{border-color:rgba(34,197,94,.23);background:rgba(34,197,94,.10);color:#befad7}
#ysgp-portal-root .ysgp-partner-hero-actions-wrap{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:20px;min-width:310px}
#ysgp-portal-root .ysgp-partner-page-actions.is-hero{width:auto!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}
#ysgp-portal-root .ysgp-partner-page-actions.is-hero .ysgp-partner-exit-btn,#ysgp-portal-root .ysgp-partner-page-actions.is-hero .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-page-actions.is-hero .ysgp-partner-logout-btn{height:44px!important;border-radius:17px!important}
#ysgp-portal-root .ysgp-partner-hero-mini{min-width:210px;padding:18px 20px;border-radius:26px;background:linear-gradient(145deg,rgba(0,230,255,.12),rgba(22,119,255,.06));border:1px solid rgba(0,230,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
#ysgp-portal-root .ysgp-partner-hero-mini span{display:block;color:#8fa6bd;font-size:9px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-hero-mini strong{display:block;margin-top:8px;color:#fff;font-size:24px;letter-spacing:-.04em}
#ysgp-portal-root .ysgp-partner-dashboard-section,#ysgp-portal-root .ysgp-partner-growth-panel,#ysgp-portal-root .ysgp-partner-foundation-panel{
  position:relative;overflow:hidden;border-radius:34px;padding:26px;border:1px solid rgba(143,166,189,.12);
  background:linear-gradient(145deg,rgba(8,24,39,.76),rgba(5,12,24,.86));
  box-shadow:0 24px 78px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055);
}
#ysgp-portal-root .ysgp-partner-dashboard-section:before,#ysgp-portal-root .ysgp-partner-growth-panel:before,#ysgp-portal-root .ysgp-partner-foundation-panel:before{content:"";position:absolute;right:-80px;top:-100px;width:230px;height:230px;border-radius:999px;background:rgba(0,230,255,.10);filter:blur(54px);pointer-events:none}
#ysgp-portal-root .ysgp-partner-section-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
#ysgp-portal-root .ysgp-partner-section-head.compact{margin-bottom:17px}
#ysgp-portal-root .ysgp-partner-section-head span{display:inline-flex;align-items:center;gap:8px;color:#76f5ff;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-section-head h3{margin:8px 0 0;color:#fff;font-size:clamp(24px,2vw,34px);line-height:1;font-weight:950;letter-spacing:-.05em}
#ysgp-portal-root .ysgp-partner-section-head p{max-width:430px;margin:0;color:#8fa6bd;font-size:13px;line-height:1.6;text-align:right}
#ysgp-portal-root .ysgp-partner-rewards-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1.1fr .9fr .9fr;gap:16px}
#ysgp-portal-root .ysgp-partner-reward-tile{position:relative;overflow:hidden;min-height:182px;padding:22px;border-radius:30px;background:linear-gradient(145deg,rgba(11,32,51,.95),rgba(3,10,20,.88));border:1px solid rgba(0,230,255,.14);box-shadow:0 20px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease}
#ysgp-portal-root .ysgp-partner-reward-tile:after{content:"";position:absolute;right:-45px;bottom:-58px;width:170px;height:170px;border-radius:999px;background:rgba(0,230,255,.13);filter:blur(30px);opacity:.86}
#ysgp-portal-root .ysgp-partner-reward-tile.green:after{background:rgba(34,197,94,.15)}
#ysgp-portal-root .ysgp-partner-reward-tile.blue:after{background:rgba(22,119,255,.17)}
#ysgp-portal-root .ysgp-partner-reward-tile.purple:after{background:rgba(139,92,246,.17)}
#ysgp-portal-root .ysgp-partner-reward-tile:hover{transform:translateY(-5px);border-color:rgba(0,230,255,.28);box-shadow:0 32px 95px rgba(0,0,0,.36),0 0 42px rgba(0,230,255,.08),inset 0 1px 0 rgba(255,255,255,.07)}
#ysgp-portal-root .ysgp-partner-reward-icon{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:22px;background:linear-gradient(145deg,rgba(0,230,255,.18),rgba(22,119,255,.08));border:1px solid rgba(0,230,255,.24);color:#9ff9ff;box-shadow:0 0 34px rgba(0,230,255,.12),inset 0 1px 0 rgba(255,255,255,.08)}
#ysgp-portal-root .ysgp-partner-reward-copy{position:relative;z-index:1;margin-top:22px}
#ysgp-portal-root .ysgp-partner-reward-copy span{display:block;color:#8fa6bd;font-size:10px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-reward-copy strong{display:block;margin-top:9px;color:#fff;font-size:clamp(30px,2.7vw,44px);line-height:.95;font-weight:950;letter-spacing:-.065em}
#ysgp-portal-root .ysgp-partner-reward-copy p{margin:10px 0 0;color:#6f859f;font-size:12px;line-height:1.45}
#ysgp-portal-root .ysgp-partner-dashboard-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
#ysgp-portal-root .ysgp-partner-growth-list{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:13px}
#ysgp-portal-root .ysgp-partner-growth-item{display:flex;gap:13px;align-items:flex-start;min-height:112px;padding:17px;border-radius:24px;background:rgba(3,12,24,.64);border:1px solid rgba(143,166,189,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,background .22s ease}
#ysgp-portal-root .ysgp-partner-growth-item:hover{transform:translateY(-3px);border-color:rgba(0,230,255,.18);background:rgba(8,24,39,.72)}
#ysgp-portal-root .ysgp-partner-growth-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:17px;background:linear-gradient(145deg,rgba(0,230,255,.14),rgba(22,119,255,.08));color:#8df8ff;border:1px solid rgba(0,230,255,.18)}
#ysgp-portal-root .ysgp-partner-growth-item span{display:block;color:#8fa6bd;font-size:9px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-growth-item strong{display:block;margin-top:7px;color:#fff;font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.045em;word-break:break-word}
#ysgp-portal-root .ysgp-partner-growth-item p{margin:8px 0 0;color:#637a95;font-size:11px;line-height:1.42}
#ysgp-portal-root .ysgp-partner-referral-tools{background:linear-gradient(145deg,rgba(8,24,39,.72),rgba(4,10,20,.88)),radial-gradient(circle at 100% 12%,rgba(0,230,255,.12),transparent 36%)!important}
#ysgp-portal-root .ysgp-partner-links-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px!important;margin:0!important}
#ysgp-portal-root .ysgp-partner-tool-card{padding:24px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(11,32,51,.92),rgba(3,10,20,.88))!important;border-color:rgba(0,230,255,.15)!important}
#ysgp-portal-root .ysgp-partner-tool-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
#ysgp-portal-root .ysgp-partner-tool-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:20px;background:linear-gradient(145deg,rgba(0,230,255,.18),rgba(22,119,255,.08));border:1px solid rgba(0,230,255,.22);color:#9ff9ff;box-shadow:0 0 32px rgba(0,230,255,.11)}
#ysgp-portal-root .ysgp-partner-tool-secure{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.20);color:#b7f9d1;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
#ysgp-portal-root .ysgp-partner-ref-card-head{margin-bottom:14px!important}
#ysgp-portal-root .ysgp-partner-ref-card-head h3{font-size:22px!important;color:#fff!important;letter-spacing:-.045em!important}
#ysgp-portal-root .ysgp-partner-ref-url{display:flex!important;align-items:center!important;min-height:58px!important;border-radius:20px!important;background:rgba(2,8,18,.82)!important;border:1px solid rgba(0,230,255,.14)!important;color:#c9fbff!important;font-size:12px!important;line-height:1.45;overflow:hidden!important}
#ysgp-portal-root .ysgp-partner-ref-url span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}
#ysgp-portal-root .ysgp-partner-secondary-btn,#ysgp-portal-root .ysgp-partner-exit-btn.is-inline,#ysgp-portal-root .ysgp-partner-code-pill,#ysgp-portal-root .ysgp-partner-logout-btn{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease,background .2s ease!important}
#ysgp-portal-root .ysgp-partner-secondary-btn:hover,#ysgp-portal-root .ysgp-partner-exit-btn.is-inline:hover,#ysgp-portal-root .ysgp-partner-code-pill:hover,#ysgp-portal-root .ysgp-partner-logout-btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(0,230,255,.10)!important}
#ysgp-portal-root .ysgp-partner-foundation-panel{margin:0!important;background:linear-gradient(145deg,rgba(11,32,51,.74),rgba(4,11,22,.88)),radial-gradient(circle at 90% 12%,rgba(139,92,246,.11),transparent 36%)!important}
#ysgp-portal-root .ysgp-partner-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;position:relative;z-index:1}
#ysgp-portal-root .ysgp-partner-profile-grid div{min-height:88px!important;padding:18px!important;border-radius:22px!important;background:rgba(2,8,18,.66)!important;border:1px solid rgba(143,166,189,.10)!important}
#ysgp-portal-root .ysgp-partner-profile-grid span{font-size:9px!important;color:#8fa6bd!important;letter-spacing:.2em!important}
#ysgp-portal-root .ysgp-partner-profile-grid strong{font-size:14px!important;color:#f8fbff!important;line-height:1.35;overflow-wrap:anywhere!important}
#ysgp-portal-root .ysgp-partner-page-head{border-radius:34px!important;background:linear-gradient(135deg,rgba(11,32,51,.84),rgba(4,11,22,.86)),radial-gradient(circle at 82% 18%,rgba(0,230,255,.13),transparent 36%)!important}
#ysgp-portal-root .ysgp-partner-empty-card,#ysgp-portal-root .ysgp-partner-ready-strip{background:linear-gradient(145deg,rgba(11,32,51,.76),rgba(4,11,22,.88))!important;border-color:rgba(143,166,189,.12)!important}
@keyframes ysgpPartnerSoftPulse{from{opacity:.56;transform:translate3d(0,0,0) scale(.94)}to{opacity:.95;transform:translate3d(-16px,18px,0) scale(1.08)}}
@media (max-width:1280px){
  #ysgp-portal-root .ysgp-partner-rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #ysgp-portal-root .ysgp-partner-dashboard-split{grid-template-columns:1fr!important}
}
@media (max-width:980px){
  #ysgp-portal-root .ysgp-partner-app-shell{display:block!important;height:auto!important;min-height:100dvh!important;overflow:auto!important}
  #ysgp-portal-root .ysgp-partner-sidebar{position:relative!important;height:auto!important;overflow:visible!important;padding:16px!important}
  #ysgp-portal-root .ysgp-partner-command-hero{flex-direction:column!important;padding:26px!important;border-radius:30px!important}
  #ysgp-portal-root .ysgp-partner-hero-actions-wrap{align-items:flex-start!important;min-width:0!important;width:100%!important}
  #ysgp-portal-root .ysgp-partner-page-actions.is-hero{justify-content:flex-start!important}
  #ysgp-portal-root .ysgp-partner-section-head{align-items:flex-start!important;flex-direction:column!important}
  #ysgp-portal-root .ysgp-partner-section-head p{text-align:left!important;max-width:100%!important}
  #ysgp-portal-root .ysgp-partner-links-grid{grid-template-columns:1fr!important}
}
@media (max-width:720px){
  #ysgp-portal-root .ysgp-partner-main{padding:16px 12px!important}
  #ysgp-portal-root .ysgp-partner-command-layout{gap:16px!important}
  #ysgp-portal-root .ysgp-partner-command-hero,#ysgp-portal-root .ysgp-partner-dashboard-section,#ysgp-portal-root .ysgp-partner-growth-panel,#ysgp-portal-root .ysgp-partner-foundation-panel{border-radius:24px!important;padding:20px!important}
  #ysgp-portal-root .ysgp-partner-command-copy h2{font-size:40px!important}
  #ysgp-portal-root .ysgp-partner-command-copy p{font-size:13px!important}
  #ysgp-portal-root .ysgp-partner-command-badges{gap:8px!important}
  #ysgp-portal-root .ysgp-partner-rewards-grid,#ysgp-portal-root .ysgp-partner-growth-list,#ysgp-portal-root .ysgp-partner-profile-grid{grid-template-columns:1fr!important}
  #ysgp-portal-root .ysgp-partner-reward-tile{min-height:158px!important;border-radius:24px!important}
  #ysgp-portal-root .ysgp-partner-page-actions.is-hero{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  #ysgp-portal-root .ysgp-partner-page-actions.is-hero form,#ysgp-portal-root .ysgp-partner-page-actions.is-hero button,#ysgp-portal-root .ysgp-partner-page-actions.is-hero .ysgp-partner-code-pill{width:100%!important;justify-content:center!important}
  #ysgp-portal-root .ysgp-partner-nav{display:block!important}
}

/* v21.2.54 - Partner Portal glass white/navy product redesign (frontend only) */
.ysgp-partner-app-shell-v3,
.ysgp-partner-auth-shell-v2 {
  --partner-bg-1: #04111f;
  --partner-bg-2: #081728;
  --partner-surface: rgba(255,255,255,0.07);
  --partner-surface-2: rgba(255,255,255,0.11);
  --partner-border: rgba(255,255,255,0.14);
  --partner-border-soft: rgba(255,255,255,0.08);
  --partner-text: #f8fbff;
  --partner-muted: #95a8bf;
  --partner-cyan: #57e8ff;
  --partner-blue: #2f8cff;
  --partner-indigo: #6f7dff;
  --partner-green: #2fe38a;
  --partner-shadow: 0 28px 70px rgba(2, 10, 25, 0.45);
}
.ysgp-partner-app-shell-v3 {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(87,232,255,.15), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(47,140,255,.16), transparent 28%),
    radial-gradient(circle at 75% 75%, rgba(111,125,255,.12), transparent 24%),
    linear-gradient(145deg, #05101d 0%, #061423 40%, #03111d 100%);
  color: var(--partner-text);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-app-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.4), transparent 80%);
  opacity: .25;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 24px 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-right: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  backdrop-filter: blur(22px);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-sidebar-top { display: grid; gap: 16px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-brand {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--partner-shadow);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-mark,
.ysgp-partner-auth-shell-v2 .ysgp-partner-mark {
  width: 46px; height: 46px; border-radius: 16px; display: grid; place-items: center;
  color: #042030;
  background: linear-gradient(145deg, #ffffff 0%, #c4efff 45%, #63cfff 100%);
  box-shadow: 0 8px 26px rgba(87,232,255,.35);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-brand strong,
.ysgp-partner-auth-shell-v2 .ysgp-partner-brand strong {
  display: block; font-size: 1.16rem; letter-spacing: .12em; color: #fff;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-brand span,
.ysgp-partner-auth-shell-v2 .ysgp-partner-brand span {
  display: block; color: #b8cadb; font-size: .82rem; letter-spacing: .18em; text-transform: uppercase;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-profile-v3 {
  display: grid; grid-template-columns: 70px 1fr; gap: 14px; align-items: center;
  padding: 16px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: var(--partner-shadow);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-avatar-wrap { position: relative; }
.ysgp-partner-app-shell-v3 .ysgp-partner-avatar {
  width: 62px; height: 62px; border-radius: 20px; display: grid; place-items: center;
  font-size: 1.7rem; font-weight: 800; color: #04111f;
  background: linear-gradient(145deg, #ffffff 0%, #c0f4ff 42%, #4bcdf9 100%);
  box-shadow: 0 12px 30px rgba(0, 225, 255, .24);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-presence {
  position: absolute; right: 2px; bottom: 2px; width: 14px; height: 14px; border-radius: 999px;
  background: #6c7c92; border: 3px solid #0b1830;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-presence.is-active { background: #1fe48b; box-shadow: 0 0 0 4px rgba(31,228,139,.16); }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-profile-body { min-width: 0; display: grid; gap: 6px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-profile-body strong { font-size: 1rem; color: #fff; line-height: 1.1; }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-email { color: var(--partner-muted); font-size: .82rem; overflow-wrap: anywhere; }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-badges em,
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-badges b {
  font-style: normal; font-weight: 700; font-size: .68rem; line-height: 1; letter-spacing: .14em; text-transform: uppercase;
  padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-badges em { background: rgba(87,232,255,.12); color: #dffbff; }
.ysgp-partner-app-shell-v3 .ysgp-partner-mini-badges b { background: rgba(47,227,138,.14); color: #dffff1; }
.ysgp-partner-app-shell-v3 .ysgp-partner-nav {
  display: flex; flex-direction: column; gap: 8px; min-height: 0; overflow-y: auto;
  padding-right: 4px;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-label {
  margin: 10px 10px 6px; font-size: .69rem; letter-spacing: .22em; text-transform: uppercase; color: #7f94ab;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn,
.ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle {
  width: 100%; border: 0; cursor: pointer; display: flex; align-items: center; gap: 12px;
  padding: 13px 14px; border-radius: 16px; color: #dbe8f5; background: transparent;
  transition: all .24s ease;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle { justify-content: space-between; }
.ysgp-partner-app-shell-v3 .ysgp-partner-network-main { display: inline-flex; align-items: center; gap: 12px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-icon {
  width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); color: #bfefff; flex: 0 0 auto;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn:hover,
.ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle:hover {
  background: rgba(255,255,255,.06); transform: translateX(2px);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn.active,
.ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle.active,
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-group.active > .ysgp-partner-network-toggle {
  background: linear-gradient(135deg, rgba(255,255,255,.15), rgba(87,232,255,.11));
  color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.18);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn.active .ysgp-partner-nav-icon,
.ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle.active .ysgp-partner-nav-icon {
  background: linear-gradient(135deg, #ffffff, #9be9ff); color: #082033;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-subnav {
  display: grid; gap: 6px; max-height: 0; overflow: hidden; padding-left: 12px; transition: all .28s ease;
}
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-group.is-open .ysgp-partner-subnav { max-height: 260px; margin-top: 6px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-network-chevron { transition: transform .28s ease; color: #91a6bc; }
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-group.is-open .ysgp-partner-network-chevron { transform: rotate(90deg); }
.ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn.is-nested {
  margin-left: 12px; padding: 11px 14px; font-size: .95rem; border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-main { min-width: 0; padding: 28px; position: relative; }
.ysgp-partner-app-shell-v3 .ysgp-partner-content { display: grid; gap: 24px; }
.ysgp-partner-product-dashboard { display: grid; gap: 24px; }
.ysgp-partner-dashboard-hero-v3 {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr); gap: 26px;
  padding: 34px; border-radius: 32px; border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 0% 20%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.05) 40%, rgba(72,155,255,.12) 100%);
  box-shadow: var(--partner-shadow);
}
.ysgp-partner-dashboard-hero-v3:before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.14) 22%, transparent 44%);
  opacity:.35; transform: translateX(-60%); animation: ysgpPartnerSweep 8s linear infinite;
}
@keyframes ysgpPartnerSweep { to { transform: translateX(180%);} }
.ysgp-partner-dashboard-hero-v3 .ysgp-partner-hero-mesh {
  position:absolute; inset:0; pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 24px 24px; opacity: .18; mask-image: radial-gradient(circle at 25% 30%, black, transparent 85%);
}
.ysgp-partner-hero-copy-v3,
.ysgp-partner-hero-side-v3 { position: relative; z-index: 1; }
.ysgp-partner-hero-kicker {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15);
  color: #d7f8ff; letter-spacing: .16em; text-transform: uppercase; font-size: .7rem; font-weight: 800;
}
.ysgp-partner-dashboard-hero-v3 h1 {
  margin: 18px 0 12px; font-size: clamp(2.5rem, 6vw, 4.8rem); line-height: .95; letter-spacing: -.05em;
  color: #fff; max-width: 8ch;
}
.ysgp-partner-dashboard-hero-v3 p { color: #bdd0e3; max-width: 620px; font-size: 1.04rem; line-height: 1.75; }
.ysgp-partner-chip-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ysgp-partner-info-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 999px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #fff; font-weight: 700;
}
.ysgp-partner-info-chip.success { background: rgba(47,227,138,.14); color: #eafff2; }
.ysgp-partner-hero-side-v3 { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 18px; }
.ysgp-partner-page-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.ysgp-partner-app-shell-v3 .ysgp-partner-exit-btn.is-inline,
.ysgp-partner-app-shell-v3 .ysgp-partner-code-pill,
.ysgp-partner-app-shell-v3 .ysgp-partner-logout-btn,
.ysgp-partner-app-shell-v3 .ysgp-partner-secondary-btn,
.ysgp-partner-app-shell-v3 .ysgp-partner-copy-chip,
.ysgp-partner-auth-shell-v2 .ysgp-partner-primary-btn,
.ysgp-partner-auth-shell-v2 .ysgp-partner-exit-btn {
  border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); color: #fff;
  border-radius: 16px; padding: 12px 15px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px;
  transition: all .24s ease; backdrop-filter: blur(18px);
}
.ysgp-partner-app-shell-v3 .ysgp-partner-code-pill strong { letter-spacing: .08em; }
.ysgp-partner-app-shell-v3 .ysgp-partner-exit-btn.is-inline:hover,
.ysgp-partner-app-shell-v3 .ysgp-partner-code-pill:hover,
.ysgp-partner-app-shell-v3 .ysgp-partner-logout-btn:hover,
.ysgp-partner-app-shell-v3 .ysgp-partner-secondary-btn:hover,
.ysgp-partner-app-shell-v3 .ysgp-partner-copy-chip:hover,
.ysgp-partner-auth-shell-v2 .ysgp-partner-primary-btn:hover,
.ysgp-partner-auth-shell-v2 .ysgp-partner-exit-btn:hover {
  transform: translateY(-2px); box-shadow: 0 16px 28px rgba(0,0,0,.18), 0 0 0 1px rgba(87,232,255,.16) inset;
}
.ysgp-partner-hero-side-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ysgp-partner-side-mini-card {
  padding: 18px; border-radius: 24px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--partner-shadow);
}
.ysgp-partner-side-mini-card.soft { background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(87,232,255,.08)); }
.ysgp-partner-side-mini-card span { display: block; color: #8da5be; letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; margin-bottom: 10px; }
.ysgp-partner-side-mini-card strong { font-size: 1.4rem; color: #fff; }
.ysgp-partner-overview-layout,
.ysgp-partner-lower-layout {
  display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .95fr); gap: 22px;
}
.ysgp-partner-premium-card,
.ysgp-partner-module-page-v3 .ysgp-partner-empty-card,
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip,
.ysgp-partner-page-head-v2 {
  position: relative; overflow: hidden;
  border-radius: 28px; border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(160deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.05) 55%, rgba(255,255,255,.04) 100%);
  box-shadow: var(--partner-shadow);
}
.ysgp-partner-premium-card { padding: 26px; }
.ysgp-partner-premium-card:before,
.ysgp-partner-page-head-v2:before,
.ysgp-partner-module-page-v3 .ysgp-partner-empty-card:before,
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip:before {
  content: ""; position: absolute; inset: auto -20% -45% auto; width: 220px; height: 220px; border-radius: 999px;
  background: radial-gradient(circle, rgba(87,232,255,.14), transparent 60%); pointer-events: none;
}
.ysgp-partner-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.ysgp-partner-section-head span,
.ysgp-partner-page-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; color: #87e9ff; font-size: .74rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 800;
}
.ysgp-partner-section-head h3,
.ysgp-partner-page-head-v2 h2 { margin: 8px 0 0; color: #fff; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; }
.ysgp-partner-section-head p,
.ysgp-partner-page-head-v2 p { color: #93a9c0; max-width: 440px; line-height: 1.7; }
.ysgp-partner-page-head-v2 { padding: 28px; display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.ysgp-partner-metrics-grid.is-showcase { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.ysgp-partner-metric-card {
  padding: 22px; border-radius: 24px; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.12); transition: transform .22s ease, box-shadow .22s ease;
}
.ysgp-partner-metric-card:hover,
.ysgp-partner-tool-card:hover,
.ysgp-partner-foundation-item:hover,
.ysgp-partner-empty-card:hover { transform: translateY(-4px); box-shadow: 0 22px 36px rgba(0,0,0,.18); }
.ysgp-partner-metric-card.cyan { background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(87,232,255,.12)); }
.ysgp-partner-metric-card.mint { background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(47,227,138,.1)); }
.ysgp-partner-metric-card.indigo { background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(47,140,255,.12)); }
.ysgp-partner-metric-card.violet { background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(139,92,246,.12)); }
.ysgp-partner-metric-top { display: flex; align-items: center; gap: 12px; color: #a7bdd1; text-transform: uppercase; letter-spacing: .14em; font-size: .74rem; font-weight: 800; }
.ysgp-partner-metric-icon,
.ysgp-partner-foundation-icon,
.ysgp-partner-tool-icon,
.ysgp-partner-empty-card-icon {
  width: 46px; height: 46px; border-radius: 16px; display: grid; place-items: center;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(87,232,255,.1));
  border: 1px solid rgba(255,255,255,.14); color: #fff;
}
.ysgp-partner-metric-card strong { font-size: clamp(2rem, 4vw, 3rem); line-height: 1; color: #fff; }
.ysgp-partner-metric-card p { color: #90a4b9; margin: 0; }
.ysgp-partner-growth-stack,
.ysgp-partner-foundation-grid { display: grid; gap: 14px; }
.ysgp-partner-foundation-item {
  display: grid; grid-template-columns: 46px 1fr; gap: 14px; align-items: center; padding: 16px 18px;
  border-radius: 20px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06);
  transition: all .22s ease;
}
.ysgp-partner-foundation-item span { display: block; color: #8da6bc; font-size: .75rem; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 5px; }
.ysgp-partner-foundation-item strong { display: block; color: #fff; font-size: 1.05rem; line-height: 1.35; overflow-wrap: anywhere; }
.ysgp-partner-links-grid.is-premium { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.ysgp-partner-tool-card { padding: 22px; border-radius: 24px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); transition: all .22s ease; }
.ysgp-partner-tool-card.cyan { background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(87,232,255,.08)); }
.ysgp-partner-tool-card.indigo { background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(47,140,255,.08)); }
.ysgp-partner-tool-topline,
.ysgp-partner-ref-card-head,
.ysgp-partner-ref-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ysgp-partner-tool-topline { margin-bottom: 18px; }
.ysgp-partner-tool-secure {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.08); color: #d9f8ff; font-size: .72rem; border: 1px solid rgba(255,255,255,.11);
}
.ysgp-partner-ref-card-head span { display: block; color: #8ba7c2; font-size: .75rem; text-transform: uppercase; letter-spacing: .16em; margin-bottom: 6px; }
.ysgp-partner-ref-card-head h3 { margin: 0; color: #fff; font-size: 1.35rem; }
.ysgp-partner-copy-chip { padding: 10px 12px; font-size: .86rem; }
.ysgp-partner-ref-url {
  margin: 18px 0; border-radius: 18px; padding: 14px 16px; color: #dff6ff; background: rgba(4,11,22,.38); border: 1px solid rgba(255,255,255,.1); overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ysgp-partner-ref-url span { display: block; white-space: nowrap; min-width: max-content; }
.ysgp-partner-module-page-v3 { display: grid; gap: 20px; }
.ysgp-partner-module-page-v3 .ysgp-partner-empty-grid.is-premium { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.ysgp-partner-module-page-v3 .ysgp-partner-empty-card { padding: 24px; }
.ysgp-partner-module-page-v3 .ysgp-partner-empty-card h3 { margin: 18px 0 8px; color: #fff; font-size: 1.2rem; }
.ysgp-partner-module-page-v3 .ysgp-partner-empty-card p,
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip p { color: #95a8bf; line-height: 1.7; }
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip { padding: 22px 24px; }
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip span { display: block; color: #87e9ff; text-transform: uppercase; font-size: .74rem; letter-spacing: .18em; margin-bottom: 10px; }
.ysgp-partner-module-page-v3 .ysgp-partner-ready-strip strong { display:block; color:#fff; font-size:1.3rem; margin-bottom:6px; }
.ysgp-partner-app-shell-v3 .ysgp-partner-message,
.ysgp-partner-auth-shell-v2 .ysgp-partner-message {
  border-radius: 18px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.08); color: #fff;
}

/* Auth polish aligned with new glass direction */
.ysgp-partner-auth-shell-v2 {
  min-height: 100vh;
  position: relative;
  background:
    radial-gradient(circle at 18% 12%, rgba(87,232,255,.15), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(47,140,255,.16), transparent 24%),
    linear-gradient(145deg, #05111f 0%, #081729 100%);
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 32px 32px; opacity: .3;
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-grid {
  position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 24px;
  width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 110px 0 50px;
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-hero-panel,
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-card {
  border-radius: 30px; padding: 28px; border: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.05)); box-shadow: var(--partner-shadow);
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-exit-btn { position: absolute; top: 28px; right: 28px; z-index: 2; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-hero-copy h1 { margin: 18px 0 14px; color: #fff; font-size: clamp(2.6rem, 5vw, 4.5rem); line-height: .97; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-hero-copy p,
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-head p { color: #93a8bf; line-height: 1.7; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-kicker { display: inline-flex; gap: 8px; align-items: center; color: #8defff; font-size: .74rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 800; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 30px; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-feature-card {
  padding: 18px; border-radius: 22px; border: 1px solid rgba(255,255,255,.11); background: rgba(255,255,255,.06); display: grid; gap: 10px;
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-feature-card strong { color: #fff; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-feature-card span { color: #91a8bf; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-head span,
.ysgp-partner-auth-shell-v2 .ysgp-partner-auth-head h2 { color: #fff; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-tabs { background: rgba(255,255,255,.06); border-radius: 18px; padding: 6px; gap: 6px; display: grid; grid-template-columns: repeat(2,1fr); }
.ysgp-partner-auth-shell-v2 .ysgp-partner-tabs button { border: 0; background: transparent; color: #a9bdd0; border-radius: 14px; padding: 12px; font-weight: 700; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-tabs button.active { background: rgba(255,255,255,.12); color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.12); }
.ysgp-partner-auth-shell-v2 .ysgp-partner-form { display: grid; gap: 16px; margin-top: 18px; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-field span,
.ysgp-partner-auth-shell-v2 .ysgp-partner-check { color: #c8d7e7; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-field input,
.ysgp-partner-auth-shell-v2 .ysgp-partner-field select {
  width: 100%; border-radius: 16px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07); color: #fff; outline: none;
}
.ysgp-partner-auth-shell-v2 .ysgp-partner-field input::placeholder { color: #90a4ba; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-field input:focus,
.ysgp-partner-auth-shell-v2 .ysgp-partner-field select:focus { border-color: rgba(87,232,255,.45); box-shadow: 0 0 0 4px rgba(87,232,255,.12); }
.ysgp-partner-auth-shell-v2 .ysgp-partner-select-field select option { color: #09131f; }
.ysgp-partner-auth-shell-v2 .ysgp-partner-ref-note { margin-top: 12px; }

@media (max-width: 1180px) {
  .ysgp-partner-dashboard-hero-v3,
  .ysgp-partner-overview-layout,
  .ysgp-partner-lower-layout,
  .ysgp-partner-auth-shell-v2 .ysgp-partner-auth-grid { grid-template-columns: 1fr; }
  .ysgp-partner-page-actions { justify-content: flex-start; }
  .ysgp-partner-side-mini-card strong { font-size: 1.2rem; }
}
@media (max-width: 920px) {
  .ysgp-partner-app-shell-v3 { grid-template-columns: 1fr; }
  .ysgp-partner-app-shell-v3 .ysgp-partner-sidebar { position: relative; height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .ysgp-partner-app-shell-v3 .ysgp-partner-main { padding: 18px; }
  .ysgp-partner-dashboard-hero-v3 { padding: 24px; }
  .ysgp-partner-links-grid.is-premium,
  .ysgp-partner-metrics-grid.is-showcase,
  .ysgp-partner-module-page-v3 .ysgp-partner-empty-grid.is-premium,
  .ysgp-partner-auth-shell-v2 .ysgp-partner-feature-grid,
  .ysgp-partner-hero-side-panels { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ysgp-partner-app-shell-v3 .ysgp-partner-sidebar { padding: 16px 14px; }
  .ysgp-partner-app-shell-v3 .ysgp-partner-mini-profile-v3 { grid-template-columns: 56px 1fr; }
  .ysgp-partner-app-shell-v3 .ysgp-partner-avatar { width: 56px; height: 56px; font-size: 1.45rem; border-radius: 18px; }
  .ysgp-partner-app-shell-v3 .ysgp-partner-nav-btn,
  .ysgp-partner-app-shell-v3 .ysgp-partner-network-toggle { padding: 11px 12px; }
  .ysgp-partner-dashboard-hero-v3 h1 { max-width: none; }
  .ysgp-partner-premium-card,
  .ysgp-partner-page-head-v2,
  .ysgp-partner-auth-shell-v2 .ysgp-partner-hero-panel,
  .ysgp-partner-auth-shell-v2 .ysgp-partner-auth-card { padding: 20px; border-radius: 24px; }
  .ysgp-partner-page-actions { width: 100%; }
  .ysgp-partner-page-actions > * { flex: 1 1 100%; }
  .ysgp-partner-page-actions form { width: 100%; }
  .ysgp-partner-page-actions button,
  .ysgp-partner-page-actions .ysgp-partner-code-pill { width: 100%; justify-content: center; }
  .ysgp-partner-auth-shell-v2 .ysgp-partner-auth-grid { width: min(100% - 24px, 1180px); padding-top: 88px; }
  .ysgp-partner-auth-shell-v2 .ysgp-partner-exit-btn { top: 16px; right: 12px; }
}

/* =========================================================
   YS Partner Program - Clean Partner Rewards Dashboard / Ascend 3.4
   Scoped to Partner Hub only. Does not affect the main portal.
   ========================================================= */
body .ysgp-shell-partner-mode{background:#eef3f9!important;color:#172033!important;}
.ysgp-shell-partner-mode .ysgp-fullscreen-root{background:#eef3f9!important;}
.ysgp-partner-host-main{background:#eef3f9!important;}
.ysgp-partner-program-shell{min-height:100dvh;width:100%;display:flex;background:#eef3f9;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;}
.ysgp-partner-program-shell *{box-sizing:border-box;}
.ysgp-partner-program-sidebar{width:282px;min-width:282px;background:#ffffff;border-right:1px solid #dce5f1;display:flex;flex-direction:column;padding:22px 18px;box-shadow:8px 0 30px rgba(28,44,68,.05);z-index:3;}
.ysgp-partner-program-brand{display:flex;align-items:center;gap:12px;padding:8px 6px 22px;border-bottom:1px solid #e6edf5;margin-bottom:18px;}
.ysgp-partner-program-brand>div{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#102a56,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.05em;box-shadow:0 10px 20px rgba(37,99,235,.2);}
.ysgp-partner-program-brand strong{display:block;color:#111827;font-size:14px;line-height:1.15;}
.ysgp-partner-program-brand span{display:block;color:#64748b;font-size:11px;font-weight:700;margin-top:3px;}
.ysgp-partner-program-nav{flex:1;overflow:auto;padding-right:2px;}
.ysgp-partner-program-side-section{margin-bottom:18px;}
.ysgp-partner-program-side-section>small{display:block;margin:0 0 8px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8;font-weight:900;}
.ysgp-partner-program-nav-btn,.ysgp-partner-program-network>button{width:100%;height:42px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#475569;font-weight:800;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;}
.ysgp-partner-program-nav-btn span,.ysgp-partner-program-network>button span{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#2563eb;transition:all .18s ease;}
.ysgp-partner-program-nav-btn em,.ysgp-partner-program-network>button em{font-style:normal;font-size:13px;}
.ysgp-partner-program-nav-btn:hover,.ysgp-partner-program-network>button:hover{background:#f1f6ff;color:#0f172a;transform:translateX(2px);}
.ysgp-partner-program-nav-btn.active{background:#e9f1ff;color:#0f3c8a;box-shadow:inset 3px 0 0 #2563eb;}
.ysgp-partner-program-nav-btn.active span{background:#2563eb;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.22);}
.ysgp-partner-program-nav-btn.is-nested{height:36px;margin-left:16px;width:calc(100% - 16px);font-size:12px;}
.ysgp-partner-program-nav-btn.is-nested span{width:24px;height:24px;border-radius:8px;}
.ysgp-partner-program-network{border-radius:14px;overflow:hidden;}
.ysgp-partner-program-network>button svg:last-child{margin-left:auto;transition:transform .2s ease;}
.ysgp-partner-program-network.is-open>button svg:last-child{transform:rotate(180deg);}
.ysgp-partner-program-network>div{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-top:0;}
.ysgp-partner-program-network.is-open>div{max-height:150px;padding-top:4px;}
.ysgp-partner-program-profile{display:flex;gap:10px;align-items:center;padding:14px 10px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;}
.ysgp-partner-program-profile>div{width:38px;height:38px;border-radius:12px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;}
.ysgp-partner-program-profile strong{display:block;font-size:13px;color:#0f172a;max-width:172px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-partner-program-profile span{display:block;font-size:11px;color:#64748b;max-width:172px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.ysgp-partner-program-profile em{display:block;font-style:normal;font-size:10px;color:#2563eb;font-weight:800;margin-top:3px;}
.ysgp-partner-program-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f7faff 0%,#eef3f9 100%);}
.ysgp-partner-program-topbar{height:82px;min-height:82px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid #dfe7f2;display:flex;align-items:center;justify-content:space-between;padding:0 30px;}
.ysgp-partner-program-topbar span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-weight:900;margin-bottom:4px;}
.ysgp-partner-program-topbar h1{font-size:23px;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.04em;}
.ysgp-partner-program-top-actions{display:flex;gap:10px;align-items:center;}
.ysgp-partner-program-light-btn,.ysgp-partner-program-danger-btn,.ysgp-partner-program-primary,.ysgp-partner-program-primary-link{height:40px;border-radius:12px;border:1px solid #dbe5f0;background:#fff;color:#334155;font-weight:900;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;text-decoration:none;transition:all .18s ease;}
.ysgp-partner-program-light-btn:hover,.ysgp-partner-program-primary-link:hover{border-color:#2563eb;color:#174ea6;box-shadow:0 10px 24px rgba(37,99,235,.12);transform:translateY(-1px);}
.ysgp-partner-program-danger-btn{color:#b91c1c;background:#fff5f5;border-color:#fecaca;}
.ysgp-partner-program-danger-btn:hover{background:#fee2e2;}
.ysgp-partner-program-primary,.ysgp-partner-program-primary-link{background:#174ea6;border-color:#174ea6;color:#fff;box-shadow:0 12px 22px rgba(23,78,166,.16);}
.ysgp-partner-program-primary:hover{background:#0f3c8a;transform:translateY(-1px);}
.ysgp-partner-program-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.ysgp-partner-program-page{padding:28px;overflow:auto;display:flex;flex-direction:column;gap:20px;}
.ysgp-partner-program-welcome{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:stretch;background:#fff;border:1px solid #dfe7f2;border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.05);}
.ysgp-partner-program-welcome-copy>span{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#2563eb;font-weight:900;margin-bottom:8px;}
.ysgp-partner-program-welcome h2{font-size:30px;line-height:1.08;color:#0f172a;margin:0 0 8px;font-weight:950;letter-spacing:-.05em;}
.ysgp-partner-program-welcome-profile{display:flex;align-items:center;gap:16px;min-width:0;}
.ysgp-partner-program-welcome-copy{min-width:0;}
.ysgp-partner-program-welcome-avatar{flex:0 0 auto;border:4px solid #e7f5ff;background:#eaf3ff;box-shadow:0 18px 36px rgba(23,78,166,.16),0 0 0 8px rgba(0,229,255,.10);}
.ysgp-partner-program-welcome-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.ysgp-partner-program-welcome-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;}
.ysgp-partner-program-welcome-badges em{font-style:normal;border-radius:999px;background:#eef6ff;border:1px solid #dbeafe;color:#174ea6;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;line-height:1;}
.ysgp-partner-program-welcome aside{border-radius:18px;background:linear-gradient(135deg,#0f172a,#174ea6);padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.ysgp-partner-program-welcome aside small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.75;font-weight:900;}
.ysgp-partner-program-welcome aside strong{font-size:24px;font-weight:950;margin:7px 0;letter-spacing:-.03em;}
.ysgp-partner-program-welcome aside em{font-style:normal;font-size:12px;color:#bfdbfe;font-weight:800;}
.ysgp-partner-program-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ysgp-partner-program-stat,.ysgp-partner-program-card{background:#fff;border:1px solid #dfe7f2;border-radius:20px;box-shadow:0 12px 28px rgba(15,23,42,.045);}
.ysgp-partner-program-stat{padding:16px;min-height:142px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.ysgp-partner-program-stat:hover,.ysgp-partner-program-card:hover{border-color:#c9d8eb;box-shadow:0 16px 34px rgba(15,23,42,.075);}
.ysgp-partner-program-stat-icon{width:38px;height:38px;border-radius:13px;background:#eef5ff;color:#174ea6;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.ysgp-partner-program-stat small{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.ysgp-partner-program-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:950;margin-top:5px;letter-spacing:-.04em;}
.ysgp-partner-program-stat em{display:block;font-style:normal;color:#64748b;font-size:11px;margin-top:5px;}
.ysgp-partner-program-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;}
.ysgp-partner-program-card{padding:20px;}
.ysgp-partner-program-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;}
.ysgp-partner-program-card-head>div{width:40px;height:40px;border-radius:14px;background:#eef5ff;color:#174ea6;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.ysgp-partner-program-card-head h2{margin:0;color:#0f172a;font-size:18px;font-weight:950;letter-spacing:-.03em;}
.ysgp-partner-program-card-head p{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.5;}
.ysgp-partner-program-progress{border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:15px;margin-bottom:14px;}
.ysgp-partner-program-progress>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
.ysgp-partner-program-progress strong{font-size:24px;font-weight:950;color:#0f172a;}
.ysgp-partner-program-progress span{color:#64748b;font-weight:800;font-size:12px;}
.ysgp-partner-program-progress>i,.ysgp-partner-program-req i{display:block;height:8px;border-radius:999px;background:#dbe7f5;overflow:hidden;}
.ysgp-partner-program-progress>i em,.ysgp-partner-program-req i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#174ea6,#22c55e);}
.ysgp-partner-program-req-list{display:grid;gap:10px;}
.ysgp-partner-program-req{display:grid;gap:7px;}
.ysgp-partner-program-req>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;}
.ysgp-partner-program-req span{color:#64748b;font-weight:800;}
.ysgp-partner-program-req b{color:#0f172a;}
.ysgp-partner-program-leg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ysgp-partner-program-leg-grid>div{border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:16px;}
.ysgp-partner-program-leg-grid small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;}
.ysgp-partner-program-leg-grid strong{display:block;color:#0f172a;font-size:24px;font-weight:950;margin:5px 0;}
.ysgp-partner-program-leg-grid span{color:#64748b;font-size:12px;font-weight:700;}
.ysgp-partner-program-ref-tools{background:linear-gradient(180deg,#ffffff,#f8fbff);}
.ysgp-partner-program-ref-grid{display:grid;gap:12px;}
.ysgp-partner-program-copy-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:12px;}
.ysgp-partner-program-copy-row small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:4px;}
.ysgp-partner-program-copy-row code{display:block;color:#0f172a;font-size:12px;word-break:break-all;background:transparent;}
.ysgp-partner-program-copy-row button{border:0;background:#174ea6;color:#fff;border-radius:12px;height:36px;padding:0 12px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;}
.ysgp-partner-program-package-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.ysgp-partner-program-package-links a{height:38px;border-radius:12px;background:#eef5ff;color:#174ea6;text-decoration:none;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d9e8ff;}
.ysgp-partner-program-package-links a:hover{background:#174ea6;color:#fff;}
.ysgp-partner-program-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:16px;}
.ysgp-partner-program-table{width:100%;border-collapse:collapse;font-size:12px;}
.ysgp-partner-program-table th{background:#f8fafc;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;text-align:left;padding:12px;font-weight:950;border-bottom:1px solid #e2e8f0;white-space:nowrap;}
.ysgp-partner-program-table td{padding:12px;color:#334155;border-bottom:1px solid #edf2f7;vertical-align:middle;}
.ysgp-partner-program-table tr:last-child td{border-bottom:0;}
.ysgp-partner-program-table code{background:#eef5ff;color:#174ea6;padding:3px 7px;border-radius:7px;font-weight:900;}
.ysgp-partner-program-status{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 9px;background:#eef2f7;color:#475569;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.ysgp-partner-program-status.available,.ysgp-partner-program-status.approved,.ysgp-partner-program-status.paid,.ysgp-partner-program-status.active,.ysgp-partner-program-status.confirmed{background:#dcfce7;color:#166534;}
.ysgp-partner-program-status.pending,.ysgp-partner-program-status.requested,.ysgp-partner-program-status.captured{background:#fef3c7;color:#92400e;}
.ysgp-partner-program-status.reversed,.ysgp-partner-program-status.rejected,.ysgp-partner-program-status.refunded,.ysgp-partner-program-status.chargeback{background:#fee2e2;color:#991b1b;}
.ysgp-partner-program-empty{border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;padding:28px;text-align:center;color:#64748b;}
.ysgp-partner-program-empty>div{width:52px;height:52px;margin:0 auto 14px;border-radius:18px;background:#eef5ff;color:#174ea6;display:flex;align-items:center;justify-content:center;}
.ysgp-partner-program-empty h3{font-size:17px;color:#0f172a;font-weight:950;margin:0 0 6px;}
.ysgp-partner-program-empty p{margin:0 auto;max-width:560px;font-size:13px;line-height:1.6;}
.ysgp-partner-program-tree-root{display:grid;gap:20px;}
.ysgp-partner-program-tree-me{margin:auto;padding:16px 26px;border-radius:18px;background:#0f172a;color:#fff;text-align:center;min-width:220px;}
.ysgp-partner-program-tree-me strong{display:block;font-size:16px;font-weight:950;}
.ysgp-partner-program-tree-me span{display:block;color:#bfdbfe;font-size:12px;margin-top:4px;}
.ysgp-partner-program-tree-grid,.ysgp-partner-program-tree-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ysgp-partner-program-tree-node,.ysgp-partner-program-tree-empty{border:1px solid #dfe7f2;border-radius:18px;background:#fff;padding:14px;text-align:center;min-height:110px;}
.ysgp-partner-program-tree-node>span,.ysgp-partner-program-tree-empty>span{display:inline-flex;border-radius:999px;background:#eef5ff;color:#174ea6;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;margin-bottom:10px;}
.ysgp-partner-program-tree-node strong{display:block;color:#0f172a;font-weight:950;}
.ysgp-partner-program-tree-node em,.ysgp-partner-program-tree-node small{display:block;font-style:normal;color:#64748b;font-size:11px;margin-top:4px;}
.ysgp-partner-program-tree-children{margin-top:12px;}
.ysgp-partner-program-tree-empty{border-style:dashed;background:#f8fafc;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ysgp-partner-program-tree-empty p{margin:0;color:#64748b;font-weight:800;}
.ysgp-partner-program-payout-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ysgp-partner-program-payout-form label{display:grid;gap:7px;}
.ysgp-partner-program-payout-form label.span-2{grid-column:span 2;}
.ysgp-partner-program-payout-form span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;}
.ysgp-partner-program-payout-form input,.ysgp-partner-program-payout-form select,.ysgp-partner-program-payout-form textarea{width:100%;border:1px solid #dbe5f0;border-radius:12px;background:#fff;color:#0f172a;padding:11px 12px;font-size:13px;outline:none;}
.ysgp-partner-program-payout-form textarea{min-height:88px;resize:vertical;}
.ysgp-partner-program-auth{min-height:100dvh;background:#eef3f9;display:flex;align-items:center;justify-content:center;padding:28px;color:#172033;position:relative;}
.ysgp-partner-program-back{position:absolute;top:24px;left:24px;border:1px solid #dbe5f0;background:#fff;color:#334155;border-radius:12px;height:40px;padding:0 13px;display:flex;gap:8px;align-items:center;font-weight:900;font-size:12px;cursor:pointer;}
.ysgp-partner-program-auth-card{width:min(1080px,100%);display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid #dfe7f2;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.12);overflow:hidden;}
.ysgp-partner-program-auth-info{background:linear-gradient(135deg,#0f172a,#174ea6);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:center;}
.ysgp-partner-program-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.ysgp-partner-program-logo strong{width:42px;height:42px;border-radius:14px;background:#fff;color:#174ea6;display:flex;align-items:center;justify-content:center;font-weight:950;}
.ysgp-partner-program-logo span{font-size:13px;font-weight:900;}
.ysgp-partner-program-auth-info h1{font-size:36px;line-height:1.05;font-weight:950;letter-spacing:-.06em;margin:0 0 14px;}
.ysgp-partner-program-auth-info p{font-size:14px;line-height:1.7;color:#dbeafe;margin:0;}
.ysgp-partner-program-proof{display:grid;gap:10px;margin-top:28px;}
.ysgp-partner-program-proof div{height:42px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:14px;padding:0 12px;display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:900;}
.ysgp-partner-program-auth-panel{padding:34px;}
.ysgp-partner-program-auth-head span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#174ea6;font-weight:950;}
.ysgp-partner-program-auth-head h2{font-size:26px;color:#0f172a;font-weight:950;margin:8px 0 5px;letter-spacing:-.04em;}
.ysgp-partner-program-auth-head p{color:#64748b;margin:0 0 18px;font-size:13px;}
.ysgp-partner-program-auth .ysgp-partner-tabs{background:#f1f5f9;border:1px solid #dfe7f2;border-radius:14px;padding:4px;margin-bottom:16px;display:flex;}
.ysgp-partner-program-auth .ysgp-partner-tabs button{flex:1;height:38px;border:0;border-radius:11px;background:transparent;color:#64748b;font-size:12px;font-weight:950;cursor:pointer;}
.ysgp-partner-program-auth .ysgp-partner-tabs button.active{background:#fff;color:#174ea6;box-shadow:0 4px 14px rgba(15,23,42,.08);}
.ysgp-partner-program-auth .ysgp-partner-field{display:grid;gap:7px;margin-bottom:12px;}
.ysgp-partner-program-auth .ysgp-partner-field span,.ysgp-partner-program-auth .ysgp-partner-check{color:#334155;}
.ysgp-partner-program-auth .ysgp-partner-field input,.ysgp-partner-program-auth .ysgp-partner-field select{height:44px;border:1px solid #dbe5f0;background:#fff;color:#0f172a;border-radius:12px;padding:0 12px;}
.ysgp-partner-program-auth .ysgp-partner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ysgp-partner-program-auth .ysgp-partner-checks{display:grid;gap:10px;margin:12px 0;}
.ysgp-partner-program-auth .ysgp-partner-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;}
.ysgp-partner-program-auth .ysgp-partner-check button{border:0;background:transparent;color:#174ea6;font-weight:900;text-decoration:underline;cursor:pointer;padding:0;}
.ysgp-partner-program-auth .ysgp-partner-primary-btn{width:100%;height:46px;border:0;border-radius:13px;background:#174ea6;color:#fff;font-size:13px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 14px 28px rgba(23,78,166,.18);}
.ysgp-partner-program-auth .ysgp-partner-login-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 14px;color:#64748b;font-size:12px;}
.ysgp-partner-program-auth .ysgp-partner-login-row a{color:#174ea6;font-weight:900;text-decoration:none;}
.ysgp-partner-program-modal .ysgp-partner-modal-card{background:#fff;color:#172033;border-color:#dfe7f2;}
.ysgp-partner-program-modal .ysgp-partner-modal-head{border-color:#dfe7f2;background:#f8fafc;color:#0f172a;}
@media (max-width:1100px){.ysgp-partner-program-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-partner-program-two-col,.ysgp-partner-program-welcome{grid-template-columns:1fr;}.ysgp-partner-program-sidebar{width:250px;min-width:250px;}}
@media (max-width:820px){.ysgp-partner-program-shell{flex-direction:column;overflow:auto;}.ysgp-partner-program-sidebar{width:100%;min-width:0;max-height:none;border-right:0;border-bottom:1px solid #dfe7f2;}.ysgp-partner-program-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;}.ysgp-partner-program-side-section{margin:0;}.ysgp-partner-program-profile{margin-top:14px;}.ysgp-partner-program-topbar{height:auto;min-height:0;padding:18px;align-items:flex-start;gap:12px;}.ysgp-partner-program-page{padding:18px;}.ysgp-partner-program-auth-card{grid-template-columns:1fr;}.ysgp-partner-program-auth-info{padding:32px;}.ysgp-partner-program-auth-panel{padding:24px;}}
@media (max-width:560px){.ysgp-partner-program-stats-grid,.ysgp-partner-program-leg-grid,.ysgp-partner-program-tree-grid,.ysgp-partner-program-payout-form,.ysgp-partner-program-auth .ysgp-partner-form-grid{grid-template-columns:1fr;}.ysgp-partner-program-payout-form label.span-2{grid-column:auto;}.ysgp-partner-program-topbar{flex-direction:column;}.ysgp-partner-program-top-actions{width:100%;}.ysgp-partner-program-top-actions>*{flex:1;}.ysgp-partner-program-light-btn,.ysgp-partner-program-danger-btn{width:100%;}.ysgp-partner-program-auth{padding:80px 14px 18px;}.ysgp-partner-program-back{top:18px;left:14px;}.ysgp-partner-program-auth-info h1{font-size:28px;}.ysgp-partner-program-copy-row{align-items:flex-start;flex-direction:column;}.ysgp-partner-program-copy-row button{width:100%;justify-content:center;}}

/* Partner Portal focused frontend polish: Dashboard + Affiliate Sales */
.ysgp-affiliate-page{gap:18px;}
.ysgp-affiliate-header{background:#fff;border:1px solid #dfe7f2;border-radius:22px;box-shadow:0 12px 28px rgba(15,23,42,.045);padding:22px 24px;}
.ysgp-affiliate-header span{display:inline-flex;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#174ea6;font-weight:950;margin-bottom:8px;}
.ysgp-affiliate-header h2{margin:0;color:#0f172a;font-size:28px;line-height:1.08;font-weight:950;letter-spacing:-.045em;}
.ysgp-affiliate-header p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.65;max-width:860px;}
.ysgp-affiliate-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
.ysgp-affiliate-link-card{background:linear-gradient(180deg,#ffffff,#f8fbff);}
.ysgp-affiliate-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dbe7f5;background:#f8fafc;border-radius:18px;padding:12px;}
.ysgp-affiliate-link-row code{display:block;color:#0f172a;font-size:13px;line-height:1.45;word-break:break-all;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;min-height:44px;}
.ysgp-affiliate-link-row>div{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.ysgp-affiliate-link-row button,.ysgp-affiliate-link-row a{height:42px;border-radius:13px;padding:0 14px;font-size:12px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap;}
.ysgp-affiliate-link-row button{border:0;background:#174ea6;color:#fff;cursor:pointer;}
.ysgp-affiliate-link-row button:disabled{opacity:.55;cursor:not-allowed;}
.ysgp-affiliate-link-row a{border:1px solid #d9e8ff;background:#eef5ff;color:#174ea6;}
.ysgp-affiliate-link-row a:hover{background:#174ea6;color:#fff;}
.ysgp-affiliate-sales-card .ysgp-partner-program-table{min-width:1080px;}
.ysgp-affiliate-customer{display:grid;gap:3px;min-width:160px;}
.ysgp-affiliate-customer strong{color:#0f172a;font-size:13px;font-weight:950;line-height:1.25;}
.ysgp-affiliate-customer small{color:#64748b;font-size:11px;word-break:break-word;}
.ysgp-affiliate-country{display:inline-flex;align-items:center;gap:7px;min-width:132px;color:#334155;font-weight:800;}
.ysgp-affiliate-country b{font-size:17px;line-height:1;}
.ysgp-affiliate-country span{white-space:normal;line-height:1.3;}
.ysgp-affiliate-sales-card .ysgp-partner-program-table td:nth-child(5),
.ysgp-affiliate-sales-card .ysgp-partner-program-table td:nth-child(6),
.ysgp-affiliate-sales-card .ysgp-partner-program-table td:nth-child(7),
.ysgp-affiliate-sales-card .ysgp-partner-program-table td:nth-child(8){font-weight:850;color:#0f172a;white-space:nowrap;}
.ysgp-partner-program-table td .ysgp-partner-program-empty{margin:4px;}
@media (max-width:1180px){.ysgp-affiliate-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:820px){.ysgp-affiliate-header{padding:20px;}.ysgp-affiliate-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-affiliate-link-row{grid-template-columns:1fr;}.ysgp-affiliate-link-row>div{justify-content:stretch;}.ysgp-affiliate-link-row button,.ysgp-affiliate-link-row a{flex:1;min-width:140px;}.ysgp-partner-program-table-wrap{-webkit-overflow-scrolling:touch;}}
@media (max-width:560px){.ysgp-affiliate-header h2{font-size:24px;}.ysgp-affiliate-summary-grid{grid-template-columns:1fr;}.ysgp-affiliate-link-row button,.ysgp-affiliate-link-row a{width:100%;flex:1 1 100%;}.ysgp-affiliate-sales-card .ysgp-partner-program-table{min-width:1040px;}.ysgp-affiliate-link-row code{font-size:12px;padding:11px;}}

/* v21.2.56 Partner Portal dashboard referral-tools correction */
.ysgp-dashboard-referral-tools .ysgp-partner-program-copy-row + .ysgp-partner-program-copy-row{margin-top:10px;}
.ysgp-dashboard-referral-tools .ysgp-partner-program-package-links{margin-top:14px;}
@media (max-width:560px){.ysgp-dashboard-referral-tools .ysgp-partner-program-package-links a{flex:1 1 100%;min-height:42px;}}

/* === YS Partner Program responsive foundation v21.2.58 ===
   Purpose: scoped production layer for Partner Access and Partner Dashboard.
   Pattern: desktop sidebar is preserved; tablets/phones use a sticky horizontal
   navigation rail so content can scroll naturally without a permanent mobile sidebar. */
#ysgp-portal-root .ysgp-shell-partner-mode,
#ysgp-portal-root .ysgp-partner-host-main,
#ysgp-portal-root .ysgp-partner-program-auth,
#ysgp-portal-root .ysgp-partner-program-shell{
  --yspp-bg:#eef3f9;
  --yspp-surface:#ffffff;
  --yspp-surface-soft:#f8fafc;
  --yspp-border:#dfe7f2;
  --yspp-border-soft:#e8eef6;
  --yspp-ink:#0f172a;
  --yspp-muted:#64748b;
  --yspp-blue:#174ea6;
  --yspp-blue-strong:#0f3c8a;
  --yspp-cyan:#00e5ff;
  --yspp-radius-xl:22px;
  --yspp-radius-lg:18px;
  --yspp-shadow:0 14px 34px rgba(15,23,42,.055);
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
#ysgp-portal-root .ysgp-shell-partner-mode *,
#ysgp-portal-root .ysgp-partner-program-auth *,
#ysgp-portal-root .ysgp-partner-program-shell *{box-sizing:border-box;min-width:0;}
#ysgp-portal-root .ysgp-shell-partner-mode,
#ysgp-portal-root .ysgp-partner-host-main{background:var(--yspp-bg)!important;}
#ysgp-portal-root .ysgp-shell-partner-mode{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;}
#ysgp-portal-root .ysgp-partner-host-main{width:100%!important;max-width:100%!important;min-width:0!important;}
#ysgp-portal-root .ysgp-partner-program-shell{width:100%!important;max-width:100vw!important;background:var(--yspp-bg)!important;color:#172033!important;}
#ysgp-portal-root .ysgp-partner-program-main{min-width:0!important;max-width:100%!important;}
#ysgp-portal-root .ysgp-partner-program-page{width:100%!important;max-width:100%!important;min-width:0!important;}
#ysgp-portal-root .ysgp-partner-program-card,
#ysgp-portal-root .ysgp-partner-program-stat,
#ysgp-portal-root .ysgp-partner-program-welcome,
#ysgp-portal-root .ysgp-affiliate-header{min-width:0;overflow-wrap:anywhere;}
#ysgp-portal-root .ysgp-partner-program-card-head section{min-width:0;}
#ysgp-portal-root .ysgp-partner-program-card-head h2,
#ysgp-portal-root .ysgp-partner-program-card-head p,
#ysgp-portal-root .ysgp-partner-program-welcome h2,
#ysgp-portal-root .ysgp-partner-program-topbar h1{overflow-wrap:anywhere;}

/* Partner Access foundation */
#ysgp-portal-root .ysgp-partner-program-auth{
  min-height:100svh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  background:var(--yspp-bg)!important;
  color:#172033!important;
}
#ysgp-portal-root .ysgp-partner-program-auth-card{
  width:min(1080px,100%)!important;
  max-width:100%!important;
  background:#fff!important;
}
#ysgp-portal-root .ysgp-partner-program-auth-panel,
#ysgp-portal-root .ysgp-partner-program-auth-info{min-width:0;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:clamp(14px,2.6vw,20px) 0!important;
  padding:5px!important;
  border-radius:16px!important;
  background:#eef3f9!important;
  border:1px solid #dbe5f0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs button{
  min-width:0!important;
  width:100%!important;
  height:clamp(40px,6.4vw,46px)!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:clamp(10px,2.8vw,12px)!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs button.active{
  background:#fff!important;
  color:var(--yspp-blue)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-form{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  margin-top:12px!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  min-width:0!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field>span{
  display:block!important;
  margin:0!important;
  color:var(--yspp-blue)!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input,
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field select,
#ysgp-portal-root .ysgp-partner-program-payout-form input,
#ysgp-portal-root .ysgp-partner-program-payout-form select,
#ysgp-portal-root .ysgp-partner-program-payout-form textarea{
  max-width:100%!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input,
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field select{
  display:block!important;
  width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #dbe5f0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--yspp-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 22px rgba(15,23,42,.045)!important;
  outline:0!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  -webkit-text-fill-color:var(--yspp-ink)!important;
  appearance:none!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input:focus,
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field select:focus{
  border-color:#60a5fa!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10),0 12px 26px rgba(15,23,42,.07)!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:var(--yspp-ink)!important;border-color:#dbe5f0!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-checks{display:grid!important;gap:10px!important;margin:10px 0 0!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #dbe5f0!important;
  border-radius:15px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-check input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-check-ui{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:20px!important;height:20px!important;margin-top:1px!important;border-radius:7px!important;border:1px solid #b7c8da!important;background:#fff!important;color:#fff!important;box-shadow:none!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-check input:checked+.ysgp-partner-check-ui{background:var(--yspp-blue)!important;border-color:var(--yspp-blue)!important;box-shadow:0 8px 18px rgba(23,78,166,.18)!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-login-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 4px!important;color:#64748b!important;font-size:12px!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-remember{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-remember input{width:20px!important;height:20px!important;margin:0!important;accent-color:var(--yspp-blue)!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-login-row a,
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-check button{color:var(--yspp-blue)!important;font-weight:950!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-primary-btn{
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--yspp-blue)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  padding:12px 14px!important;
  box-shadow:0 14px 28px rgba(23,78,166,.20)!important;
}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-primary-btn:hover{background:var(--yspp-blue-strong)!important;box-shadow:0 18px 34px rgba(23,78,166,.24)!important;transform:translateY(-1px)!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-message{border-radius:14px!important;margin:0 0 12px!important;color:#0f172a!important;background:#eef5ff!important;border-color:#bfdbfe!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-message.is-error{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-message.is-success{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-message.is-warning{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important;}

/* Wide content safety: links, tables, cards, and binary/tree views stay inside their own wrappers. */
#ysgp-portal-root .ysgp-partner-program-copy-row>*{min-width:0!important;}
#ysgp-portal-root .ysgp-partner-program-copy-row code,
#ysgp-portal-root .ysgp-affiliate-link-row code{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
#ysgp-portal-root .ysgp-partner-program-table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;border-radius:16px!important;}
#ysgp-portal-root .ysgp-partner-program-table{width:100%!important;min-width:720px;}
#ysgp-portal-root .ysgp-affiliate-sales-card .ysgp-partner-program-table{min-width:1040px;}
#ysgp-portal-root .ysgp-partner-program-tree-root{max-width:100%;}

/* 1200px desktop/laptop tuning */
@media (max-width:1200px){
  #ysgp-portal-root .ysgp-partner-program-sidebar{width:260px;min-width:260px;}
  #ysgp-portal-root .ysgp-partner-program-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  #ysgp-portal-root .ysgp-affiliate-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* 1024px tablet */
@media (max-width:1024px){
  #ysgp-portal-root .ysgp-partner-program-sidebar{width:244px;min-width:244px;padding:20px 14px;}
  #ysgp-portal-root .ysgp-partner-program-page{padding:22px;}
  #ysgp-portal-root .ysgp-partner-program-two-col,
  #ysgp-portal-root .ysgp-partner-program-welcome{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-card{grid-template-columns:.9fr 1.1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info{padding:36px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-panel{padding:28px!important;}
}

/* 768px small tablet and down: unlock the host shell and switch sidebar to sticky navigation pills. */
@media (max-width:768px){
  #ysgp-portal-root.ysgp-fullscreen-root,
  #ysgp-portal-root .ysgp-fullscreen-root{min-height:100svh!important;height:auto!important;overflow-x:hidden!important;}
  #ysgp-portal-root .ysgp-shell-partner-mode{display:block!important;height:auto!important;min-height:100svh!important;overflow:visible!important;align-items:stretch!important;}
  #ysgp-portal-root .ysgp-shell-partner-mode>.ysgp-partner-host-main,
  #ysgp-portal-root .ysgp-partner-host-main{display:block!important;height:auto!important;min-height:100svh!important;overflow:visible!important;flex:none!important;}
  #ysgp-portal-root .ysgp-shell-partner-mode .ysgp-partner-host-main>div,
  #ysgp-portal-root .ysgp-shell-partner-mode .ysgp-partner-host-main>div>div{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;flex:none!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-partner-program-shell{display:block!important;min-height:100svh!important;height:auto!important;overflow:visible!important;background:var(--yspp-bg)!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;}
  #ysgp-portal-root .ysgp-partner-program-sidebar{position:sticky!important;top:0!important;z-index:100!important;width:100%!important;min-width:0!important;max-height:none!important;display:block!important;padding:12px 12px 10px!important;border-right:0!important;border-bottom:1px solid #d9e4f0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:0 10px 30px rgba(15,23,42,.10)!important;}
  #ysgp-portal-root .ysgp-partner-program-brand{display:flex!important;align-items:center!important;gap:10px!important;padding:0 2px 10px!important;margin:0 0 9px!important;border-bottom:1px solid #edf2f7!important;}
  #ysgp-portal-root .ysgp-partner-program-brand>div{width:38px!important;height:38px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(37,99,235,.16)!important;}
  #ysgp-portal-root .ysgp-partner-program-brand strong{font-size:13px!important;line-height:1.1!important;}
  #ysgp-portal-root .ysgp-partner-program-brand span{font-size:10px!important;margin-top:2px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 2px 6px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;}
  #ysgp-portal-root .ysgp-partner-program-nav::-webkit-scrollbar{display:none!important;}
  #ysgp-portal-root .ysgp-partner-program-side-section{display:contents!important;margin:0!important;}
  #ysgp-portal-root .ysgp-partner-program-side-section>small{display:none!important;}
  #ysgp-portal-root .ysgp-partner-program-network{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;flex:0 0 auto!important;border-radius:0!important;}
  #ysgp-portal-root .ysgp-partner-program-network>button{display:none!important;}
  #ysgp-portal-root .ysgp-partner-program-network>div,
  #ysgp-portal-root .ysgp-partner-program-network.is-open>div{display:flex!important;align-items:center!important;gap:8px!important;max-height:none!important;overflow:visible!important;padding:0!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn,
  #ysgp-portal-root .ysgp-partner-program-nav-btn.is-nested{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:39px!important;margin:0!important;padding:0 12px!important;border:1px solid #e3ebf5!important;border-radius:999px!important;background:#fff!important;color:#475569!important;box-shadow:0 6px 16px rgba(15,23,42,.045)!important;transform:none!important;scroll-snap-align:start!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn span{width:25px!important;height:25px!important;border-radius:999px!important;background:#eef5ff!important;color:var(--yspp-blue)!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn em{white-space:nowrap!important;font-size:12px!important;line-height:1!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn.active{background:var(--yspp-blue)!important;border-color:var(--yspp-blue)!important;color:#fff!important;box-shadow:0 10px 22px rgba(23,78,166,.20)!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn.active span{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important;}
  #ysgp-portal-root .ysgp-partner-program-profile{display:none!important;}
  #ysgp-portal-root .ysgp-partner-program-main{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;overflow:visible!important;background:linear-gradient(180deg,#f7faff 0%,#eef3f9 100%)!important;}
  #ysgp-portal-root .ysgp-partner-program-topbar{position:relative!important;height:auto!important;min-height:0!important;padding:16px 14px!important;gap:12px!important;border-bottom:1px solid #dfe7f2!important;background:rgba(255,255,255,.92)!important;}
  #ysgp-portal-root .ysgp-partner-program-topbar h1{font-size:clamp(22px,7vw,30px)!important;line-height:1.05!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions{gap:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-page{display:flex!important;flex-direction:column!important;gap:14px!important;padding:14px!important;overflow:visible!important;width:100%!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important;border-radius:20px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome h2{font-size:clamp(28px,9vw,38px)!important;word-break:break-word!important;}
  #ysgp-portal-root .ysgp-partner-program-card{padding:16px!important;border-radius:18px!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head{gap:10px!important;margin-bottom:14px!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head>div{width:36px!important;height:36px!important;border-radius:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head h2{font-size:16px!important;line-height:1.2!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head p{font-size:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-stat{min-height:128px!important;padding:14px!important;border-radius:18px!important;}
  #ysgp-portal-root .ysgp-partner-program-stat strong{font-size:21px!important;line-height:1.12!important;word-break:break-word!important;}
  #ysgp-portal-root .ysgp-partner-program-copy-row{align-items:stretch!important;flex-direction:column!important;gap:10px!important;}
  #ysgp-portal-root .ysgp-partner-program-copy-row button{width:100%!important;justify-content:center!important;}
  #ysgp-portal-root .ysgp-partner-program-empty{padding:22px 16px!important;}
  #ysgp-portal-root .ysgp-partner-program-tree-root{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;padding-bottom:4px!important;}
  #ysgp-portal-root .ysgp-partner-program-tree-grid{min-width:560px!important;}
  #ysgp-portal-root .ysgp-partner-program-tree-children{min-width:0!important;}
  #ysgp-portal-root .ysgp-partner-program-auth{align-items:stretch!important;justify-content:flex-start!important;flex-direction:column!important;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(18px + env(safe-area-inset-bottom,0px))!important;}
  #ysgp-portal-root .ysgp-partner-program-back{position:static!important;width:100%!important;height:42px!important;justify-content:center!important;margin:0 0 12px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-card{grid-template-columns:1fr!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(15,23,42,.12)!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info{padding:24px 20px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info h1{font-size:clamp(26px,8.8vw,34px)!important;line-height:1.02!important;}
  #ysgp-portal-root .ysgp-partner-program-logo{margin-bottom:16px!important;}
  #ysgp-portal-root .ysgp-partner-program-proof{gap:8px!important;margin-top:18px!important;}
  #ysgp-portal-root .ysgp-partner-program-proof div{height:auto!important;min-height:39px!important;border-radius:13px!important;padding:9px 12px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-panel{padding:22px 18px 20px!important;}
}

/* 640px large phone */
@media (max-width:640px){
  #ysgp-portal-root .ysgp-partner-program-stats-grid,
  #ysgp-portal-root .ysgp-affiliate-summary-grid,
  #ysgp-portal-root .ysgp-partner-program-leg-grid,
  #ysgp-portal-root .ysgp-partner-program-tree-children,
  #ysgp-portal-root .ysgp-partner-program-payout-form,
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-form-grid{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-payout-form label.span-2{grid-column:auto!important;}
  #ysgp-portal-root .ysgp-partner-program-topbar{flex-direction:column!important;align-items:stretch!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions>*{min-width:0!important;width:100%!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions form{display:block!important;}
  #ysgp-portal-root .ysgp-partner-program-light-btn,
  #ysgp-portal-root .ysgp-partner-program-danger-btn{width:100%!important;height:42px!important;padding:0 10px!important;}
  #ysgp-portal-root .ysgp-affiliate-link-row{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-affiliate-link-row>div{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;justify-content:stretch!important;}
  #ysgp-portal-root .ysgp-affiliate-link-row button,
  #ysgp-portal-root .ysgp-affiliate-link-row a{width:100%!important;justify-content:center!important;}
  #ysgp-portal-root .ysgp-partner-program-table{min-width:680px;}
  #ysgp-portal-root .ysgp-affiliate-sales-card .ysgp-partner-program-table{min-width:980px;}
}

/* 480px phone */
@media (max-width:480px){
  #ysgp-portal-root .ysgp-partner-program-sidebar{padding:10px 10px 8px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav{gap:7px!important;padding-bottom:5px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn,
  #ysgp-portal-root .ysgp-partner-program-nav-btn.is-nested{height:38px!important;padding:0 10px!important;gap:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn span{width:24px!important;height:24px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn em{font-size:11.5px!important;}
  #ysgp-portal-root .ysgp-partner-program-page{padding:12px!important;gap:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-card,
  #ysgp-portal-root .ysgp-partner-program-welcome{border-radius:17px!important;padding:14px!important;}
  #ysgp-portal-root .ysgp-partner-program-topbar{padding:14px 12px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth{padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(16px + env(safe-area-inset-bottom,0px))!important;}
  #ysgp-portal-root .ysgp-partner-program-back{height:40px!important;margin-bottom:10px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-card{border-radius:22px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info{padding:22px 18px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-panel{padding:20px 16px 18px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info p{font-size:13px!important;line-height:1.55!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-head h2{font-size:25px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-login-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;}
  #ysgp-portal-root .ysgp-affiliate-header{padding:18px!important;border-radius:20px!important;}
  #ysgp-portal-root .ysgp-affiliate-header h2{font-size:24px!important;line-height:1.08!important;}
  #ysgp-portal-root .ysgp-partner-program-tree-grid{min-width:520px!important;}
}

/* 390px small phone */
@media (max-width:390px){
  #ysgp-portal-root .ysgp-partner-program-brand strong{font-size:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-brand span{font-size:9px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info h1{font-size:clamp(24px,8.4vw,30px)!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs button{letter-spacing:.07em!important;font-size:10.5px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field input,
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-field select{height:46px!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions{grid-template-columns:1fr!important;}
}

/* 340px very small phone */
@media (max-width:340px){
  #ysgp-portal-root .ysgp-partner-program-sidebar{padding-left:8px!important;padding-right:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-brand>div{width:34px!important;height:34px!important;border-radius:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-brand strong{font-size:11.5px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn,
  #ysgp-portal-root .ysgp-partner-program-nav-btn.is-nested{height:36px!important;padding:0 9px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn span{display:none!important;}
  #ysgp-portal-root .ysgp-partner-program-auth{padding-left:8px!important;padding-right:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-info{padding:18px 14px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth-panel{padding:18px 12px 16px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs{gap:4px!important;padding:4px!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-tabs button{font-size:10px!important;letter-spacing:.04em!important;}
  #ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-primary-btn{letter-spacing:.06em!important;}
}

@supports not (height: 100svh){
  #ysgp-portal-root .ysgp-partner-program-auth{min-height:100vh!important;}
  @media (max-width:768px){
    #ysgp-portal-root .ysgp-shell-partner-mode,
    #ysgp-portal-root .ysgp-partner-host-main,
    #ysgp-portal-root .ysgp-partner-program-shell{min-height:100vh!important;}
  }
}


/* === YS Partner Program visual binary tree correction v21.2.60 ===
   Scoped production layer for the Partner Portal binary organization tree,
   privacy-safe node details drawer, profile avatars, and profile image settings.
   Extends the v21.2.58 responsive foundation without changing compensation logic. */
#ysgp-portal-root .ysgp-partner-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#174ea6,#19d3ff);color:#fff;box-shadow:0 10px 24px rgba(23,78,166,.14);font-weight:950;letter-spacing:.04em;line-height:1;vertical-align:middle;isolation:isolate;}
#ysgp-portal-root .ysgp-partner-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
#ysgp-portal-root .ysgp-partner-avatar b{font-size:12px;color:#fff;}
#ysgp-portal-root .ysgp-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#174ea6,#19d3ff);color:#fff;font-size:14px;font-weight:950;letter-spacing:.04em;}
#ysgp-portal-root .ysgp-avatar-initials-lg{font-size:26px;border-radius:999px;}
#ysgp-portal-root .ysgp-partner-program-profile>.ysgp-partner-avatar{border-radius:13px;box-shadow:none;}
#ysgp-portal-root .ysgp-partner-program-profile>.ysgp-partner-avatar b{font-size:13px;}
#ysgp-portal-root .ysgp-binary-page{gap:18px;}
#ysgp-portal-root .ysgp-binary-tree-stage{position:relative;width:100%;overflow:visible;border:1px solid rgba(205,219,238,.82);border-radius:30px;background:linear-gradient(180deg,#fff 0%,#fbfdff 62%,#f7fbff 100%);box-shadow:0 18px 52px rgba(15,23,42,.055);padding:18px;}
#ysgp-portal-root .ysgp-binary-tree-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;}
#ysgp-portal-root .ysgp-binary-tree-stage-head span{display:block;color:#174ea6;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:950;margin-bottom:3px;}
#ysgp-portal-root .ysgp-binary-tree-stage-head h2{margin:0;color:#081126;font-size:24px;line-height:1.05;letter-spacing:-.04em;font-weight:950;}
#ysgp-portal-root .ysgp-binary-tree-stage-head p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.5;font-weight:750;max-width:760px;}
#ysgp-portal-root .ysgp-binary-controls{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(145px,.75fr)) auto auto;gap:10px;align-items:end;margin:14px 0 16px;padding:12px;border:1px solid #dbe7f5;background:#f8fbff;border-radius:20px;}
#ysgp-portal-root .ysgp-binary-controls label{display:grid;gap:7px;min-width:0;}
#ysgp-portal-root .ysgp-binary-controls label span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#64748b;font-weight:950;}
#ysgp-portal-root .ysgp-binary-controls input,#ysgp-portal-root .ysgp-binary-controls select{width:100%;height:42px;border:1px solid #d9e6f6;border-radius:13px;background:#fff;color:#0f172a;font-size:13px;font-weight:800;padding:0 12px;outline:none;box-shadow:none;}
#ysgp-portal-root .ysgp-binary-controls input:focus,#ysgp-portal-root .ysgp-binary-controls select:focus{border-color:#19d3ff;box-shadow:0 0 0 3px rgba(25,211,255,.16);}
#ysgp-portal-root .ysgp-binary-controls .ysgp-binary-check{display:flex;align-items:center;gap:9px;height:42px;padding:0 10px;border:1px solid #d9e6f6;background:#fff;border-radius:13px;white-space:nowrap;}
#ysgp-portal-root .ysgp-binary-controls .ysgp-binary-check input{width:18px;height:18px;accent-color:#174ea6;padding:0;}
#ysgp-portal-root .ysgp-binary-controls .ysgp-binary-check span{letter-spacing:0;text-transform:none;font-size:12px;color:#334155;}
#ysgp-portal-root .ysgp-binary-controls>div{display:flex;gap:8px;align-items:center;}
#ysgp-portal-root .ysgp-binary-controls button{height:42px;border-radius:13px;border:1px solid #d9e6f6;padding:0 13px;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap;}
#ysgp-portal-root .ysgp-binary-controls button[type="submit"]{border-color:#174ea6;background:#174ea6;color:#fff;}
#ysgp-portal-root .ysgp-binary-controls button[type="button"]{background:#fff;color:#174ea6;}
#ysgp-portal-root .ysgp-binary-tree-viewport{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid #e2ebf7;border-radius:28px;background:radial-gradient(circle at 50% 18%,rgba(25,211,255,.06),transparent 32%),linear-gradient(180deg,#ffffff,#fbfdff);padding:28px 16px 34px;}
#ysgp-portal-root .ysgp-binary-tree-root{min-width:960px;display:flex;justify-content:center;align-items:flex-start;padding:4px 0 8px;}
#ysgp-portal-root .ysgp-binary-node{position:relative;width:max-content;min-width:128px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;color:#0f172a;}
#ysgp-portal-root .ysgp-binary-node-main{position:relative;width:154px;display:grid;justify-items:center;gap:7px;background:transparent;border:0;text-align:center;padding:0;cursor:pointer;min-width:0;color:inherit;}
#ysgp-portal-root .ysgp-binary-node-main:focus-visible{outline:3px solid rgba(25,211,255,.35);outline-offset:8px;border-radius:999px;}
#ysgp-portal-root .ysgp-binary-node-avatar{position:relative;display:inline-flex;border-radius:999px;padding:5px;background:#fff;box-shadow:0 15px 34px rgba(23,78,166,.14);border:1px solid rgba(219,231,245,.95);}
#ysgp-portal-root .ysgp-binary-node-avatar .ysgp-partner-avatar{box-shadow:none;border:2px solid #fff;}
#ysgp-portal-root .ysgp-binary-node.is-root .ysgp-binary-node-avatar{padding:6px;box-shadow:0 18px 42px rgba(23,78,166,.18);}
#ysgp-portal-root .ysgp-binary-node-main section{min-width:0;display:grid;justify-items:center;gap:4px;width:100%;}
#ysgp-portal-root .ysgp-binary-node-main strong{display:block;width:100%;color:#0f172a;font-size:13px;font-weight:950;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-binary-node.is-root .ysgp-binary-node-main strong{font-size:14px;}
#ysgp-portal-root .ysgp-binary-node-main em{display:block;color:#64748b;font-size:10.5px;font-style:normal;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
#ysgp-portal-root .ysgp-binary-node-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;min-height:20px;}
#ysgp-portal-root .ysgp-binary-node-badges span{display:inline-flex;align-items:center;min-height:18px;border-radius:999px;background:#eef5ff;color:#174ea6;font-size:8.5px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;line-height:1;}
#ysgp-portal-root .ysgp-binary-node-badges .status-active{background:#ecfdf5;color:#047857;}
#ysgp-portal-root .ysgp-binary-node-badges .status-deactivated,#ysgp-portal-root .ysgp-binary-node-badges .status-blocked{background:#fff1f2;color:#be123c;}
#ysgp-portal-root .ysgp-binary-node-expand{margin-top:7px;min-height:28px;border:1px solid #d9e6f6;border-radius:999px;background:#fff;color:#174ea6;padding:0 10px;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.045);}
#ysgp-portal-root .ysgp-binary-node-expand:disabled{opacity:.55;cursor:not-allowed;}
#ysgp-portal-root .ysgp-binary-node.has-expanded>.ysgp-binary-node-main:after{content:"";position:absolute;left:50%;bottom:-34px;height:26px;border-left:2px solid #cbdaf0;transform:translateX(-50%);pointer-events:none;}
#ysgp-portal-root .ysgp-binary-children{position:relative;display:grid;grid-template-columns:repeat(2,max-content);gap:72px;align-items:start;margin-top:46px;padding-top:34px;width:max-content;}
#ysgp-portal-root .ysgp-binary-children:before{content:"";position:absolute;top:6px;left:76px;right:76px;height:28px;border-top:2px solid #cbdaf0;border-left:2px solid #cbdaf0;border-right:2px solid #cbdaf0;border-radius:22px 22px 0 0;pointer-events:none;}
#ysgp-portal-root .ysgp-binary-children>.ysgp-binary-node:before,#ysgp-portal-root .ysgp-binary-children>.ysgp-binary-empty-placement:before{content:"";position:absolute;top:-28px;left:50%;height:26px;border-left:2px solid #cbdaf0;transform:translateX(-50%);}
#ysgp-portal-root .ysgp-binary-empty-placement{position:relative;width:136px;min-height:138px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;color:#64748b;padding:0 4px;}
#ysgp-portal-root .ysgp-binary-empty-orb{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:2px dashed #cbdaf0;background:#f8fbff;color:#174ea6;margin-bottom:8px;box-shadow:0 10px 24px rgba(15,23,42,.04);}
#ysgp-portal-root .ysgp-binary-empty-placement>span{display:inline-flex;border-radius:999px;background:#eef5ff;color:#174ea6;font-size:8.5px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;padding:4px 7px;margin-bottom:5px;}
#ysgp-portal-root .ysgp-binary-empty-placement h3{margin:0;color:#64748b;font-size:12px;font-weight:950;line-height:1.15;}
#ysgp-portal-root .ysgp-binary-empty-placement button{margin-top:8px;border:0;border-radius:999px;background:#174ea6;color:#fff;min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:950;cursor:pointer;box-shadow:0 10px 18px rgba(23,78,166,.13);}
#ysgp-portal-root .ysgp-binary-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:6px;}
#ysgp-portal-root .ysgp-binary-result-grid .ysgp-binary-node{width:100%;min-width:0;}
#ysgp-portal-root .ysgp-binary-result-grid .ysgp-binary-node-main{width:100%;max-width:170px;margin-inline:auto;}
#ysgp-portal-root .ysgp-binary-result-grid .ysgp-binary-children{display:none;}
#ysgp-portal-root .ysgp-binary-preview-card{overflow:hidden;}
#ysgp-portal-root .ysgp-binary-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
#ysgp-portal-root .ysgp-binary-preview-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;}
#ysgp-portal-root .ysgp-binary-preview-notes p{margin:0;border:1px solid #dbe7f5;background:#f8fbff;border-radius:14px;padding:11px 12px;color:#475569;font-size:12px;line-height:1.45;font-weight:750;}
#ysgp-portal-root .ysgp-binary-drawer{position:fixed;inset:0;z-index:999999;display:flex;justify-content:flex-end;align-items:stretch;}
#ysgp-portal-root .ysgp-binary-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.34);backdrop-filter:blur(4px);cursor:pointer;}
#ysgp-portal-root .ysgp-binary-drawer aside{position:relative;z-index:1;width:min(480px,100%);height:100%;overflow:auto;background:#fff;border-left:1px solid #dbe7f5;box-shadow:-24px 0 60px rgba(15,23,42,.16);padding:22px;}
#ysgp-portal-root .ysgp-binary-drawer header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e5edf7;}
#ysgp-portal-root .ysgp-binary-drawer header>div{min-width:0;flex:1;}
#ysgp-portal-root .ysgp-binary-drawer header span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#174ea6;font-weight:950;}
#ysgp-portal-root .ysgp-binary-drawer header h3{margin:3px 0 2px;color:#0f172a;font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.04em;}
#ysgp-portal-root .ysgp-binary-drawer header p{margin:0;color:#64748b;font-size:12px;font-weight:800;}
#ysgp-portal-root .ysgp-binary-drawer header button{width:38px;height:38px;border:1px solid #dbe7f5;background:#fff;border-radius:12px;color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#ysgp-portal-root .ysgp-binary-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#ysgp-portal-root .ysgp-binary-drawer-grid span{display:grid;gap:3px;border:1px solid #e2eaf5;border-radius:14px;background:#f8fafc;padding:9px;min-width:0;}
#ysgp-portal-root .ysgp-binary-drawer-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;}
#ysgp-portal-root .ysgp-binary-drawer-grid strong{font-size:14px;color:#0f172a;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-binary-drawer-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
#ysgp-portal-root .ysgp-binary-drawer-actions button{height:42px;border-radius:13px;border:1px solid #d9e6f6;background:#fff;color:#174ea6;padding:0 14px;font-size:12px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;}
#ysgp-portal-root .ysgp-binary-drawer-actions button:first-child{background:#174ea6;border-color:#174ea6;color:#fff;}
#ysgp-portal-root .ysgp-binary-privacy-note{margin:16px 0 0;border:1px solid #dbe7f5;background:#f8fbff;border-radius:14px;color:#64748b;font-size:12px;line-height:1.55;padding:12px;}
#ysgp-portal-root .ysgp-partner-profile-settings-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:center;margin-top:12px;}
#ysgp-portal-root .ysgp-partner-profile-preview{display:grid;justify-items:center;text-align:center;gap:8px;border:1px solid #dbe7f5;background:#f8fbff;border-radius:22px;padding:22px;}
#ysgp-portal-root .ysgp-partner-profile-preview strong{color:#0f172a;font-size:16px;font-weight:950;}
#ysgp-portal-root .ysgp-partner-profile-preview span{color:#64748b;font-size:12px;font-weight:800;}
#ysgp-portal-root .ysgp-partner-profile-settings p{margin:12px 0 0;color:#64748b;font-size:13px;line-height:1.6;max-width:680px;}
#ysgp-portal-root .ysgp-partner-profile-settings .ysgp-partner-message{margin-top:12px;}
@media (max-width:1200px){#ysgp-portal-root .ysgp-binary-controls{grid-template-columns:repeat(3,minmax(0,1fr));}#ysgp-portal-root .ysgp-binary-controls>div{grid-column:auto;}#ysgp-portal-root .ysgp-binary-tree-root{min-width:880px;}#ysgp-portal-root .ysgp-binary-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#ysgp-portal-root .ysgp-binary-preview-notes{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-binary-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:1024px){#ysgp-portal-root .ysgp-binary-tree-root{min-width:780px;}#ysgp-portal-root .ysgp-binary-children{gap:54px;}#ysgp-portal-root .ysgp-binary-controls{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-binary-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-binary-preview-notes{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){#ysgp-portal-root .ysgp-binary-tree-stage{padding:14px;border-radius:24px;}#ysgp-portal-root .ysgp-binary-tree-stage-head{display:block;}#ysgp-portal-root .ysgp-binary-tree-stage-head h2{font-size:21px;}#ysgp-portal-root .ysgp-binary-controls{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-controls>div{display:grid;grid-template-columns:1fr 1fr;width:100%;}#ysgp-portal-root .ysgp-binary-tree-viewport{margin-left:-6px;margin-right:-6px;padding:22px 12px 28px;border-radius:22px;}#ysgp-portal-root .ysgp-binary-tree-root{min-width:680px;}#ysgp-portal-root .ysgp-binary-children{gap:42px;}#ysgp-portal-root .ysgp-binary-result-grid{grid-template-columns:1fr 1fr;}#ysgp-portal-root .ysgp-partner-profile-settings-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-drawer aside{width:min(420px,92vw);}}
@media (max-width:640px){#ysgp-portal-root .ysgp-binary-tree-root{min-width:620px;}#ysgp-portal-root .ysgp-binary-node-main{width:124px;}#ysgp-portal-root .ysgp-binary-node-main strong{font-size:12px;}#ysgp-portal-root .ysgp-binary-node-main em{font-size:10px;}#ysgp-portal-root .ysgp-binary-node-badges span{font-size:8px;padding:3px 6px;}#ysgp-portal-root .ysgp-binary-children{gap:34px;margin-top:40px;}#ysgp-portal-root .ysgp-binary-children:before{left:60px;right:60px;}#ysgp-portal-root .ysgp-binary-empty-placement{width:118px;}#ysgp-portal-root .ysgp-binary-preview-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-result-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-drawer{align-items:flex-end;}#ysgp-portal-root .ysgp-binary-drawer aside{width:100%;height:min(88vh,720px);border-left:0;border-radius:24px 24px 0 0;padding:18px;}#ysgp-portal-root .ysgp-binary-drawer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){#ysgp-portal-root .ysgp-binary-controls{padding:12px;border-radius:18px;}#ysgp-portal-root .ysgp-binary-controls>div{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-binary-controls button{width:100%;}#ysgp-portal-root .ysgp-binary-tree-root{min-width:580px;}#ysgp-portal-root .ysgp-binary-children{gap:28px;}#ysgp-portal-root .ysgp-binary-node-main{width:112px;}#ysgp-portal-root .ysgp-binary-empty-placement{width:112px;}#ysgp-portal-root .ysgp-binary-drawer-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-partner-profile-settings .ysgp-partner-program-primary{width:100%;justify-content:center;}}
@media (max-width:390px){#ysgp-portal-root .ysgp-binary-tree-stage{padding:12px;}#ysgp-portal-root .ysgp-binary-tree-root{min-width:540px;}#ysgp-portal-root .ysgp-binary-tree-viewport{padding:20px 10px 24px;}#ysgp-portal-root .ysgp-binary-node-main{width:104px;}#ysgp-portal-root .ysgp-binary-empty-placement{width:104px;}#ysgp-portal-root .ysgp-binary-empty-orb{width:52px;height:52px;}#ysgp-portal-root .ysgp-binary-drawer aside{padding:16px;}#ysgp-portal-root .ysgp-binary-drawer header h3{font-size:20px;}}
@media (max-width:340px){#ysgp-portal-root .ysgp-binary-controls input,#ysgp-portal-root .ysgp-binary-controls select,#ysgp-portal-root .ysgp-binary-controls button{height:40px;font-size:12px;}#ysgp-portal-root .ysgp-binary-tree-root{min-width:520px;}#ysgp-portal-root .ysgp-binary-node-main{width:98px;}#ysgp-portal-root .ysgp-binary-node-main strong{font-size:11px;}#ysgp-portal-root .ysgp-binary-node-expand{font-size:9px;padding:0 8px;}#ysgp-portal-root .ysgp-binary-empty-placement h3{font-size:11px;}#ysgp-portal-root .ysgp-binary-empty-placement button{font-size:9px;}}

/* v21.2.60 phone-specific tree simplification: keep the visual tree centered instead of forcing the desktop canvas onto small screens. */
@media (max-width:640px){
  #ysgp-portal-root .ysgp-binary-tree-viewport{overflow-x:hidden;}
  #ysgp-portal-root .ysgp-binary-tree-root{min-width:0;display:block;width:100%;}
  #ysgp-portal-root .ysgp-binary-node{width:100%;min-width:0;}
  #ysgp-portal-root .ysgp-binary-node-main{width:132px;margin-inline:auto;}
  #ysgp-portal-root .ysgp-binary-node.level-1 .ysgp-binary-node-main{width:116px;}
  #ysgp-portal-root .ysgp-binary-node.level-2 .ysgp-binary-node-main{width:104px;}
  #ysgp-portal-root .ysgp-binary-children{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px;padding-top:30px;}
  #ysgp-portal-root .ysgp-binary-node.level-1>.ysgp-binary-children{grid-template-columns:1fr;gap:18px;width:100%;}
  #ysgp-portal-root .ysgp-binary-children:before{left:25%;right:25%;}
  #ysgp-portal-root .ysgp-binary-node.level-1>.ysgp-binary-children:before{display:none;}
  #ysgp-portal-root .ysgp-binary-node.level-1>.ysgp-binary-children>.ysgp-binary-node:before,
  #ysgp-portal-root .ysgp-binary-node.level-1>.ysgp-binary-children>.ysgp-binary-empty-placement:before{display:none;}
  #ysgp-portal-root .ysgp-binary-empty-placement{width:100%;min-width:0;}
}
@media (max-width:390px){
  #ysgp-portal-root .ysgp-binary-node-main{width:122px;}
  #ysgp-portal-root .ysgp-binary-node.level-1 .ysgp-binary-node-main{width:108px;}
  #ysgp-portal-root .ysgp-binary-node.level-2 .ysgp-binary-node-main{width:100px;}
  #ysgp-portal-root .ysgp-binary-children{gap:12px;}
}
@media (max-width:340px){
  #ysgp-portal-root .ysgp-binary-node-main{width:116px;}
  #ysgp-portal-root .ysgp-binary-node.level-1 .ysgp-binary-node-main{width:102px;}
  #ysgp-portal-root .ysgp-binary-node.level-2 .ysgp-binary-node-main{width:96px;}
}


/* === YS Partner Program welcome hero description removal v21.2.70 ===
   This scoped layer preserves the full Direct Team Performance preview and final Welcome Back hero layout
   while removing the no-longer-needed hero description paragraph spacing. */
#ysgp-portal-root .ysgp-binary-preview-card{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-partner-program-card-head{margin-bottom:16px!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid>div{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:112px!important;border:1px solid #dfe8f5!important;border-radius:18px!important;background:#f8fbff!important;padding:15px!important;box-shadow:none!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid small{display:block!important;color:#617089!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:950!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid strong{display:block!important;color:#071126!important;font-size:clamp(20px,2.2vw,26px)!important;font-weight:950!important;margin:7px 0!important;line-height:1.05!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid span{display:block!important;color:#52637a!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important;}
#ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-notes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;visibility:visible!important;opacity:1!important;}

#ysgp-portal-root .ysgp-partner-program-welcome{
  position:relative!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:28px!important;
  width:100%!important;
  min-height:196px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:30px 34px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-radius:28px!important;
  border:1px solid #dfe8f5!important;
  background:
    radial-gradient(circle at 10% 22%,rgba(0,229,255,.13),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,#ffffff 0%,#fbfdff 58%,#eef6ff 100%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.06)!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome:before{display:none!important;content:none!important;}
#ysgp-portal-root .ysgp-partner-program-welcome-profile{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 620px!important;
  min-width:0!important;
  max-width:calc(100% - 330px)!important;
  gap:24px!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-avatar,
#ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar{
  display:grid!important;
  place-items:center!important;
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  flex:0 0 96px!important;
  aspect-ratio:1/1!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:4px solid #fff!important;
  background:linear-gradient(135deg,#eff6ff,#dffafe)!important;
  box-shadow:0 20px 44px rgba(23,78,166,.20),0 0 0 8px rgba(0,229,255,.12),0 0 0 1px rgba(37,99,235,.16)!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-avatar img,
#ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-avatar b,
#ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar b{
  display:block!important;
  color:#174ea6!important;
  font-size:28px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  line-height:1!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:760px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-copy>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  margin:0 0 10px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  border:1px solid #dbeafe!important;
  color:#174ea6!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome h2{
  display:block!important;
  margin:0 0 10px!important;
  color:#071126!important;
  font-size:clamp(36px,3.1vw,48px)!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  max-width:100%!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-badges em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:0 12px!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome-badges .ysgp-welcome-rank-badge{background:#eaf3ff!important;border:1px solid #cfe1ff!important;color:#174ea6!important;}
#ysgp-portal-root .ysgp-partner-program-welcome-badges .ysgp-welcome-status-badge{background:#ecfdf5!important;border:1px solid #bbf7d0!important;color:#047857!important;}
#ysgp-portal-root .ysgp-partner-program-welcome aside{
  position:relative!important;
  z-index:1!important;
  flex:0 0 300px!important;
  align-self:center!important;
  min-width:280px!important;
  min-height:132px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#0f172a,#174ea6)!important;
  padding:24px!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:0 20px 38px rgba(23,78,166,.20)!important;
}
#ysgp-portal-root .ysgp-partner-program-welcome aside small{display:block!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;opacity:.78!important;font-weight:900!important;line-height:1.2!important;}
#ysgp-portal-root .ysgp-partner-program-welcome aside strong{display:block!important;margin:8px 0!important;color:#fff!important;font-size:clamp(24px,2vw,30px)!important;font-weight:950!important;line-height:1.05!important;letter-spacing:-.04em!important;}
#ysgp-portal-root .ysgp-partner-program-welcome aside em{display:block!important;color:#bfdbfe!important;font-style:normal!important;font-size:12px!important;font-weight:850!important;line-height:1.35!important;}
@media (max-width:1200px){
  #ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-notes{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome{min-height:184px!important;padding:28px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-profile{max-width:calc(100% - 312px)!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-avatar,
  #ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar{width:90px!important;height:90px!important;min-width:90px!important;flex-basis:90px!important;}
}
@media (max-width:1024px){
  #ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome{align-items:stretch!important;padding:26px!important;gap:20px!important;min-height:0!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-profile{flex:1 1 100%!important;max-width:100%!important;gap:20px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome aside{flex:1 1 100%!important;align-self:stretch!important;width:100%!important;min-width:0!important;min-height:116px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome h2{font-size:clamp(32px,5vw,42px)!important;}
}
@media (max-width:640px){
  #ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-grid,
  #ysgp-portal-root .ysgp-binary-preview-card .ysgp-binary-preview-notes{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome{padding:20px!important;border-radius:24px!important;gap:18px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-profile{gap:15px!important;align-items:center!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-avatar,
  #ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar{width:76px!important;height:76px!important;min-width:76px!important;flex-basis:76px!important;border-width:3px!important;box-shadow:0 16px 30px rgba(23,78,166,.16),0 0 0 6px rgba(0,229,255,.10),0 0 0 1px rgba(37,99,235,.13)!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-avatar b,
  #ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar b{font-size:23px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-copy>span{min-height:23px!important;padding:0 9px!important;font-size:9px!important;margin-bottom:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome h2{font-size:clamp(27px,7.8vw,34px)!important;margin-bottom:8px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-badges{gap:6px!important;margin-bottom:0!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-badges em{min-height:23px!important;padding:0 9px!important;font-size:9px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome aside{min-height:108px!important;padding:19px!important;border-radius:20px!important;}
}
@media (max-width:430px){
  #ysgp-portal-root .ysgp-partner-program-welcome-profile{flex-direction:column!important;align-items:flex-start!important;gap:13px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-copy{width:100%!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-badges{width:100%!important;}
}
@media (max-width:340px){
  #ysgp-portal-root .ysgp-partner-program-welcome{padding:16px!important;border-radius:20px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-avatar,
  #ysgp-portal-root .ysgp-partner-program-welcome-profile .ysgp-partner-avatar{width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome h2{font-size:25px!important;}
  #ysgp-portal-root .ysgp-partner-program-welcome-badges em{font-size:8.5px!important;padding:0 7px!important;}
}

/* === YS Partner Program Leaderboard v21.2.70 === */
.ysgp-leaderboard-page{width:100%;}
.ysgp-leaderboard-shell{display:flex;flex-direction:column;gap:18px;}
.ysgp-leaderboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.ysgp-leaderboard-mode{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef6ff;border:1px solid #d7e8ff;color:#0f4ca3;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.ysgp-leaderboard-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid #dbe8f5;background:#f7fbff;border-radius:22px;}
.ysgp-leaderboard-filters>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ysgp-leaderboard-filters button,.ysgp-leaderboard-tabs button{appearance:none;border:1px solid #d9e6f3;background:#fff;color:#27405f;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 22px rgba(15,43,87,.04);transition:.2s ease;}
.ysgp-leaderboard-filters button:hover,.ysgp-leaderboard-tabs button:hover{border-color:#b9d2ee;color:#0f4ca3;}
.ysgp-leaderboard-filters button.active,.ysgp-leaderboard-tabs button.active{background:#1455b8;border-color:#1455b8;color:#fff;box-shadow:0 14px 28px rgba(20,85,184,.18);}
.ysgp-leaderboard-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ysgp-leaderboard-recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ysgp-leaderboard-recognition-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:24px;border:1px solid #dce8f6;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);box-shadow:0 18px 46px rgba(15,43,87,.08);}
.ysgp-leaderboard-recognition-card>span{font-size:11px;font-weight:950;color:#5d728e;text-transform:uppercase;letter-spacing:.1em;}
.ysgp-leaderboard-recognition-card>strong{font-size:16px;color:#061329;font-weight:950;}
.ysgp-leaderboard-list{display:flex;flex-direction:column;gap:10px;}
.ysgp-leaderboard-row{display:grid;grid-template-columns:76px minmax(230px,1.2fr) minmax(230px,1fr) minmax(180px,.8fr);align-items:center;gap:14px;padding:14px 16px;border:1px solid #dce8f6;background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(15,43,87,.05);}
.ysgp-leaderboard-position{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:#1455b8;font-weight:950;font-size:14px;}
.ysgp-leaderboard-partner{display:flex;align-items:center;gap:12px;min-width:0;}
.ysgp-leaderboard-partner>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ysgp-leaderboard-partner strong{font-size:14px;color:#071429;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-leaderboard-partner span{font-size:11px;color:#5d728e;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-leaderboard-partner em{font-style:normal;font-size:10px;font-weight:950;color:#047857;background:#dcfce7;border:1px solid #b7f4cd;border-radius:999px;padding:5px 8px;text-transform:uppercase;letter-spacing:.06em;}
.ysgp-leaderboard-metric,.ysgp-leaderboard-extra{display:flex;flex-direction:column;gap:4px;min-width:0;}
.ysgp-leaderboard-metric span,.ysgp-leaderboard-extra span{font-size:10px;color:#6c7f98;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.ysgp-leaderboard-metric strong,.ysgp-leaderboard-extra strong{font-size:14px;color:#061329;font-weight:950;}
@media(max-width:1024px){.ysgp-leaderboard-recognition-grid{grid-template-columns:1fr 1fr}.ysgp-leaderboard-row{grid-template-columns:56px minmax(220px,1fr);}.ysgp-leaderboard-metric,.ysgp-leaderboard-extra{grid-column:2/-1;}}
@media(max-width:640px){.ysgp-leaderboard-shell{gap:14px}.ysgp-leaderboard-hero{align-items:stretch}.ysgp-leaderboard-mode{width:100%;justify-content:center}.ysgp-leaderboard-filters{align-items:stretch}.ysgp-leaderboard-filters>div{width:100%;display:grid;grid-template-columns:1fr 1fr;}.ysgp-leaderboard-filters button,.ysgp-leaderboard-tabs button{width:100%;padding:10px 9px;font-size:11px}.ysgp-leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr}.ysgp-leaderboard-recognition-grid{grid-template-columns:1fr}.ysgp-leaderboard-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px}.ysgp-leaderboard-position{width:42px;height:42px;border-radius:14px}.ysgp-leaderboard-partner{gap:10px}.ysgp-leaderboard-partner strong{font-size:13px}.ysgp-leaderboard-metric,.ysgp-leaderboard-extra{grid-column:1/-1;padding-left:58px}.ysgp-leaderboard-metric strong,.ysgp-leaderboard-extra strong{font-size:13px}}
@media(max-width:390px){.ysgp-leaderboard-filters>div,.ysgp-leaderboard-tabs{grid-template-columns:1fr}.ysgp-leaderboard-row{grid-template-columns:1fr}.ysgp-leaderboard-position{width:auto;height:auto;justify-content:flex-start;background:transparent;color:#1455b8}.ysgp-leaderboard-metric,.ysgp-leaderboard-extra{padding-left:0}}

/* === YS Partner Program Leaderboard full admin-control frontend v21.2.70 === */
.ysgp-leaderboard-page{width:100%;}
.ysgp-leaderboard-shell{display:flex;flex-direction:column;gap:20px;}
.ysgp-leaderboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.ysgp-leaderboard-mode{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:#eef6ff;border:1px solid #d7e8ff;color:#0f4ca3;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.ysgp-leaderboard-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #dbe8f5;background:linear-gradient(135deg,#f7fbff 0%,#fff 100%);border-radius:24px;}
.ysgp-leaderboard-filters>div{display:flex;align-items:end;gap:8px;flex-wrap:wrap;}
.ysgp-leaderboard-filters label{display:flex;flex-direction:column;gap:5px;min-width:150px;}
.ysgp-leaderboard-filters label span{font-size:9px;font-weight:950;color:#6b7f99;text-transform:uppercase;letter-spacing:.12em;}
.ysgp-leaderboard-filters select{min-height:40px;border:1px solid #d9e6f3;background:#fff;color:#17304f;border-radius:14px;padding:0 36px 0 12px;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(15,43,87,.04);}
.ysgp-leaderboard-filters button,.ysgp-leaderboard-tabs button{appearance:none;border:1px solid #d9e6f3;background:#fff;color:#27405f;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 22px rgba(15,43,87,.04);transition:.2s ease;min-height:40px;}
.ysgp-leaderboard-filters button:hover,.ysgp-leaderboard-tabs button:hover{border-color:#b9d2ee;color:#0f4ca3;transform:translateY(-1px);}
.ysgp-leaderboard-filters button.active,.ysgp-leaderboard-tabs button.active{background:#1455b8;border-color:#1455b8;color:#fff;box-shadow:0 14px 28px rgba(20,85,184,.18);}
.ysgp-leaderboard-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ysgp-leaderboard-category-note{margin:-6px 0 0;color:#6d7f98;font-size:13px;font-weight:700;line-height:1.45;}
.ysgp-leaderboard-recognition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.ysgp-leaderboard-recognition-card{display:flex;flex-direction:column;gap:11px;padding:18px;border-radius:26px;border:1px solid #dce8f6;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);box-shadow:0 18px 46px rgba(15,43,87,.08);min-width:0;}
.ysgp-leaderboard-recognition-card>span{font-size:11px;font-weight:950;color:#5d728e;text-transform:uppercase;letter-spacing:.1em;}
.ysgp-leaderboard-recognition-card>strong{font-size:20px;line-height:1.1;color:#061329;font-weight:950;}
.ysgp-leaderboard-recognition-card>small{font-size:11px;color:#6b7f99;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.ysgp-leaderboard-recognition-card>p{margin:0;color:#60758f;font-size:12px;line-height:1.45;font-weight:700;}
.ysgp-leaderboard-list{display:flex;flex-direction:column;gap:10px;}
.ysgp-leaderboard-row{display:grid;grid-template-columns:76px minmax(240px,1.15fr) minmax(220px,1fr) minmax(180px,.85fr);align-items:center;gap:14px;padding:15px 16px;border:1px solid #dce8f6;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(15,43,87,.05);}
.ysgp-leaderboard-position{width:48px;height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:#1455b8;font-weight:950;font-size:14px;}
.ysgp-leaderboard-partner{display:flex;align-items:center;gap:13px;min-width:0;}
.ysgp-leaderboard-partner>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ysgp-leaderboard-partner strong{font-size:14px;color:#071429;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-leaderboard-partner span{font-size:11px;color:#5d728e;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-leaderboard-metric{display:flex;flex-direction:column;gap:4px;min-width:0;}
.ysgp-leaderboard-metric span{font-size:10px;color:#6c7f98;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.ysgp-leaderboard-metric strong{font-size:18px;color:#061329;font-weight:950;line-height:1.15;}
.ysgp-leaderboard-metric small{font-size:11px;color:#60758f;font-weight:800;line-height:1.35;}
.ysgp-leaderboard-row-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:0;}
.ysgp-leaderboard-row-badges span{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:5px 9px;border:1px solid #d7e8ff;background:#eef6ff;color:#1455b8;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;}
.ysgp-leaderboard-row-badges span:nth-child(2n){border-color:#bbf7d0;background:#effdf4;color:#047857;}
@media(max-width:1280px){.ysgp-leaderboard-recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-leaderboard-row{grid-template-columns:64px minmax(230px,1.2fr) minmax(220px,1fr);}.ysgp-leaderboard-row-badges{grid-column:2/-1;justify-content:flex-start;}}
@media(max-width:1024px){.ysgp-leaderboard-row{grid-template-columns:56px minmax(220px,1fr);}.ysgp-leaderboard-metric,.ysgp-leaderboard-row-badges{grid-column:2/-1;}.ysgp-leaderboard-filters{align-items:stretch;}.ysgp-leaderboard-filters>div{width:100%;}.ysgp-leaderboard-filters label{flex:1 1 160px;}}
@media(max-width:640px){.ysgp-leaderboard-shell{gap:14px}.ysgp-leaderboard-hero{align-items:stretch}.ysgp-leaderboard-mode{width:100%;justify-content:center}.ysgp-leaderboard-filters{align-items:stretch;padding:12px;border-radius:20px}.ysgp-leaderboard-filters>div{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.ysgp-leaderboard-filters label{min-width:0}.ysgp-leaderboard-filters button,.ysgp-leaderboard-tabs button,.ysgp-leaderboard-filters select{width:100%;padding:10px 9px;font-size:11px}.ysgp-leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr}.ysgp-leaderboard-recognition-grid{grid-template-columns:1fr}.ysgp-leaderboard-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px;border-radius:20px}.ysgp-leaderboard-position{width:42px;height:42px;border-radius:14px}.ysgp-leaderboard-partner{gap:10px}.ysgp-leaderboard-partner strong{font-size:13px}.ysgp-leaderboard-metric,.ysgp-leaderboard-row-badges{grid-column:1/-1;padding-left:58px}.ysgp-leaderboard-metric strong{font-size:16px}.ysgp-leaderboard-row-badges{justify-content:flex-start}.ysgp-leaderboard-recognition-card{border-radius:22px;padding:15px}}
@media(max-width:390px){.ysgp-leaderboard-filters>div,.ysgp-leaderboard-tabs{grid-template-columns:1fr}.ysgp-leaderboard-row{grid-template-columns:1fr}.ysgp-leaderboard-position{width:auto;height:auto;justify-content:flex-start;background:transparent;color:#1455b8}.ysgp-leaderboard-metric,.ysgp-leaderboard-row-badges{padding-left:0}.ysgp-leaderboard-partner span{white-space:normal}}

/* === YS Partner Program Leaderboard final category correction v21.2.70 === */
.ysgp-leaderboard-shell .ysgp-leaderboard-hero{align-items:center;}
.ysgp-leaderboard-shell .ysgp-leaderboard-category-note{display:none!important;}
.ysgp-leaderboard-country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ysgp-country-leader-card{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(230px,1.2fr) minmax(190px,1fr) minmax(150px,.7fr);align-items:center;gap:14px;padding:16px;border:1px solid #dce8f6;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);border-radius:24px;box-shadow:0 12px 30px rgba(15,43,87,.055);min-width:0;}
.ysgp-country-leader-country{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ysgp-country-leader-country span{font-size:30px;line-height:1;filter:drop-shadow(0 8px 16px rgba(15,43,87,.12));}
.ysgp-country-leader-country strong{font-size:15px;color:#071429;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-country-leader-country small{font-size:10px;color:#60758f;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
@media(max-width:1280px){.ysgp-leaderboard-country-grid{grid-template-columns:1fr}.ysgp-country-leader-card{grid-template-columns:minmax(150px,.7fr) minmax(230px,1.1fr) minmax(180px,1fr);}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;justify-content:flex-start;}}
@media(max-width:720px){.ysgp-country-leader-card{grid-template-columns:1fr;align-items:start;padding:14px;border-radius:20px}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:auto}.ysgp-country-leader-country{flex-direction:row;align-items:center;gap:10px}.ysgp-country-leader-country span{font-size:26px}.ysgp-country-leader-country small{display:block}}


/* === YS Partner Program Leaderboard Top 10 refinement v21.2.70 === */
.ysgp-leaderboard-recognition-grid{display:none!important;}
.ysgp-leaderboard-shell{gap:18px;}
.ysgp-leaderboard-tabs{margin-top:2px;}
.ysgp-leaderboard-list,.ysgp-leaderboard-country-grid{margin-top:0;}
@media(max-width:640px){.ysgp-leaderboard-shell{gap:14px}.ysgp-leaderboard-row{box-shadow:0 10px 24px rgba(15,43,87,.045)}}

/* === YS Partner Program Leaderboard country polish v21.2.73 === */
.ysgp-leaderboard-country-grid{display:flex;flex-direction:column;gap:10px;margin-top:0;}
.ysgp-country-leader-card{display:grid;grid-template-columns:76px minmax(240px,1.15fr) minmax(220px,1fr) minmax(180px,.85fr);align-items:center;gap:14px;padding:15px 16px;border:1px solid #dce8f6;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(15,43,87,.05);min-width:0;}
.ysgp-country-leader-country{width:48px;min-height:48px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#edf5ff;border:1px solid #d7e8ff;color:#1455b8;overflow:visible;}
.ysgp-country-leader-country span{font-size:24px;line-height:1;filter:drop-shadow(0 6px 12px rgba(15,43,87,.10));}
.ysgp-country-leader-country small{font-size:7.5px;line-height:1.05;color:#1455b8;font-weight:950;text-transform:uppercase;letter-spacing:.05em;text-align:center;max-width:44px;}
.ysgp-country-leader-country strong{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:1280px){.ysgp-country-leader-card{grid-template-columns:64px minmax(230px,1.2fr) minmax(220px,1fr);}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;justify-content:flex-start;}}
@media(max-width:1024px){.ysgp-country-leader-card{grid-template-columns:56px minmax(220px,1fr);}.ysgp-country-leader-card .ysgp-leaderboard-metric,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;}}
@media(max-width:640px){.ysgp-country-leader-card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px;border-radius:20px;}.ysgp-country-leader-country{width:42px;min-height:42px;border-radius:14px}.ysgp-country-leader-country span{font-size:22px}.ysgp-country-leader-country small{font-size:7px}.ysgp-country-leader-card .ysgp-leaderboard-metric,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:1/-1;padding-left:58px;}}
@media(max-width:390px){.ysgp-country-leader-card{grid-template-columns:1fr}.ysgp-country-leader-country{width:auto;min-height:0;background:transparent;border:0;align-items:flex-start}.ysgp-country-leader-country small{max-width:none}.ysgp-country-leader-card .ysgp-leaderboard-metric,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{padding-left:0}}

/* === YS Partner Program Leaderboard timeframe + country metric polish v21.2.73 === */
.ysgp-leaderboard-country-grid{display:flex;flex-direction:column;gap:10px;margin-top:0;}
.ysgp-country-leader-card{display:grid;grid-template-columns:58px minmax(260px,1fr) minmax(150px,.46fr) max-content;align-items:center;gap:14px;padding:15px 16px;border:1px solid #dce8f6;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(15,43,87,.05);min-width:0;}
.ysgp-country-leader-country{width:48px;height:48px;min-height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#edf5ff;border:1px solid #d7e8ff;color:#1455b8;overflow:visible;}
.ysgp-country-leader-country span{font-size:25px;line-height:1;filter:drop-shadow(0 6px 12px rgba(15,43,87,.10));}
.ysgp-country-leader-country small,.ysgp-country-leader-country strong{display:none!important;}
.ysgp-country-leader-card .ysgp-leaderboard-metric{min-width:0;}
.ysgp-country-leader-card .ysgp-leaderboard-row-badges{justify-content:flex-end;white-space:nowrap;}
@media(max-width:1280px){.ysgp-country-leader-card{grid-template-columns:56px minmax(240px,1fr) minmax(150px,.65fr) max-content;}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:auto;justify-content:flex-end;}}
@media(max-width:1024px){.ysgp-country-leader-card{grid-template-columns:52px minmax(220px,1fr) minmax(150px,.7fr);}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;justify-content:flex-start;}.ysgp-country-leader-card .ysgp-leaderboard-metric{grid-column:auto;}}
@media(max-width:640px){.ysgp-country-leader-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:12px;border-radius:20px;}.ysgp-country-leader-country{width:42px;height:42px;min-height:42px;border-radius:14px}.ysgp-country-leader-country span{font-size:22px}.ysgp-country-leader-card .ysgp-leaderboard-metric,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:1/-1;padding-left:56px;}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{justify-content:flex-start;}}
@media(max-width:390px){.ysgp-country-leader-card{grid-template-columns:1fr}.ysgp-country-leader-country{width:44px;height:44px;background:#edf5ff;border:1px solid #d7e8ff;}.ysgp-country-leader-card .ysgp-leaderboard-metric,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{padding-left:0}}

/* === YS Partner Program Leaderboard Country Leaders sales/BV/earnings correction v21.2.73 === */
.ysgp-leaderboard-country-grid{display:flex;flex-direction:column;gap:10px;margin-top:0;}
.ysgp-country-leader-card{display:grid;grid-template-columns:58px minmax(240px,1fr) minmax(360px,1.2fr) max-content;align-items:center;gap:14px;padding:15px 16px;border:1px solid #dce8f6;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(15,43,87,.05);min-width:0;}
.ysgp-country-leader-country{width:48px;height:48px;min-height:48px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#edf5ff;border:1px solid #d7e8ff;color:#1455b8;overflow:visible;}
.ysgp-country-leader-country span{font-size:25px;line-height:1;filter:drop-shadow(0 6px 12px rgba(15,43,87,.10));}
.ysgp-country-leader-country small,.ysgp-country-leader-country strong{display:none!important;}
.ysgp-country-leader-metrics{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:8px;min-width:0;}
.ysgp-country-leader-metrics>div{min-width:0;border:1px solid #dfeaf6;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 100%);border-radius:16px;padding:9px 10px;box-shadow:0 8px 20px rgba(15,43,87,.035);}
.ysgp-country-leader-metrics span{display:block;font-size:9px;color:#6c7f98;font-weight:950;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-country-leader-metrics strong{display:block;margin-top:2px;font-size:15px;line-height:1.15;color:#061329;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-country-leader-card .ysgp-leaderboard-row-badges{justify-content:flex-end;white-space:nowrap;}
@media(max-width:1280px){.ysgp-country-leader-card{grid-template-columns:56px minmax(220px,1fr) minmax(320px,1.2fr);}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;justify-content:flex-start;}}
@media(max-width:1024px){.ysgp-country-leader-card{grid-template-columns:52px minmax(210px,1fr);}.ysgp-country-leader-metrics,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:2/-1;}}
@media(max-width:640px){.ysgp-country-leader-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:12px;border-radius:20px;}.ysgp-country-leader-country{width:42px;height:42px;min-height:42px;border-radius:14px}.ysgp-country-leader-country span{font-size:22px}.ysgp-country-leader-metrics,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{grid-column:1/-1;padding-left:56px;}.ysgp-country-leader-metrics{grid-template-columns:1fr 1fr 1fr;gap:7px}.ysgp-country-leader-metrics>div{padding:8px}.ysgp-country-leader-metrics strong{font-size:13px}.ysgp-country-leader-card .ysgp-leaderboard-row-badges{justify-content:flex-start;}}
@media(max-width:430px){.ysgp-country-leader-metrics{grid-template-columns:1fr;}.ysgp-country-leader-metrics span,.ysgp-country-leader-metrics strong{white-space:normal;}}
@media(max-width:390px){.ysgp-country-leader-card{grid-template-columns:1fr}.ysgp-country-leader-country{width:44px;height:44px;background:#edf5ff;border:1px solid #d7e8ff;}.ysgp-country-leader-metrics,.ysgp-country-leader-card .ysgp-leaderboard-row-badges{padding-left:0}}

/* === YS Partner Portal operations pages v21.2.78 === */
#ysgp-portal-root .ysgp-payouts-page .ysgp-wallet-card{margin-top:18px;}
#ysgp-portal-root .ysgp-wallet-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px;}
#ysgp-portal-root .ysgp-wallet-form label,#ysgp-portal-root .ysgp-support-form label{display:grid;gap:7px;}
#ysgp-portal-root .ysgp-wallet-form span,#ysgp-portal-root .ysgp-support-form span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;}
#ysgp-portal-root .ysgp-wallet-form input,#ysgp-portal-root .ysgp-wallet-form select,#ysgp-portal-root .ysgp-support-form input,#ysgp-portal-root .ysgp-support-form textarea,#ysgp-portal-root .ysgp-support-form select{border:1px solid #dbe5f0;border-radius:14px;background:#fff;color:#0f172a;padding:12px 13px;font-size:13px;outline:none;box-sizing:border-box;width:100%;}
#ysgp-portal-root .ysgp-wallet-list{display:grid;gap:10px;margin-top:16px;}
#ysgp-portal-root .ysgp-wallet-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dbe8f4;border-radius:18px;background:#f8fbff;padding:14px;}
#ysgp-portal-root .ysgp-wallet-row small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950;}
#ysgp-portal-root .ysgp-wallet-row strong{font-weight:950;color:#0f172a;}#ysgp-portal-root .ysgp-wallet-row span{word-break:break-all;color:#475569;font-weight:800;}
#ysgp-portal-root .ysgp-wallet-row button{border:1px solid #fecaca;background:#fff5f5;color:#b91c1c;border-radius:12px;padding:9px 12px;font-weight:950;cursor:pointer;}
#ysgp-portal-root .ysgp-language-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
#ysgp-portal-root .ysgp-language-tabs button{border:1px solid #dbe8f4;background:#fff;color:#0f172a;border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer;}
#ysgp-portal-root .ysgp-language-tabs button.active{background:#155bd4;color:#fff;border-color:#155bd4;box-shadow:0 14px 30px rgba(21,91,212,.18);}
#ysgp-portal-root .ysgp-material-grid,#ysgp-portal-root .ysgp-session-grid,#ysgp-portal-root .ysgp-agreement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;}
#ysgp-portal-root .ysgp-material-card,#ysgp-portal-root .ysgp-session-card,#ysgp-portal-root .ysgp-agreement-card{border:1px solid #dbe8f4;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 42px rgba(15,23,42,.06);display:flex;flex-direction:column;min-width:0;}
#ysgp-portal-root .ysgp-material-card img,#ysgp-portal-root .ysgp-session-card>img,#ysgp-portal-root .ysgp-agreement-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eaf3ff;}
#ysgp-portal-root .ysgp-material-placeholder,#ysgp-portal-root .ysgp-session-thumb{aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(135deg,#eef7ff,#f8fbff);color:#155bd4;}
#ysgp-portal-root .ysgp-material-card>div,#ysgp-portal-root .ysgp-session-card>div:not(.ysgp-session-thumb),#ysgp-portal-root .ysgp-agreement-card>div{padding:16px;display:grid;gap:8px;}
#ysgp-portal-root .ysgp-material-card h3,#ysgp-portal-root .ysgp-session-card h3,#ysgp-portal-root .ysgp-agreement-card h3{margin:0;font-size:16px;color:#071225;font-weight:950;}
#ysgp-portal-root .ysgp-material-card p,#ysgp-portal-root .ysgp-session-card p,#ysgp-portal-root .ysgp-agreement-card p{margin:0;color:#64748b;line-height:1.55;font-size:13px;}
#ysgp-portal-root .ysgp-material-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
#ysgp-portal-root .ysgp-material-actions a,#ysgp-portal-root .ysgp-material-actions button{border:0;background:#155bd4;color:#fff;border-radius:12px;padding:9px 12px;text-decoration:none;font-weight:950;font-size:12px;cursor:pointer;}
#ysgp-portal-root .ysgp-session-status{display:inline-flex;width:max-content;border-radius:999px;background:#eaf3ff;color:#155bd4;font-weight:950;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;}
#ysgp-portal-root .ysgp-session-status.live{background:#dcfce7;color:#15803d;}#ysgp-portal-root .ysgp-session-status.replay{background:#f3e8ff;color:#7e22ce;}
#ysgp-portal-root .ysgp-session-meta{display:flex;gap:8px;flex-wrap:wrap;color:#475569;font-size:12px;font-weight:850;}
#ysgp-portal-root .ysgp-session-meta span{background:#f8fbff;border:1px solid #dbe8f4;border-radius:999px;padding:6px 9px;}
#ysgp-portal-root .ysgp-support-actions{display:flex;justify-content:flex-end;margin:10px 0 16px;}
#ysgp-portal-root .ysgp-support-form{display:grid;gap:12px;border:1px solid #dbe8f4;background:#f8fbff;border-radius:20px;padding:16px;margin:12px 0 18px;}
#ysgp-portal-root .ysgp-support-form small{color:#64748b;font-weight:800;}
#ysgp-portal-root .ysgp-section-title{font-size:16px;font-weight:950;color:#071225;margin:18px 0 10px;}
#ysgp-portal-root .ysgp-support-list{display:grid;gap:10px;margin-bottom:16px;}
#ysgp-portal-root .ysgp-support-list article{border:1px solid #dbe8f4;background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;}
#ysgp-portal-root .ysgp-support-list article.active{border-color:#155bd4;box-shadow:0 16px 36px rgba(21,91,212,.10);}#ysgp-portal-root .ysgp-support-list strong{display:block;color:#071225;}#ysgp-portal-root .ysgp-support-list small,#ysgp-portal-root .ysgp-support-list span{display:block;color:#64748b;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-support-list button{border:1px solid #dbe8f4;background:#f8fbff;border-radius:12px;padding:9px 12px;font-weight:950;cursor:pointer;color:#155bd4;}
#ysgp-portal-root .ysgp-ticket-detail{border:1px solid #dbe8f4;background:#fff;border-radius:22px;padding:18px;margin-top:12px;}
#ysgp-portal-root .ysgp-ticket-detail h3{margin:0 0 10px;font-weight:950;}
#ysgp-portal-root .ysgp-ticket-thread{display:grid;gap:10px;margin-top:14px;}
#ysgp-portal-root .ysgp-ticket-thread article{border:1px solid #dbe8f4;border-radius:16px;padding:12px;background:#f8fbff;}.ysgp-ticket-thread article.admin{background:#f0f7ff;}
#ysgp-portal-root .ysgp-ticket-thread strong{display:block;}#ysgp-portal-root .ysgp-ticket-thread small{color:#64748b;font-size:11px;}#ysgp-portal-root .ysgp-ticket-thread p{margin:8px 0;color:#334155;white-space:pre-wrap;}
#ysgp-portal-root .ysgp-ticket-attachments{display:flex;gap:8px;flex-wrap:wrap;}#ysgp-portal-root .ysgp-ticket-attachments a{background:#fff;border:1px solid #dbe8f4;color:#155bd4;border-radius:10px;padding:7px 10px;text-decoration:none;font-size:12px;font-weight:900;}
@media (max-width:1024px){#ysgp-portal-root .ysgp-material-grid,#ysgp-portal-root .ysgp-session-grid,#ysgp-portal-root .ysgp-agreement-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){#ysgp-portal-root .ysgp-material-grid,#ysgp-portal-root .ysgp-session-grid,#ysgp-portal-root .ysgp-agreement-grid,#ysgp-portal-root .ysgp-wallet-form,#ysgp-portal-root .ysgp-wallet-row{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-support-list article{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-support-actions{justify-content:stretch;}#ysgp-portal-root .ysgp-support-actions button{width:100%;}}
#ysgp-portal-root .ysgp-wallet-edit{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:end;}
#ysgp-portal-root .ysgp-wallet-edit input,#ysgp-portal-root .ysgp-wallet-edit select{width:100%;border:1px solid #dbe5f0;border-radius:12px;background:#fff;color:#0f172a;padding:9px 10px;font-size:13px;}
#ysgp-portal-root .ysgp-wallet-edit button{background:#eff6ff!important;color:#155bd4!important;border-color:#bfdbfe!important;}
@media (max-width:640px){#ysgp-portal-root .ysgp-wallet-edit{grid-template-columns:1fr;}}

/* === YS Portal AI original-layout mobile correction v21.2.78 === */
#ysgp-portal-root, #ysgp-portal-root *{box-sizing:border-box;}
#ysgp-portal-root{max-width:100vw;overflow-x:hidden;}
#ysgp-portal-root .ysgp-ai-shell{min-height:0;max-width:100%;overflow:hidden;}
#ysgp-portal-root .ysgp-ai-chat-card{min-height:0;max-width:100%;background:linear-gradient(180deg,rgba(10,13,20,.98),rgba(5,8,15,.98));}
#ysgp-portal-root .ysgp-ai-history-panel{min-height:0;}
#ysgp-portal-root .ysgp-ai-header-actions{display:flex;align-items:center;gap:8px;min-width:0;justify-content:flex-end;}
#ysgp-portal-root .ysgp-ai-header-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(34,211,238,.18);background:rgba(15,23,42,.72);color:#d8f3ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease;}
#ysgp-portal-root .ysgp-ai-header-action:hover{background:rgba(6,182,212,.16);border-color:rgba(34,211,238,.42);color:#fff;}
#ysgp-portal-root .ysgp-ai-messages{min-height:0;scroll-padding-bottom:160px;-webkit-overflow-scrolling:touch;}
#ysgp-portal-root .ysgp-ai-input-dock{background:linear-gradient(180deg,rgba(10,13,20,.92),rgba(6,8,12,.98));box-shadow:0 -18px 46px rgba(0,0,0,.22);}
#ysgp-portal-root .ysgp-ai-input-row{width:100%;max-width:100%;}
#ysgp-portal-root .ysgp-ai-textarea{min-height:38px;max-height:118px;padding-top:10px;padding-bottom:8px;line-height:1.45;overflow-y:auto;font-family:Inter,system-ui,sans-serif;}
#ysgp-portal-root .ysgp-ai-generate-mobile{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-ai-message-row[dir="rtl"] .ysgp-ai-response-body,
#ysgp-portal-root .ysgp-ai-message-row[dir="rtl"] .ysgp-ai-line,
#ysgp-portal-root .ysgp-ai-message-row[dir="rtl"] .ysgp-ai-bullet p{text-align:right;direction:rtl;}
#ysgp-portal-root .ysgp-ai-message-row[dir="rtl"] .ysgp-ai-bullet{flex-direction:row-reverse;}
#ysgp-portal-root .ysgp-ai-history-drawer{position:absolute;inset:0;z-index:40;background:linear-gradient(180deg,rgba(6,8,12,.98),rgba(10,13,20,.98));border:1px solid rgba(34,211,238,.18);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.62);padding:16px;display:flex;flex-direction:column;min-height:0;}
#ysgp-portal-root .ysgp-ai-history-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);}
#ysgp-portal-root .ysgp-ai-history-drawer-head p{margin:0;color:#67e8f9;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;}
#ysgp-portal-root .ysgp-ai-history-drawer-head h3{margin:2px 0 0;color:#fff;font-size:18px;font-weight:900;}
#ysgp-portal-root .ysgp-ai-history-drawer-head button{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;display:flex;align-items:center;justify-content:center;}
#ysgp-portal-root .ysgp-ai-history-new{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#2563eb);border:0;color:white;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
#ysgp-portal-root .ysgp-ai-history-drawer-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px;}
#ysgp-portal-root .ysgp-ai-history-card{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:16px;background:rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.07);color:#cbd5e1;text-align:left;}
#ysgp-portal-root .ysgp-ai-history-card.is-active{border-color:rgba(34,211,238,.42);background:rgba(6,182,212,.09);}
#ysgp-portal-root .ysgp-ai-history-card span{display:flex;flex-direction:column;min-width:0;flex:1;}
#ysgp-portal-root .ysgp-ai-history-card b{color:#fff;font-size:12px;line-height:1.2;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ysgp-portal-root .ysgp-ai-history-card small{margin-top:3px;color:#64748b;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ysgp-portal-root .ysgp-ai-history-empty{border:1px dashed rgba(148,163,184,.18);border-radius:16px;padding:20px;color:#94a3b8;font-size:12px;text-align:center;}
@media (max-width: 767px){
  #ysgp-portal-root .ysgp-fullscreen-root, body.ysgp-design-page{overflow-x:hidden;}
  #ysgp-portal-root main{height:100dvh;max-width:100vw;overflow:hidden;}
  #ysgp-portal-root main > div{min-width:0;}
  #ysgp-portal-root .ysgp-ai-shell{gap:10px;height:100%;min-height:0;}
  #ysgp-portal-root .ysgp-ai-chat-card{border-radius:20px;min-height:0;height:100%;}
  #ysgp-portal-root .ysgp-ai-header-actions{gap:6px;justify-content:flex-end;flex-wrap:wrap;}
  #ysgp-portal-root .ysgp-ai-header-action{padding:7px 8px;font-size:9px;}
  #ysgp-portal-root .ysgp-ai-header-title{font-size:16px!important;max-width:145px;}
  #ysgp-portal-root .ysgp-ai-messages{padding:14px 12px 18px!important;}
  #ysgp-portal-root .ysgp-ai-response-body{font-size:14.5px!important;line-height:1.68!important;padding:14px 15px!important;}
  #ysgp-portal-root .ysgp-ai-message-row > div{max-width:96%!important;}
  #ysgp-portal-root .ysgp-ai-input-dock{padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;}
  #ysgp-portal-root .ysgp-ai-input-row{border-radius:18px!important;padding:7px!important;align-items:flex-end!important;}
  #ysgp-portal-root .ysgp-ai-textarea{font-size:14px!important;min-height:38px;max-height:94px;padding:9px 6px!important;}
  #ysgp-portal-root .ysgp-ai-generate-mobile{margin-top:8px!important;padding:11px!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(6,182,212,.16)!important;}
  #ysgp-portal-root .ysgp-attached-image-pill{padding:8px;gap:8px;}
  #ysgp-portal-root .ysgp-attached-image-thumb{width:44px;height:44px;border-radius:13px;}
}
@media (max-width: 390px){
  #ysgp-portal-root .ysgp-ai-header-actions .ysgp-ai-header-action{font-size:0;width:34px;height:34px;padding:0;border-radius:12px;}
  #ysgp-portal-root .ysgp-ai-header-actions .ysgp-ai-header-action svg{width:15px;height:15px;}
  #ysgp-portal-root .ysgp-ai-header-title{max-width:118px;}
}
@media (max-width: 340px){
  #ysgp-portal-root .ysgp-ai-messages{padding-left:10px!important;padding-right:10px!important;}
  #ysgp-portal-root .ysgp-ai-response-body{font-size:13.8px!important;}
  #ysgp-portal-root .ysgp-ai-textarea{font-size:13px!important;}
}

/* YS LIVE CHART dashboard module - v21.2.95 YouTube IFrame API HD quality enforcement */
.ysgp-live-chart-page{
  width:min(1380px,100%);margin:0 auto;padding:clamp(16px,3vw,30px);padding-bottom:56px;display:flex;flex-direction:column;gap:24px;overflow-x:hidden;box-sizing:border-box;
}
.ysgp-live-chart-hero{position:relative;overflow:hidden;border-radius:30px;padding:clamp(24px,4vw,42px);display:flex;align-items:flex-start;justify-content:space-between;gap:22px;background:linear-gradient(135deg,rgba(8,14,24,.95),rgba(3,8,14,.99));border:1px solid rgba(34,211,238,.16);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.ysgp-live-chart-hero:before{content:"";position:absolute;inset:-48% -8% auto auto;width:440px;height:440px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.2),transparent 62%);pointer-events:none}.ysgp-live-chart-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#22d3ee;font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.ysgp-live-chart-kicker span,.ysgp-live-chart-hero-badge b,.ysgp-live-chart-live-dot b{width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.85);display:inline-block}.ysgp-live-chart-hero h1{position:relative;z-index:1;margin:0 0 10px;color:#fff;font-size:clamp(32px,5vw,58px);font-weight:950;letter-spacing:-.06em;display:flex;align-items:center;gap:12px}.ysgp-live-chart-hero p{position:relative;z-index:1;margin:0;max-width:680px;color:#94a3b8;font-size:15px;line-height:1.7}.ysgp-live-chart-hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid rgba(34,211,238,.28);background:rgba(34,211,238,.08);color:#67e8f9;border-radius:14px;padding:10px 12px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.ysgp-live-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ysgp-live-chart-card{display:flex;flex-direction:column;text-align:left;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(8,13,23,.9),rgba(3,7,15,.96));padding:0;cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;box-shadow:0 16px 42px rgba(0,0,0,.26)}.ysgp-live-chart-card:hover,.ysgp-live-chart-card.is-active{transform:translateY(-3px);border-color:rgba(34,211,238,.46);box-shadow:0 26px 65px rgba(0,0,0,.4),0 0 0 1px rgba(34,211,238,.12) inset}.ysgp-live-chart-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#020617}.ysgp-live-chart-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;opacity:.94}.ysgp-live-chart-card:hover .ysgp-live-chart-thumb img{transform:scale(1.035)}.ysgp-live-chart-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.34) 46%,rgba(2,6,23,.86));pointer-events:none}.ysgp-live-chart-thumb-brand{position:absolute;z-index:3;right:14px;top:14px;border:1px solid rgba(103,232,249,.34);background:rgba(2,6,23,.64);backdrop-filter:blur(10px);color:#e0faff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.16em}.ysgp-live-chart-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#061018;background:linear-gradient(135deg,#a5f3fc,#22d3ee 48%,#2563eb);box-shadow:0 20px 42px rgba(34,211,238,.32),0 0 0 9px rgba(34,211,238,.1)}.ysgp-live-chart-live-dot{position:absolute;z-index:4;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(34,211,238,.36);background:rgba(2,6,23,.66);backdrop-filter:blur(10px);color:#67e8f9;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.ysgp-live-chart-open-label{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;display:flex;justify-content:center;border:1px solid rgba(255,255,255,.14);background:rgba(8,13,23,.74);backdrop-filter:blur(12px);color:#fff;border-radius:14px;padding:10px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.16em}.ysgp-live-chart-card-body{display:flex;flex-direction:column;gap:8px;padding:18px}.ysgp-live-chart-card-body strong{color:#fff;font-size:18px;font-weight:950;letter-spacing:-.03em}.ysgp-live-chart-card-body em{font-style:normal;color:#94a3b8;font-size:12px;line-height:1.55}.ysgp-live-chart-thumb-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#67e8f9;background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.2),rgba(2,6,23,.98) 62%);font-weight:950;letter-spacing:.16em;font-size:11px;text-transform:uppercase}.ysgp-live-chart-thumb-placeholder svg{filter:drop-shadow(0 0 16px rgba(34,211,238,.38))}
.ysgp-live-chart-ready-room{width:100%;max-width:1280px;margin:0 auto;border-radius:28px;padding:clamp(22px,3vw,32px);display:flex;align-items:center;gap:18px;border:1px solid rgba(34,211,238,.14);background:linear-gradient(135deg,rgba(8,13,23,.86),rgba(3,7,12,.96))}.ysgp-live-chart-ready-icon{flex:0 0 auto;width:70px;height:70px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#67e8f9;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.24)}.ysgp-live-chart-ready-room h2{margin:0 0 8px;color:#fff;font-size:clamp(22px,3vw,32px);font-weight:950;letter-spacing:-.04em}.ysgp-live-chart-ready-room p{margin:0;color:#94a3b8;line-height:1.65}.ysgp-live-chart-empty,.ysgp-live-chart-lock-card{border-radius:28px;padding:clamp(24px,5vw,48px);text-align:center;background:rgba(8,13,23,.88);border:1px solid rgba(34,211,238,.15)}.ysgp-live-chart-empty>div,.ysgp-live-chart-lock-icon{width:70px;height:70px;border-radius:22px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#67e8f9;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.22)}.ysgp-live-chart-empty h2,.ysgp-live-chart-lock-card h1{margin:0 0 10px;color:#fff;font-size:clamp(24px,4vw,38px);font-weight:950;letter-spacing:-.045em}.ysgp-live-chart-empty p,.ysgp-live-chart-lock-card p{margin:0 auto 24px;max-width:560px;color:#94a3b8;line-height:1.7}.ysgp-live-chart-lock-card button{border:0;border-radius:16px;background:linear-gradient(135deg,#22d3ee,#2563eb);color:#020617;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;padding:15px 22px;cursor:pointer;box-shadow:0 18px 35px rgba(34,211,238,.2)}
.ysgp-live-chart-player{width:100%;max-width:1340px!important;margin:0 auto;border-radius:30px!important;padding:clamp(12px,2vw,24px)!important;border:1px solid rgba(34,211,238,.22)!important;background:radial-gradient(circle at 18% 0,rgba(34,211,238,.13),transparent 34%),linear-gradient(135deg,rgba(8,13,23,.96),rgba(1,5,12,.99))!important;box-shadow:0 28px 90px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.03) inset!important;box-sizing:border-box!important;overflow:visible!important}.ysgp-live-chart-player.is-theater-active{opacity:1;filter:none;pointer-events:none}.ysgp-live-chart-player-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ysgp-live-chart-player-head h2{margin:0;color:#fff;font-size:clamp(22px,3vw,34px);font-weight:950;letter-spacing:-.045em}.ysgp-live-chart-player-head p{margin:6px 0 0;color:#94a3b8;font-size:13px;font-weight:700}.ysgp-live-chart-theater-active-note{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed rgba(34,211,238,.28);background:rgba(34,211,238,.05);border-radius:22px;padding:20px;color:#bff8ff}.ysgp-live-chart-theater-active-note span{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.ysgp-live-chart-theater-active-note b{width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 18px rgba(34,211,238,.9)}.ysgp-live-chart-theater-active-note p{margin:0;color:#94a3b8;font-size:13px}
.ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:52px;--ys-live-crop-extra:104px;--ys-live-mask-top:56px;--ys-live-mask-bottom:46px;--ys-live-frame-radius:22px;width:100%;max-width:100%;margin:0 auto;padding:6px;border-radius:calc(var(--ys-live-frame-radius) + 6px);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(37,99,235,.08)),rgba(2,6,14,.88);border:1px solid rgba(103,232,249,.16);box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035) inset;box-sizing:border-box;overflow:hidden}.ysgp-live-chart-room-shell.is-expanded-room{--ys-live-crop-top:54px;--ys-live-crop-extra:108px;--ys-live-mask-top:56px;--ys-live-mask-bottom:46px;--ys-live-frame-radius:18px;padding:5px;background:rgba(2,6,14,.96);border-color:rgba(103,232,249,.24);box-shadow:0 24px 85px rgba(0,0,0,.62),0 0 0 1px rgba(34,211,238,.08) inset}.ysgp-live-chart-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--ys-live-frame-radius);overflow:hidden;background:#02070d;border:1px solid rgba(103,232,249,.18);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 26px 80px rgba(0,0,0,.45);box-sizing:border-box}.ysgp-live-chart-frame:before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 0 34px rgba(34,211,238,.055)}.ysgp-live-chart-iframe-wrap iframe{position:absolute!important;left:0!important;top:calc(-1 * var(--ys-live-crop-top))!important;width:100%!important;height:calc(100% + var(--ys-live-crop-extra))!important;border:0!important;display:block!important;background:#02070d!important;transform:none!important;object-fit:initial!important}.ysgp-live-chart-iframe-wrap.is-custom iframe{top:0!important;height:100%!important}.ysgp-live-chart-interaction-shield{position:absolute;inset:0;z-index:6;background:transparent;pointer-events:auto;cursor:default}.ysgp-live-chart-mask{position:absolute!important;left:0!important;right:0!important;z-index:9!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;pointer-events:none!important;color:#dffaff!important;background:#02070d!important}.ysgp-live-chart-mask-top{top:0!important;height:var(--ys-live-mask-top)!important;padding:0 clamp(12px,2.1vw,28px)!important;background:linear-gradient(180deg,#02070f 0%,#03101c 72%,rgba(3,13,24,.98) 100%)!important;border-bottom:1px solid rgba(103,232,249,.18)!important;box-shadow:0 8px 24px rgba(0,0,0,.62),inset 0 -1px 0 rgba(34,211,238,.08)!important}.ysgp-live-chart-mask-bottom{bottom:0!important;height:var(--ys-live-mask-bottom)!important;padding:0 clamp(12px,2.1vw,28px)!important;justify-content:space-between!important;background:linear-gradient(0deg,#02070f 0%,#03101c 72%,rgba(3,13,24,.98) 100%)!important;border-top:1px solid rgba(103,232,249,.14)!important;box-shadow:0 -8px 24px rgba(0,0,0,.64),inset 0 1px 0 rgba(34,211,238,.07)!important}.ysgp-live-chart-pair-mask{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;justify-items:center!important;gap:clamp(8px,1.8vw,22px)!important;padding-right:clamp(72px,7vw,106px)!important}.ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:clamp(84px,8vw,128px)!important;min-height:clamp(25px,2.2vw,32px)!important;padding:5px clamp(11px,1.35vw,17px)!important;border-radius:999px!important;color:#f8feff!important;background:linear-gradient(135deg,rgba(7,28,46,.98),rgba(2,10,21,.99))!important;border:1px solid rgba(103,232,249,.42)!important;box-shadow:0 8px 22px rgba(0,0,0,.46),0 0 16px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.1)!important;font-size:clamp(12px,1.05vw,16px)!important;line-height:1!important;font-weight:950!important;letter-spacing:.15em!important;text-align:center!important;text-shadow:0 1px 12px rgba(0,0,0,.75)!important}.ysgp-live-chart-pair-label-left{grid-column:1!important}.ysgp-live-chart-pair-label-right{grid-column:2!important}.ysgp-live-chart-mask-bottom span{font-size:clamp(8px,.72vw,10px)!important;letter-spacing:.14em!important;color:#a8d7e8!important;opacity:.92!important;font-weight:950!important;text-transform:uppercase!important}.ysgp-live-chart-mask-bottom span:first-child{color:#ecfeff!important}.ysgp-live-chart-mask-bottom span:not(:first-child):before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.75)}.ysgp-live-chart-frame .ysgp-live-chart-expand-btn{position:absolute!important;top:clamp(9px,.9vw,12px)!important;right:clamp(9px,.9vw,12px)!important;z-index:12!important;min-height:32px!important;padding:0 11px!important;border-radius:999px!important;border:1px solid rgba(103,232,249,.34)!important;background:linear-gradient(135deg,rgba(5,24,39,.96),rgba(3,12,24,.97))!important;color:#dffaff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 20px rgba(34,211,238,.1)!important;display:inline-flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}.ysgp-live-chart-frame .ysgp-live-chart-expand-btn:hover{border-color:rgba(103,232,249,.68)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 24px rgba(34,211,238,.18)!important}
html.ysgp-live-chart-theater-open,body.ysgp-live-chart-theater-open{overflow:hidden!important;overscroll-behavior:contain!important}.ysgp-live-chart-theater-overlay{position:fixed!important;inset:0!important;width:100dvw!important;height:100dvh!important;min-width:100dvw!important;min-height:100dvh!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;box-sizing:border-box!important;overflow:hidden!important;overscroll-behavior:contain!important;background:radial-gradient(circle at 16% 0,rgba(34,211,238,.1),transparent 34%),rgba(0,3,9,.94)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}.ysgp-live-chart-theater-shell{position:relative!important;z-index:1!important;width:min(97dvw,1800px,calc((100dvh - 28px) * 16 / 9))!important;max-width:97dvw!important;max-height:calc(100dvh - 20px)!important;aspect-ratio:16/9!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border-radius:clamp(14px,1.5vw,26px)!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:0!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-frame{width:100%!important;max-height:calc(100dvh - 32px)!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask{padding-right:clamp(14px,2vw,32px)!important}.ysgp-live-chart-close-btn{position:fixed!important;top:max(14px,env(safe-area-inset-top))!important;right:max(14px,env(safe-area-inset-right))!important;z-index:2147483647!important;min-width:42px!important;min-height:42px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(1,5,12,.9)!important;color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 18px rgba(34,211,238,.08)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;cursor:pointer!important}.ysgp-live-chart-close-btn:hover{background:rgba(8,20,34,.96)!important;border-color:rgba(103,232,249,.36)!important}.ysgp-live-chart-close-btn svg{width:18px;height:18px}.ysgp-live-chart-theater-shell .ysgp-live-chart-expand-btn{display:none!important}
@media(max-width:1100px){.ysgp-live-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ysgp-live-chart-hero{flex-direction:column}.ysgp-live-chart-player-head{align-items:flex-start;flex-direction:column}.ysgp-live-chart-player,.ysgp-live-chart-ready-room{max-width:100%}.ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:48px;--ys-live-crop-extra:96px;--ys-live-mask-top:50px;--ys-live-mask-bottom:42px;--ys-live-frame-radius:18px}.ysgp-live-chart-pair-mask{padding-right:88px!important;gap:10px!important}.ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{min-width:76px!important;min-height:27px!important;font-size:11.5px!important;padding:5px 9px!important;letter-spacing:.12em!important}.ysgp-live-chart-mask-bottom span:nth-child(2){display:none!important}}
@media(max-width:560px){.ysgp-live-chart-page{padding:14px 10px 48px!important;gap:16px}.ysgp-live-chart-grid{grid-template-columns:1fr;gap:14px}.ysgp-live-chart-hero,.ysgp-live-chart-player,.ysgp-live-chart-empty,.ysgp-live-chart-lock-card,.ysgp-live-chart-ready-room{border-radius:22px}.ysgp-live-chart-hero h1{font-size:30px}.ysgp-live-chart-play{width:54px;height:54px}.ysgp-live-chart-card-body{padding:16px}.ysgp-live-chart-hero-badge{width:100%;justify-content:center}.ysgp-live-chart-ready-room{flex-direction:column;text-align:center}.ysgp-live-chart-thumb-brand{right:10px;top:10px}.ysgp-live-chart-live-dot{left:10px;top:10px}.ysgp-live-chart-open-label{left:12px;right:12px;bottom:10px}.ysgp-live-chart-player{padding:8px!important;border-radius:20px!important}.ysgp-live-chart-player-head{margin-bottom:12px!important}.ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:38px;--ys-live-crop-extra:76px;--ys-live-mask-top:40px;--ys-live-mask-bottom:34px;--ys-live-frame-radius:14px;padding:4px!important;border-radius:18px!important}.ysgp-live-chart-pair-mask{padding-left:7px!important;padding-right:52px!important;gap:6px!important}.ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{min-width:62px!important;min-height:23px!important;font-size:9.5px!important;padding:4px 7px!important;letter-spacing:.075em!important}.ysgp-live-chart-mask-bottom{justify-content:center!important;gap:8px!important}.ysgp-live-chart-mask-bottom span{font-size:7.4px!important;letter-spacing:.075em!important}.ysgp-live-chart-mask-bottom span:nth-child(2),.ysgp-live-chart-mask-bottom span:nth-child(3){display:none!important}.ysgp-live-chart-frame .ysgp-live-chart-expand-btn{top:6px!important;right:6px!important;min-height:28px!important;padding:0 8px!important;font-size:0!important}.ysgp-live-chart-frame .ysgp-live-chart-expand-btn svg{width:14px!important;height:14px!important}.ysgp-live-chart-theater-overlay{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important}.ysgp-live-chart-theater-shell{width:min(calc(100dvw - 12px),calc((100dvh - 12px) * 16 / 9))!important;max-width:calc(100dvw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:14px!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:38px;--ys-live-crop-extra:76px;--ys-live-mask-top:40px;--ys-live-mask-bottom:34px;padding:3px!important;border-radius:13px!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-frame{border-radius:11px!important;max-height:calc(100dvh - 18px)!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-frame:before{border-radius:11px!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask{padding-left:6px!important;padding-right:6px!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{min-width:58px!important;min-height:22px!important;font-size:9.5px!important;padding:4px 6px!important;letter-spacing:.07em!important}.ysgp-live-chart-close-btn{top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;min-width:34px!important;min-height:34px!important;padding:0 9px!important;font-size:0!important}.ysgp-live-chart-theater-active-note{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px}}
@media(max-width:390px){.ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:34px;--ys-live-crop-extra:68px;--ys-live-mask-top:36px;--ys-live-mask-bottom:30px}.ysgp-live-chart-pair-mask{padding-right:46px!important}.ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{min-width:56px!important;font-size:8.8px!important;padding:4px 6px!important;letter-spacing:.055em!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask{padding-right:6px!important}}
@media(max-height:620px) and (orientation:landscape){.ysgp-live-chart-theater-overlay{padding:6px!important}.ysgp-live-chart-theater-shell{width:min(98dvw,calc((100dvh - 12px) * 16 / 9))!important;max-width:98dvw!important;max-height:calc(100dvh - 12px)!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:34px;--ys-live-crop-extra:68px;--ys-live-mask-top:36px;--ys-live-mask-bottom:30px;padding:3px!important}.ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{font-size:9.5px!important;min-width:64px!important;min-height:22px!important;padding:4px 7px!important}.ysgp-live-chart-close-btn{top:7px!important;right:7px!important;min-height:32px!important;min-width:32px!important;font-size:0!important}}


/* YS LIVE CHART HD clarity guard */
.ysgp-live-chart-iframe-wrap iframe{opacity:1!important;filter:none!important;transform:none!important;image-rendering:auto!important;backface-visibility:hidden!important;will-change:auto!important}
.ysgp-live-chart-player.is-theater-active{opacity:1!important;filter:none!important}

/* v21.2.96 YS LIVE CHART mobile-first custom cover and theater reliability */
.ysgp-live-chart-start-cover{
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:clamp(16px,4vw,38px)!important;
  border:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  cursor:pointer!important;
  color:#fff!important;
  background:#02070d!important;
  text-align:center!important;
  box-sizing:border-box!important;
  -webkit-tap-highlight-color:transparent!important;
}
.ysgp-live-chart-start-cover-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
  opacity:.72!important;
}
.ysgp-live-chart-start-cover-bg.is-fallback{
  background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.24),transparent 34%),radial-gradient(circle at 72% 50%,rgba(37,99,235,.18),transparent 38%),linear-gradient(135deg,#02070d,#061827 52%,#02070d)!important;
  opacity:1!important;
}
.ysgp-live-chart-start-cover-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(2,7,13,.38),rgba(2,7,13,.72)),radial-gradient(circle at center,rgba(34,211,238,.15),transparent 48%)!important;
  pointer-events:none!important;
}
.ysgp-live-chart-start-content{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(8px,1.6vw,14px)!important;
  max-width:min(88%,680px)!important;
  margin-top:clamp(10px,2vw,26px)!important;
  pointer-events:none!important;
}
.ysgp-live-chart-start-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(103,232,249,.32)!important;
  background:rgba(2,10,20,.82)!important;
  color:#8ff4ff!important;
  font-size:clamp(8px,.8vw,10px)!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(34,211,238,.1)!important;
}
.ysgp-live-chart-start-kicker b{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:#22d3ee!important;
  box-shadow:0 0 14px rgba(34,211,238,.9)!important;
}
.ysgp-live-chart-start-title{
  color:#f8feff!important;
  font-size:clamp(18px,3.4vw,42px)!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  text-shadow:0 15px 40px rgba(0,0,0,.72)!important;
}
.ysgp-live-chart-start-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:clamp(42px,4.8vw,56px)!important;
  padding:0 clamp(16px,2.4vw,26px)!important;
  border-radius:999px!important;
  color:#03131b!important;
  background:linear-gradient(135deg,#a5f3fc,#22d3ee 52%,#3b82f6)!important;
  box-shadow:0 18px 44px rgba(34,211,238,.28),0 0 0 8px rgba(34,211,238,.08)!important;
  font-size:clamp(11px,1.2vw,14px)!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ysgp-live-chart-start-cover.is-loading .ysgp-live-chart-start-action{
  animation:ysgpLiveChartStartPulse 1.15s ease-in-out infinite!important;
}
.ysgp-live-chart-start-note{
  max-width:520px!important;
  color:#c6e6ef!important;
  font-size:clamp(9px,.85vw,11px)!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  opacity:.86!important;
}
@keyframes ysgpLiveChartStartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.ysgp-live-chart-sound-btn{
  position:absolute!important;
  right:clamp(10px,1.4vw,18px)!important;
  bottom:calc(var(--ys-live-mask-bottom) + clamp(8px,1vw,14px))!important;
  z-index:13!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(103,232,249,.36)!important;
  background:linear-gradient(135deg,rgba(3,20,34,.94),rgba(2,8,18,.98))!important;
  color:#e6fbff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 18px rgba(34,211,238,.14)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  touch-action:manipulation!important;
}
.ysgp-live-chart-sound-btn svg{width:18px!important;height:18px!important;display:block!important;pointer-events:none!important;filter:drop-shadow(0 0 10px rgba(34,211,238,.2))!important}
.ysgp-live-chart-sound-btn.is-muted{color:#67e8f9!important;border-color:rgba(103,232,249,.52)!important;box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 24px rgba(34,211,238,.18)!important}
.ysgp-live-chart-sound-btn.is-unmuted{color:#ecfeff!important;border-color:rgba(16,185,129,.46)!important;box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 22px rgba(16,185,129,.14)!important}
.ysgp-live-chart-sound-btn:hover{border-color:rgba(103,232,249,.68)!important;color:#fff!important}
.ysgp-live-chart-iframe-wrap iframe{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  backface-visibility:hidden!important;
  will-change:auto!important;
}
@media(max-width:767px){
  html.ysgp-live-chart-theater-open,body.ysgp-live-chart-theater-open{width:100%!important;height:100%!important;overflow:hidden!important;position:relative!important;touch-action:none!important}
  .ysgp-live-chart-theater-overlay{
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    min-width:100dvw!important;
    min-height:100dvh!important;
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 50% 0,rgba(34,211,238,.1),transparent 34%),rgba(0,3,9,.965)!important;
    z-index:2147483647!important;
    box-sizing:border-box!important;
  }
  .ysgp-live-chart-theater-shell{
    width:min(calc(100dvw - 12px),calc((100dvh - 72px) * 16 / 9))!important;
    max-width:calc(100dvw - 12px)!important;
    max-height:calc(100dvh - 72px)!important;
    aspect-ratio:16/9!important;
    overflow:visible!important;
    border-radius:14px!important;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-frame{
    width:100%!important;
    aspect-ratio:16/9!important;
    max-height:calc(100dvh - 78px)!important;
  }
  .ysgp-live-chart-start-content{max-width:92%!important;margin-top:18px!important;gap:8px!important}
  .ysgp-live-chart-start-title{font-size:clamp(17px,5.2vw,25px)!important}
  .ysgp-live-chart-start-action{min-height:42px!important;padding:0 15px!important;font-size:10px!important;gap:8px!important}
  .ysgp-live-chart-start-action svg{width:22px!important;height:22px!important}
  .ysgp-live-chart-start-note{display:none!important}
  .ysgp-live-chart-sound-btn{right:8px!important;bottom:calc(var(--ys-live-mask-bottom) + 7px)!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important}
  .ysgp-live-chart-close-btn{top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;min-width:38px!important;min-height:38px!important;padding:0 10px!important;font-size:0!important}
  .ysgp-live-chart-close-btn svg{width:18px!important;height:18px!important}
}
@media(max-width:767px) and (orientation:landscape){
  .ysgp-live-chart-theater-overlay{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important}
  .ysgp-live-chart-theater-shell{
    width:min(calc(100dvw - 8px),calc((100dvh - 8px) * 16 / 9))!important;
    max-width:calc(100dvw - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:12px!important;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{--ys-live-crop-top:30px;--ys-live-crop-extra:60px;--ys-live-mask-top:32px;--ys-live-mask-bottom:28px;padding:2px!important;border-radius:12px!important}
  .ysgp-live-chart-theater-shell .ysgp-live-chart-frame{max-height:calc(100dvh - 10px)!important;border-radius:10px!important}
  .ysgp-live-chart-theater-shell .ysgp-live-chart-pair-mask .ysgp-live-chart-pair-label{min-width:56px!important;min-height:20px!important;font-size:8.5px!important;padding:3px 6px!important}
  .ysgp-live-chart-start-content{margin-top:12px!important;gap:6px!important}
  .ysgp-live-chart-start-kicker{display:none!important}
  .ysgp-live-chart-start-title{font-size:clamp(16px,4.4vw,22px)!important}
  .ysgp-live-chart-start-action{min-height:36px!important;font-size:9px!important;padding:0 12px!important}
  .ysgp-live-chart-close-btn{top:max(5px,env(safe-area-inset-top))!important;right:max(5px,env(safe-area-inset-right))!important;min-width:34px!important;min-height:34px!important}
}


/* v21.2.98 YS LIVE CHART sound control: icon-only mute/unmute, no large sound CTA */
.ysgp-live-chart-start-symbols{display:none!important;}
@media(max-width:767px){
  .ysgp-live-chart-iframe-wrap iframe,
  .ysgp-live-chart-iframe-wrap iframe.yt-player,
  .ysgp-live-chart-frame iframe{
    pointer-events:none!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    image-rendering:auto!important;
  }
  .ysgp-live-chart-interaction-shield{
    z-index:24!important;
    pointer-events:auto!important;
    touch-action:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .ysgp-live-chart-start-cover{
    z-index:32!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    background:radial-gradient(circle at 50% 34%,rgba(34,211,238,.17),transparent 38%),linear-gradient(180deg,#020b14 0%,#02070d 56%,#01040a 100%)!important;
    opacity:1!important;
    min-height:100%!important;
  }
  .ysgp-live-chart-start-cover-bg{
    background-image:radial-gradient(circle at 26% 34%,rgba(34,211,238,.18),transparent 26%),radial-gradient(circle at 72% 48%,rgba(37,99,235,.16),transparent 32%),linear-gradient(135deg,#02070d 0%,#061625 50%,#02070d 100%)!important;
    background-color:#02070d!important;
    background-size:cover!important;
    background-position:center!important;
    opacity:1!important;
    filter:none!important;
  }
  .ysgp-live-chart-start-cover-bg:before{
    content:"";
    position:absolute;
    inset:10% 8%;
    border-radius:18px;
    border:1px solid rgba(34,211,238,.14);
    background:linear-gradient(90deg,transparent 49.8%,rgba(103,232,249,.18) 50%,transparent 50.2%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));
    opacity:.72;
  }
  .ysgp-live-chart-start-cover-bg:after{
    content:"";
    position:absolute;
    left:12%;right:12%;top:44%;height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(34,211,238,0),rgba(34,211,238,.45),rgba(37,99,235,.35),rgba(34,211,238,0));
    box-shadow:0 0 18px rgba(34,211,238,.22);
    opacity:.78;
  }
  .ysgp-live-chart-start-cover-shade{
    background:linear-gradient(180deg,rgba(0,8,16,.82),rgba(0,3,9,.9)),radial-gradient(circle at center,rgba(34,211,238,.13),transparent 48%)!important;
    opacity:1!important;
  }
  .ysgp-live-chart-start-symbols{
    width:min(96%,520px)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:2px!important;
  }
  .ysgp-live-chart-start-symbols span{
    min-height:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:1px solid rgba(103,232,249,.34)!important;
    background:linear-gradient(135deg,rgba(7,28,46,.94),rgba(2,10,21,.98))!important;
    color:#f8feff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.42),0 0 14px rgba(34,211,238,.12)!important;
    font-size:clamp(10px,3.1vw,13px)!important;
    font-weight:950!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  .ysgp-live-chart-mask{z-index:40!important;}
  .ysgp-live-chart-start-cover + .ysgp-live-chart-mask,
  .ysgp-live-chart-start-cover ~ .ysgp-live-chart-mask{pointer-events:none!important;}
  .ysgp-live-chart-frame .ysgp-live-chart-expand-btn,
  .ysgp-live-chart-sound-btn{z-index:46!important;pointer-events:auto!important;touch-action:manipulation!important;}
  .ysgp-live-chart-theater-overlay{
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    min-width:100dvw!important;
    min-height:100dvh!important;
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
    background:radial-gradient(circle at 50% 0,rgba(34,211,238,.09),transparent 32%),rgba(0,3,9,.975)!important;
    z-index:2147483647!important;
  }
  .ysgp-live-chart-theater-shell{
    width:calc(100dvw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)))!important;
    max-width:calc(100dvw - 12px)!important;
    max-height:calc(100dvh - max(72px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 48px))!important;
    aspect-ratio:16/9!important;
    overflow:visible!important;
    border-radius:14px!important;
    margin:0!important;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:3px!important;
    --ys-live-crop-top:36px;
    --ys-live-crop-extra:72px;
    --ys-live-mask-top:38px;
    --ys-live-mask-bottom:32px;
    --ys-live-frame-radius:13px;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-frame{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  .ysgp-live-chart-close-btn{
    z-index:2147483647!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}
@media(max-width:767px) and (orientation:landscape){
  .ysgp-live-chart-theater-overlay{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;}
  .ysgp-live-chart-theater-shell{
    width:min(calc(100dvw - 8px),calc((100dvh - 8px) * 16 / 9))!important;
    max-width:calc(100dvw - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:12px!important;
  }
  .ysgp-live-chart-theater-shell .ysgp-live-chart-room-shell.is-masked{
    --ys-live-crop-top:28px;
    --ys-live-crop-extra:56px;
    --ys-live-mask-top:30px;
    --ys-live-mask-bottom:26px;
    padding:2px!important;
  }
  .ysgp-live-chart-start-symbols{width:min(88%,460px)!important;margin-bottom:0!important;}
  .ysgp-live-chart-start-symbols span{min-height:21px!important;font-size:8.5px!important;letter-spacing:.09em!important;}
  .ysgp-live-chart-start-title{font-size:clamp(15px,4vw,20px)!important;}
}

/* v21.2.102 YS LIVE CHART dynamic per-stream labels */
.ysgp-live-chart-loading-shield{
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(1,7,14,.86),rgba(1,5,12,.92))!important;
  color:#dffaff!important;
  font-size:clamp(10px,1vw,12px)!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
  text-align:center!important;
  box-shadow:inset 0 0 60px rgba(34,211,238,.08)!important;
}
.ysgp-live-chart-loading-pulse{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#22d3ee!important;
  box-shadow:0 0 18px rgba(34,211,238,.95)!important;
  animation:ysgpLiveChartLoadingPulse 1s ease-in-out infinite!important;
}
@keyframes ysgpLiveChartLoadingPulse{0%,100%{opacity:.62;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:560px){.ysgp-live-chart-loading-shield{font-size:9px!important;gap:8px!important;letter-spacing:.1em!important}.ysgp-live-chart-loading-pulse{width:8px!important;height:8px!important}}

/* YS Global Money Management Module v21.2.105 */
.ysgp-money-page{width:100%;max-width:1500px;margin:0 auto;padding-bottom:48px;display:flex;flex-direction:column;gap:24px;}
.ysgp-money-hero{position:relative;overflow:hidden;border-radius:34px;padding:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:radial-gradient(circle at 12% 0%,rgba(168,85,247,.20),transparent 36%),radial-gradient(circle at 92% 10%,rgba(34,211,238,.16),transparent 34%),linear-gradient(135deg,rgba(10,13,24,.98),rgba(3,7,18,.96));border:1px solid rgba(125,211,252,.14);box-shadow:0 24px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-money-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 72%);opacity:.55;pointer-events:none;}
.ysgp-money-hero>*{position:relative;z-index:1;}
.ysgp-money-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:9px 13px;border-radius:999px;border:1px solid rgba(167,139,250,.30);background:rgba(88,28,135,.22);color:#c4b5fd;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;}
.ysgp-money-hero h1{margin:0;color:#fff;font-size:clamp(34px,5vw,76px);line-height:.92;letter-spacing:-.07em;font-weight:950;}
.ysgp-money-hero p{margin:14px 0 0;color:#94a3b8;font-size:clamp(14px,1.4vw,18px);font-weight:700;}
.ysgp-money-hero aside{min-width:250px;border:1px solid rgba(34,211,238,.20);background:rgba(2,6,23,.54);border-radius:24px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-money-hero aside span,.ysgp-money-hero aside em{display:block;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-style:normal;}
.ysgp-money-hero aside strong{display:block;color:#fff;font-size:22px;font-weight:950;margin:8px 0 6px;}
.ysgp-money-hero aside em{color:#94a3b8;letter-spacing:.08em;}
.ysgp-mm-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ysgp-mm-top-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.88));border-radius:26px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-top-card:after{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border-radius:999px;background:rgba(34,211,238,.09);filter:blur(28px);pointer-events:none;}
.ysgp-mm-top-card>span{display:block;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;}
.ysgp-mm-top-card label{display:flex;align-items:center;gap:10px;border:1px solid rgba(34,211,238,.18);border-radius:18px;background:rgba(2,6,23,.55);padding:12px;}
.ysgp-mm-top-card label b{color:#67e8f9;font-size:12px;letter-spacing:.12em;}
.ysgp-mm-top-card input,.ysgp-mm-field input,.ysgp-mm-field select{width:100%;min-height:44px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(2,6,23,.74);color:#f8fafc;padding:0 13px;font-weight:800;outline:none;}
.ysgp-mm-top-card input:focus,.ysgp-mm-field input:focus,.ysgp-mm-field select:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.08);}
.ysgp-mm-top-card em{display:block;margin-top:10px;color:#64748b;font-size:11px;font-style:normal;line-height:1.45;}
.ysgp-mm-top-card.is-warning{border-color:rgba(251,191,36,.30);}
.ysgp-mm-top-card.is-warning em{color:#fbbf24;}
.ysgp-mm-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ysgp-mm-stepper button{width:42px;height:42px;border:1px solid rgba(125,211,252,.22);border-radius:14px;background:rgba(8,47,73,.5);color:#67e8f9;font-size:22px;font-weight:900;cursor:pointer;}
.ysgp-mm-stepper strong{color:#fff;font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;font-weight:950;}
.ysgp-mm-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr);gap:18px;align-items:stretch;}
.ysgp-mm-gauge-card,.ysgp-mm-ai-card,.ysgp-mm-engine{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-gauge-card{padding:26px;display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:center;}
.ysgp-mm-gauge-copy span,.ysgp-mm-ai-card>span,.ysgp-mm-section-head span{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.ysgp-mm-gauge-copy h2{margin:12px 0 8px;color:#fff;font-size:clamp(26px,3vw,44px);font-weight:950;letter-spacing:-.05em;}
.ysgp-mm-gauge-copy p{margin:0;color:#94a3b8;line-height:1.7;font-weight:600;}
.ysgp-mm-gauge{--ys-mm-gauge:0%;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22d3ee var(--ys-mm-gauge),rgba(30,41,59,.78) 0);box-shadow:0 0 55px rgba(34,211,238,.13);padding:14px;}
.ysgp-mm-gauge:before{content:"";position:absolute;}
.ysgp-mm-gauge>div{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.14),transparent 44%),#020617;border:1px solid rgba(255,255,255,.08);text-align:center;}
.ysgp-mm-gauge strong{display:block;color:#fff;font-size:38px;font-weight:950;letter-spacing:-.06em;}
.ysgp-mm-gauge span{display:block;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;}
.ysgp-mm-gauge-card.is-warning .ysgp-mm-gauge{background:conic-gradient(#f59e0b var(--ys-mm-gauge),rgba(30,41,59,.78) 0);}
.ysgp-mm-gauge-card.is-danger .ysgp-mm-gauge{background:conic-gradient(#ef4444 var(--ys-mm-gauge),rgba(30,41,59,.78) 0);}
.ysgp-mm-gauge-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.ysgp-mm-gauge-stats div{border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.55);border-radius:18px;padding:13px;}
.ysgp-mm-gauge-stats span,.ysgp-mm-results-grid span{display:block;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;}
.ysgp-mm-gauge-stats strong,.ysgp-mm-results-grid strong{display:block;color:#fff;font-size:20px;font-weight:950;letter-spacing:-.04em;}
.ysgp-mm-used-risk{grid-column:1/-1;display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:center;color:#94a3b8;font-size:12px;font-weight:800;}
.ysgp-mm-used-risk input{min-height:42px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(2,6,23,.74);color:#fff;padding:0 12px;font-weight:900;}
.ysgp-mm-ai-card{padding:26px;display:flex;flex-direction:column;justify-content:center;gap:14px;}
.ysgp-mm-ai-card p{margin:0;color:#e2e8f0;font-size:15px;line-height:1.75;font-weight:700;}
.ysgp-mm-ai-card em{font-style:normal;color:#64748b;font-size:11px;font-weight:800;}
.ysgp-mm-engine{padding:26px;}
.ysgp-mm-section-head h2{margin:10px 0 6px;color:#fff;font-size:clamp(24px,3vw,42px);letter-spacing:-.05em;font-weight:950;}
.ysgp-mm-section-head p{margin:0 0 22px;color:#94a3b8;font-weight:650;}
.ysgp-mm-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.ysgp-mm-field{display:flex;flex-direction:column;gap:8px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.ysgp-mm-field select{appearance:none;}
.ysgp-mm-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ysgp-mm-results-grid>div{border:1px solid rgba(34,211,238,.13);background:linear-gradient(180deg,rgba(8,47,73,.22),rgba(2,6,23,.58));border-radius:20px;padding:16px;min-height:104px;}
.ysgp-mm-results-grid em{display:block;margin-top:6px;color:#64748b;font-size:11px;font-style:normal;line-height:1.35;}
.ysgp-money-disclaimer{margin:0;text-align:center;color:#64748b;font-size:11px;font-weight:700;}
@media (max-width:1024px){.ysgp-mm-top-grid,.ysgp-mm-main-grid,.ysgp-mm-engine-grid,.ysgp-mm-results-grid{grid-template-columns:1fr 1fr;}.ysgp-mm-ai-card{min-height:220px;}.ysgp-mm-gauge-card{grid-template-columns:1fr;}.ysgp-mm-gauge{margin:0 auto;}}
@media (max-width:720px){.ysgp-money-page{gap:16px;padding-bottom:30px;}.ysgp-money-hero{padding:22px;border-radius:26px;align-items:flex-start;flex-direction:column;}.ysgp-money-hero aside{width:100%;min-width:0;}.ysgp-mm-top-grid,.ysgp-mm-main-grid,.ysgp-mm-engine-grid,.ysgp-mm-results-grid,.ysgp-mm-gauge-stats{grid-template-columns:1fr;}.ysgp-mm-top-card,.ysgp-mm-gauge-card,.ysgp-mm-ai-card,.ysgp-mm-engine{border-radius:22px;padding:18px;}.ysgp-mm-gauge{width:min(220px,72vw);height:min(220px,72vw);}.ysgp-mm-used-risk{grid-template-columns:1fr;}.ysgp-mm-stepper strong{font-size:32px;}.ysgp-mm-results-grid>div{min-height:auto;}.ysgp-money-hero h1{font-size:42px;}}
@media (max-width:430px){.ysgp-money-hero h1{font-size:36px;}.ysgp-mm-top-card input,.ysgp-mm-field input,.ysgp-mm-field select{font-size:16px;}.ysgp-mm-gauge strong{font-size:32px;}}

/* v21.2.105 Money Management AI Plan Builder */
.ysgp-mm-profile,.ysgp-mm-plan{position:relative;overflow:hidden;border-radius:30px;padding:26px;border:1px solid rgba(148,163,184,.13);background:radial-gradient(circle at 15% 0%,rgba(168,85,247,.14),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;}
.ysgp-mm-plan-status{position:relative;overflow:hidden;border-radius:30px;padding:26px;border:1px solid rgba(34,211,238,.16);background:radial-gradient(circle at 80% 0%,rgba(34,211,238,.16),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.94));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;gap:13px;}
.ysgp-mm-plan-status>span,.ysgp-mm-plan-grid article>span{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.ysgp-mm-plan-status h3{margin:0;color:#fff;font-size:clamp(32px,4vw,58px);font-weight:950;letter-spacing:-.07em;line-height:.95;}
.ysgp-mm-plan-status p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.65;font-weight:700;}
.ysgp-mm-plan-status button{width:100%;min-height:46px;border:1px solid rgba(125,211,252,.30);border-radius:16px;background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(168,85,247,.14));color:#e0f2fe;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 16px 40px rgba(34,211,238,.10);}
.ysgp-mm-plan-status button:disabled{opacity:.65;cursor:wait;}
.ysgp-mm-plan-status em{font-style:normal;color:#64748b;font-size:11px;font-weight:800;line-height:1.45;}
.ysgp-mm-plan-status.is-moderate{border-color:rgba(251,191,36,.25);}
.ysgp-mm-plan-status.is-warning{border-color:rgba(251,191,36,.32);box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 32px rgba(251,191,36,.08),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-plan-status.is-danger{border-color:rgba(244,63,94,.36);box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 34px rgba(244,63,94,.10),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px;}
.ysgp-mm-plan-grid article{position:relative;min-height:190px;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(8,47,73,.20),rgba(2,6,23,.62));border-radius:22px;padding:18px;overflow:hidden;}
.ysgp-mm-plan-grid article:before{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border-radius:999px;background:rgba(168,85,247,.10);filter:blur(22px);pointer-events:none;}
.ysgp-mm-plan-grid article strong{position:relative;z-index:1;display:block;margin:14px 0 5px;color:#fff;font-size:clamp(28px,3vw,46px);font-weight:950;letter-spacing:-.06em;}
.ysgp-mm-plan-grid article p{position:relative;z-index:1;margin:10px 0 0;color:#cbd5e1;font-size:13px;line-height:1.65;font-weight:700;}
.ysgp-mm-plan-grid article div{position:relative;z-index:1;margin-top:11px;border:1px solid rgba(125,211,252,.12);background:rgba(2,6,23,.48);border-radius:14px;padding:10px;}
.ysgp-mm-plan-grid article b{display:block;color:#f8fafc;font-size:15px;font-weight:950;}
.ysgp-mm-plan-grid article small{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.ysgp-mm-plan-grid article em{display:block;margin-top:12px;color:#94a3b8;font-size:12px;line-height:1.6;font-style:normal;font-weight:700;}
.ysgp-mm-rules-card ul,.ysgp-mm-warning-list{position:relative;z-index:1;margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.ysgp-mm-rules-card li,.ysgp-mm-warning-list li{position:relative;padding-left:18px;color:#dbeafe;font-size:12.5px;line-height:1.55;font-weight:700;}
.ysgp-mm-rules-card li:before,.ysgp-mm-warning-list li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:999px;background:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.45);}
.ysgp-mm-warning-list li{color:#fda4af;}
.ysgp-mm-warning-list li:before{background:#fb7185;box-shadow:0 0 16px rgba(251,113,133,.45);}
@media (max-width:1280px){.ysgp-mm-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:1024px){.ysgp-mm-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.ysgp-mm-profile,.ysgp-mm-plan,.ysgp-mm-plan-status{border-radius:22px;padding:18px;}.ysgp-mm-profile-grid,.ysgp-mm-plan-grid{grid-template-columns:1fr;gap:12px;}.ysgp-mm-plan-grid article{min-height:auto;border-radius:18px;padding:16px;}.ysgp-mm-plan-status h3{font-size:34px;}}

/* v21.2.105 Money Management plan status refinements */
.ysgp-mm-plan-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:2px 0 2px;}
.ysgp-mm-plan-mini-stats div{border:1px solid rgba(125,211,252,.12);background:rgba(2,6,23,.42);border-radius:14px;padding:10px;min-width:0;}
.ysgp-mm-plan-mini-stats b{display:block;color:#f8fafc;font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-mm-plan-mini-stats small{display:block;margin-top:3px;color:#64748b;font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;}
@media (max-width:720px){.ysgp-mm-plan-mini-stats{grid-template-columns:1fr;}.ysgp-mm-plan-mini-stats div{padding:9px 10px;}}

/* === Money Management AI Portfolio-style builder v21.2.106 === */
.ysgp-money-builder-page{max-width:1500px;gap:26px;}
.ysgp-money-builder-hero{position:relative;overflow:hidden;border-radius:34px;padding:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:radial-gradient(circle at 10% 0%,rgba(168,85,247,.22),transparent 34%),radial-gradient(circle at 90% 8%,rgba(34,211,238,.16),transparent 34%),linear-gradient(135deg,rgba(8,11,22,.98),rgba(2,6,23,.96));border:1px solid rgba(125,211,252,.14);box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-money-builder-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 78%);opacity:.55;pointer-events:none;}
.ysgp-money-builder-title,.ysgp-mm-builder-status{position:relative;z-index:1;}
.ysgp-money-builder-title h1{margin:0;color:#fff;font-size:clamp(36px,5vw,78px);line-height:.92;letter-spacing:-.075em;font-weight:950;}
.ysgp-money-builder-title p{margin:15px 0 0;color:#94a3b8;font-size:clamp(14px,1.35vw,18px);font-weight:750;line-height:1.6;max-width:720px;}
.ysgp-mm-builder-status{min-width:268px;border:1px solid rgba(34,211,238,.20);background:rgba(2,6,23,.56);border-radius:26px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-builder-status span,.ysgp-mm-builder-status em{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-style:normal;}
.ysgp-mm-builder-status strong{display:block;color:#fff;font-size:32px;font-weight:950;letter-spacing:-.06em;line-height:1;margin:8px 0;}
.ysgp-mm-builder-status em{color:#94a3b8;letter-spacing:.08em;}
.ysgp-mm-builder-status.is-warning,.ysgp-mm-builder-status.is-moderate{border-color:rgba(251,191,36,.32);}
.ysgp-mm-builder-status.is-danger{border-color:rgba(244,63,94,.38);}
.ysgp-mm-builder-panel{position:relative;overflow:hidden;border-radius:40px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid rgba(148,163,184,.12);background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.16),transparent 38%),radial-gradient(circle at 100% 0%,rgba(34,211,238,.12),transparent 40%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.96));box-shadow:0 30px 100px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-builder-glow{position:absolute;inset:auto auto -150px -120px;width:360px;height:360px;border-radius:999px;background:rgba(168,85,247,.14);filter:blur(75px);pointer-events:none;}
.ysgp-mm-builder-column{position:relative;z-index:1;padding:34px;display:flex;flex-direction:column;gap:20px;}
.ysgp-mm-builder-column.is-right{border-left:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.38));}
.ysgp-mm-builder-section-title span{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.17em;text-transform:uppercase;}
.ysgp-mm-builder-section-title h2{margin:10px 0 6px;color:#fff;font-size:clamp(25px,2.7vw,42px);font-weight:950;letter-spacing:-.055em;line-height:1;}
.ysgp-mm-builder-section-title p{margin:0;color:#94a3b8;font-size:13px;line-height:1.65;font-weight:700;}
.ysgp-mm-builder-field{display:flex;flex-direction:column;gap:10px;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.ysgp-mm-builder-input-wrap{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;}
.ysgp-mm-builder-input-wrap b{flex:0 0 auto;color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.10em;padding-left:15px;}
.ysgp-mm-builder-input-wrap input,.ysgp-mm-builder-input-wrap select{width:100%;height:52px;border:0;background:transparent;color:#f8fafc;padding:0 15px;font-weight:900;outline:none;min-width:0;}
.ysgp-mm-builder-input-wrap:focus-within{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.04);}
.ysgp-mm-builder-field em{font-style:normal;color:#64748b;font-size:11px;font-weight:750;letter-spacing:0;text-transform:none;line-height:1.45;}
.ysgp-mm-segment{display:flex;gap:10px;flex-wrap:wrap;}
.ysgp-mm-segment button{flex:1 1 118px;min-height:46px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:#0a0d14;color:#64748b;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;}
.ysgp-mm-segment button:hover{border-color:rgba(255,255,255,.20);color:#cbd5e1;}
.ysgp-mm-segment button.is-active{color:#e0f2fe;border-color:rgba(34,211,238,.48);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(168,85,247,.12));box-shadow:0 0 24px rgba(34,211,238,.13);}
.ysgp-mm-segment.is-purple button.is-active{border-color:rgba(168,85,247,.50);color:#ddd6fe;box-shadow:0 0 24px rgba(168,85,247,.15);}
.ysgp-mm-segment.is-blue button.is-active{border-color:rgba(59,130,246,.50);color:#bfdbfe;box-shadow:0 0 24px rgba(59,130,246,.13);}
.ysgp-mm-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.ysgp-mm-market-grid button{min-height:58px;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:#0a0d14;color:#94a3b8;display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer;transition:all .25s ease;text-align:left;}
.ysgp-mm-market-grid button svg{color:#64748b;flex:0 0 auto;}
.ysgp-mm-market-grid button b{font-size:13px;font-weight:900;letter-spacing:.02em;}
.ysgp-mm-market-grid button.is-active{border-color:rgba(59,130,246,.55);background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(34,211,238,.08));color:#dbeafe;box-shadow:0 0 24px rgba(59,130,246,.12);}
.ysgp-mm-market-grid button.is-active svg{color:#60a5fa;}
.ysgp-mm-builder-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ysgp-mm-ai-mode-box{border:1px solid rgba(34,211,238,.18);border-radius:24px;background:radial-gradient(circle at 80% 0%,rgba(34,211,238,.14),transparent 36%),rgba(8,47,73,.16);padding:18px;}
.ysgp-mm-ai-mode-box>div{display:flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;}
.ysgp-mm-ai-mode-box p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.65;font-weight:700;}
.ysgp-mm-ai-mode-box ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0 0;padding:0;list-style:none;}
.ysgp-mm-ai-mode-box li{min-width:0;border:1px solid rgba(125,211,252,.12);background:rgba(2,6,23,.45);border-radius:15px;padding:10px;}
.ysgp-mm-ai-mode-box li b{display:block;color:#fff;font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ysgp-mm-ai-mode-box li span{display:block;margin-top:3px;color:#64748b;font-size:8.5px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;}
.ysgp-mm-generate-btn{width:100%;min-height:58px;border:0;border-radius:20px;background:linear-gradient(135deg,#9333ea,#2563eb,#06b6d4);color:#fff;font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 38px rgba(168,85,247,.28),0 18px 46px rgba(37,99,235,.18);cursor:pointer;transition:transform .25s ease,opacity .25s ease;}
.ysgp-mm-generate-btn:hover{transform:translateY(-1px) scale(1.01);}
.ysgp-mm-generate-btn:disabled{opacity:.68;cursor:wait;transform:none;}
.ysgp-mm-builder-source{display:block;text-align:center;color:#64748b;font-size:11px;font-weight:800;line-height:1.45;}
.ysgp-mm-builder-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:stretch;}
.ysgp-mm-position-mini{position:relative;overflow:hidden;border-radius:30px;padding:26px;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-position-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.ysgp-mm-builder-plan{background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.16),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.94));}
@media (max-width:1180px){.ysgp-mm-builder-panel,.ysgp-mm-builder-preview{grid-template-columns:1fr;}.ysgp-mm-builder-column.is-right{border-left:0;border-top:1px solid rgba(255,255,255,.06);}.ysgp-mm-builder-column{padding:28px;}.ysgp-mm-position-mini{padding:24px;}}
@media (max-width:720px){.ysgp-money-builder-page{gap:17px;padding-bottom:32px;}.ysgp-money-builder-hero{padding:23px;border-radius:26px;align-items:flex-start;flex-direction:column;}.ysgp-money-builder-title h1{font-size:42px;}.ysgp-mm-builder-status{width:100%;min-width:0;border-radius:22px;}.ysgp-mm-builder-panel{border-radius:26px;}.ysgp-mm-builder-column{padding:20px;gap:16px;}.ysgp-mm-builder-two,.ysgp-mm-market-grid,.ysgp-mm-position-inputs,.ysgp-mm-ai-mode-box ul{grid-template-columns:1fr;}.ysgp-mm-segment button{flex:1 1 calc(50% - 8px);font-size:10px;min-height:44px;}.ysgp-mm-generate-btn{min-height:54px;font-size:10px;letter-spacing:.12em;}.ysgp-mm-position-mini{border-radius:22px;padding:18px;}.ysgp-mm-builder-preview{gap:16px;}.ysgp-mm-builder-input-wrap input,.ysgp-mm-builder-input-wrap select{font-size:16px;}}
@media (max-width:430px){.ysgp-money-builder-title h1{font-size:36px;}.ysgp-mm-builder-section-title h2{font-size:28px;}.ysgp-mm-segment button{flex-basis:100%;}.ysgp-mm-market-grid button{min-height:54px;}.ysgp-mm-builder-column{padding:18px;}}

/* v21.2.107 Money Management clean AI-builder flow */
.ysgp-money-flow-page{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding-bottom:38px;}
.ysgp-mm-flow-hero{position:relative;overflow:hidden;border-radius:36px;padding:38px 34px;text-align:left;background:radial-gradient(circle at 12% 0%,rgba(168,85,247,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(34,211,238,.16),transparent 32%),linear-gradient(135deg,rgba(8,11,22,.98),rgba(2,6,23,.96));border:1px solid rgba(125,211,252,.16);box-shadow:0 30px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-flow-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 78%);opacity:.58;pointer-events:none;}
.ysgp-mm-flow-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:#67e8f9;border:1px solid rgba(34,211,238,.24);background:rgba(8,47,73,.36);border-radius:999px;padding:9px 13px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.16em;}
.ysgp-mm-flow-hero h1{position:relative;z-index:1;margin:18px 0 0;color:#fff;font-size:clamp(40px,5.5vw,82px);line-height:.9;letter-spacing:-.08em;font-weight:950;}
.ysgp-mm-flow-hero p{position:relative;z-index:1;max-width:720px;margin:16px 0 0;color:#94a3b8;font-size:clamp(14px,1.4vw,18px);font-weight:750;line-height:1.65;}
.ysgp-mm-flow-panel{position:relative;overflow:hidden;border-radius:40px;padding:0;background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.17),transparent 36%),radial-gradient(circle at 100% 0%,rgba(34,211,238,.13),transparent 40%),linear-gradient(135deg,rgba(15,23,42,.93),rgba(2,6,23,.97));border:1px solid rgba(148,163,184,.13);box-shadow:0 32px 110px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-flow-panel:before{content:"";position:absolute;inset:-20% auto auto -12%;width:420px;height:420px;border-radius:999px;background:rgba(168,85,247,.12);filter:blur(80px);pointer-events:none;}
.ysgp-mm-flow-panel-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:34px 34px 20px;border-bottom:1px solid rgba(255,255,255,.06);}
.ysgp-mm-flow-panel-head span,.ysgp-mm-flow-column-title span{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.ysgp-mm-flow-panel-head h2{margin:10px 0 8px;color:#fff;font-size:clamp(28px,3vw,46px);font-weight:950;line-height:.98;letter-spacing:-.06em;}
.ysgp-mm-flow-panel-head p{margin:0;max-width:780px;color:#94a3b8;font-size:13px;line-height:1.65;font-weight:700;}
.ysgp-mm-flow-mini-status{min-width:190px;border:1px solid rgba(34,211,238,.18);border-radius:24px;padding:16px;background:rgba(2,6,23,.58);text-align:right;}
.ysgp-mm-flow-mini-status b{display:block;color:#fff;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.05em;}
.ysgp-mm-flow-mini-status span{display:block;margin-top:7px;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.ysgp-mm-flow-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.ysgp-mm-flow-column{padding:34px;display:flex;flex-direction:column;gap:18px;}
.ysgp-mm-flow-column.is-right{border-left:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(2,6,23,.16),rgba(2,6,23,.38));}
.ysgp-mm-flow-column-title{display:flex;align-items:center;gap:8px;margin-bottom:2px;}
.ysgp-mm-flow-field{display:flex;flex-direction:column;gap:9px;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.ysgp-mm-flow-field em{font-style:normal;color:#64748b;font-size:11px;font-weight:750;letter-spacing:0;text-transform:none;line-height:1.45;}
.ysgp-mm-flow-input-wrap{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;}
.ysgp-mm-flow-input-wrap:focus-within{border-color:rgba(34,211,238,.54);box-shadow:0 0 0 3px rgba(34,211,238,.09),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-flow-input-wrap b{flex:0 0 auto;color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.10em;padding-left:15px;}
.ysgp-mm-flow-input-wrap input,.ysgp-mm-flow-input-wrap select{width:100%;height:54px;min-width:0;border:0;background:transparent;color:#f8fafc;padding:0 15px;font-weight:900;outline:none;}
.ysgp-mm-flow-segment{display:flex;flex-wrap:wrap;gap:8px;}
.ysgp-mm-flow-segment button,.ysgp-mm-flow-market-grid button{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.72);color:#cbd5e1;border-radius:16px;min-height:44px;padding:10px 13px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;transition:all .18s ease;}
.ysgp-mm-flow-segment button.is-active,.ysgp-mm-flow-market-grid button.is-active{border-color:rgba(34,211,238,.55);background:linear-gradient(135deg,rgba(34,211,238,.20),rgba(168,85,247,.18));color:#fff;box-shadow:0 14px 34px rgba(34,211,238,.12);}
.ysgp-mm-flow-market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
.ysgp-mm-flow-market-grid button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:10px;text-align:center;}
.ysgp-mm-flow-market-grid b{font-size:10px;line-height:1.2;}
.ysgp-mm-flow-info-box{border:1px solid rgba(168,85,247,.22);border-radius:22px;padding:18px;background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.17),transparent 42%),rgba(2,6,23,.56);}
.ysgp-mm-flow-info-box div{display:flex;align-items:center;gap:8px;color:#c084fc;font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;}
.ysgp-mm-flow-info-box p{margin:10px 0 0;color:#cbd5e1;font-size:12px;line-height:1.65;font-weight:700;}
.ysgp-mm-flow-advanced{position:relative;z-index:1;margin:0 34px 26px;border:1px solid rgba(148,163,184,.11);border-radius:22px;background:rgba(2,6,23,.38);overflow:hidden;}
.ysgp-mm-flow-advanced>button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;color:#67e8f9;min-height:52px;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.ysgp-mm-flow-advanced-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 18px 18px;}
.ysgp-mm-flow-generate{position:relative;z-index:1;width:calc(100% - 68px);margin:0 34px 22px;min-height:62px;border:0;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#02101a;background:linear-gradient(135deg,#67e8f9,#38bdf8 45%,#a78bfa);box-shadow:0 22px 54px rgba(34,211,238,.24);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.ysgp-mm-flow-generate:disabled{opacity:.68;cursor:wait;}
.ysgp-money-flow-page .ysgp-money-disclaimer{position:relative;z-index:1;margin:0 34px 28px;color:#64748b;font-size:11px;font-weight:750;text-align:center;line-height:1.55;}
.ysgp-mm-flow-loading{min-height:min(620px,70vh);border-radius:38px;padding:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center top,rgba(34,211,238,.17),transparent 36%),radial-gradient(circle at center,rgba(168,85,247,.14),transparent 44%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.98));border:1px solid rgba(125,211,252,.14);box-shadow:0 30px 100px rgba(0,0,0,.44);}
.ysgp-mm-flow-orb{width:84px;height:84px;border-radius:999px;display:grid;place-items:center;color:#67e8f9;background:rgba(8,47,73,.45);border:1px solid rgba(34,211,238,.32);box-shadow:0 0 60px rgba(34,211,238,.18);}
.ysgp-mm-flow-loading h2{margin:22px 0 10px;color:#fff;font-size:clamp(26px,3.5vw,48px);font-weight:950;letter-spacing:-.06em;line-height:1;}
.ysgp-mm-flow-loading p{margin:0;max-width:620px;color:#94a3b8;font-size:14px;line-height:1.65;font-weight:750;}
.ysgp-mm-flow-loading-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;max-width:980px;margin-top:28px;}
.ysgp-mm-flow-loading-steps span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:13px 10px;color:#cbd5e1;background:rgba(2,6,23,.48);font-size:11px;font-weight:850;animation:ysgpMMFlowPulse 1.8s infinite ease-in-out;animation-delay:calc(var(--i) * .14s);}
@keyframes ysgpMMFlowPulse{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.ysgp-mm-flow-result{display:flex;flex-direction:column;gap:20px;}
.ysgp-mm-flow-result-head{border:1px solid rgba(125,211,252,.14);border-radius:34px;padding:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.13),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.98));box-shadow:0 26px 90px rgba(0,0,0,.36);}
.ysgp-mm-flow-result-badge{display:inline-flex;width:max-content;border-radius:999px;padding:8px 12px;border:1px solid rgba(34,211,238,.22);background:rgba(8,47,73,.36);color:#67e8f9;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.ysgp-mm-flow-result-badge.is-warning,.ysgp-mm-flow-result-badge.is-moderate{border-color:rgba(251,191,36,.34);color:#facc15;background:rgba(113,63,18,.26);}
.ysgp-mm-flow-result-badge.is-danger{border-color:rgba(244,63,94,.38);color:#fb7185;background:rgba(76,5,25,.30);}
.ysgp-mm-flow-result-head h2{margin:12px 0 8px;color:#fff;font-size:clamp(30px,3.8vw,58px);font-weight:950;letter-spacing:-.07em;line-height:.95;}
.ysgp-mm-flow-result-head p{margin:0;color:#94a3b8;font-weight:750;line-height:1.6;}
.ysgp-mm-flow-result-head em{display:block;margin-top:9px;color:#64748b;font-style:normal;font-size:11px;font-weight:850;}
.ysgp-mm-flow-result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ysgp-mm-flow-result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.62);color:#e2e8f0;padding:10px 15px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.10em;}
.ysgp-mm-flow-result-actions button:last-child{background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(168,85,247,.20));border-color:rgba(34,211,238,.28);color:#fff;}
.ysgp-mm-flow-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.ysgp-mm-flow-result-card{border:1px solid rgba(148,163,184,.12);border-radius:28px;padding:24px;background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.10),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.ysgp-mm-flow-result-card>span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;}
.ysgp-mm-flow-metric{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.06);padding:14px 0;}
.ysgp-mm-flow-metric:first-of-type{border-top:0;padding-top:0;}
.ysgp-mm-flow-metric span{color:#94a3b8;font-size:12px;font-weight:850;}
.ysgp-mm-flow-metric strong{color:#fff;font-size:clamp(18px,2vw,28px);font-weight:950;letter-spacing:-.04em;text-align:right;}
.ysgp-mm-flow-metric em{font-style:normal;color:#64748b;font-size:11px;}
.ysgp-mm-flow-result-card p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.7;font-weight:700;}
.ysgp-mm-flow-result-card em{display:block;margin-top:14px;color:#94a3b8;font-style:normal;font-size:12px;line-height:1.6;}
.ysgp-mm-flow-result-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.ysgp-mm-flow-result-card li{position:relative;color:#cbd5e1;font-size:13px;line-height:1.55;font-weight:750;padding-left:22px;}
.ysgp-mm-flow-result-card li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.45);}
.ysgp-mm-flow-result-card.is-action{grid-column:1 / -1;background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.14),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.96));}
.ysgp-mm-flow-result-card.is-rules{background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.12),transparent 30%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.94));}
@media (max-width:1180px){.ysgp-mm-flow-grid,.ysgp-mm-flow-result-grid{grid-template-columns:1fr;}.ysgp-mm-flow-column.is-right{border-left:0;border-top:1px solid rgba(255,255,255,.06);}.ysgp-mm-flow-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-flow-loading-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-flow-result-head{flex-direction:column;}.ysgp-mm-flow-result-actions{justify-content:flex-start;}}
@media (max-width:760px){.ysgp-money-flow-page{gap:17px;padding-bottom:30px;}.ysgp-mm-flow-hero{padding:24px;border-radius:26px;}.ysgp-mm-flow-hero h1{font-size:43px;}.ysgp-mm-flow-panel{border-radius:26px;}.ysgp-mm-flow-panel-head{padding:22px;flex-direction:column;}.ysgp-mm-flow-mini-status{width:100%;text-align:left;}.ysgp-mm-flow-column{padding:22px;gap:16px;}.ysgp-mm-flow-market-grid{grid-template-columns:1fr;}.ysgp-mm-flow-segment button{flex:1 1 calc(50% - 8px);min-height:46px;font-size:10px;}.ysgp-mm-flow-advanced{margin:0 18px 18px;border-radius:18px;}.ysgp-mm-flow-advanced-grid{grid-template-columns:1fr;padding:0 14px 14px;}.ysgp-mm-flow-generate{width:calc(100% - 36px);margin:0 18px 18px;min-height:58px;font-size:10px;letter-spacing:.11em;}.ysgp-money-flow-page .ysgp-money-disclaimer{margin:0 18px 22px;}.ysgp-mm-flow-loading{min-height:560px;border-radius:26px;padding:26px 18px;}.ysgp-mm-flow-loading-steps{grid-template-columns:1fr;}.ysgp-mm-flow-result-head{padding:22px;border-radius:26px;}.ysgp-mm-flow-result-actions{width:100%;}.ysgp-mm-flow-result-actions button{flex:1 1 100%;}.ysgp-mm-flow-result-card{border-radius:22px;padding:20px;}.ysgp-mm-flow-input-wrap input,.ysgp-mm-flow-input-wrap select{font-size:16px;}.ysgp-mm-flow-metric{align-items:flex-start;flex-direction:column;gap:4px;}.ysgp-mm-flow-metric strong{text-align:left;}}
@media (max-width:430px){.ysgp-mm-flow-hero h1{font-size:37px;}.ysgp-mm-flow-panel-head h2{font-size:30px;}.ysgp-mm-flow-column{padding:18px;}.ysgp-mm-flow-segment button{flex-basis:100%;}.ysgp-mm-flow-badge{font-size:9px;letter-spacing:.10em;}.ysgp-mm-flow-result-head h2{font-size:34px;}}

/* v21.2.108 Money Management simplified AI Portfolio Builder-style flow */
.ysgp-money-simple-page{max-width:1150px;margin:0 auto;display:flex;flex-direction:column;gap:22px;padding-bottom:42px;}
.ysgp-mm-simple-hero{text-align:center;padding:10px 16px 0;}
.ysgp-mm-simple-hero>span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,211,238,.22);background:rgba(8,47,73,.34);color:#67e8f9;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;}
.ysgp-mm-simple-hero h1{margin:18px 0 8px;color:#fff;font-size:clamp(42px,6.2vw,76px);line-height:.92;font-weight:950;letter-spacing:-.08em;}
.ysgp-mm-simple-hero p{margin:0 auto;max-width:680px;color:#94a3b8;font-size:clamp(14px,1.5vw,18px);font-weight:750;line-height:1.6;}
.ysgp-mm-simple-card{position:relative;overflow:hidden;border-radius:34px;padding:0;background:radial-gradient(circle at 8% 0%,rgba(168,85,247,.18),transparent 34%),radial-gradient(circle at 92% 0%,rgba(34,211,238,.14),transparent 36%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.98));border:1px solid rgba(148,163,184,.13);box-shadow:0 30px 96px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-simple-card:before{content:"";position:absolute;inset:-30% auto auto -14%;width:360px;height:360px;border-radius:999px;background:rgba(168,85,247,.12);filter:blur(76px);pointer-events:none;}
.ysgp-mm-simple-card-head{position:relative;z-index:1;padding:28px 30px 18px;border-bottom:1px solid rgba(255,255,255,.06);}
.ysgp-mm-simple-card-head span,.ysgp-mm-simple-col h3{display:inline-flex;align-items:center;gap:8px;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.ysgp-mm-simple-card-head h2{margin:9px 0 7px;color:#fff;font-size:clamp(28px,3vw,42px);line-height:1;font-weight:950;letter-spacing:-.06em;}
.ysgp-mm-simple-card-head p{margin:0;max-width:720px;color:#94a3b8;font-size:13px;line-height:1.6;font-weight:750;}
.ysgp-mm-simple-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.ysgp-mm-simple-col{padding:28px 30px 26px;display:flex;flex-direction:column;gap:17px;}
.ysgp-mm-simple-col.is-right{border-left:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.34));}
.ysgp-mm-simple-col h3{margin:0 0 2px;}
.ysgp-mm-simple-field{display:flex;flex-direction:column;gap:9px;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;}
.ysgp-mm-simple-input{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;}
.ysgp-mm-simple-input:focus-within{border-color:rgba(34,211,238,.50);box-shadow:0 0 0 3px rgba(34,211,238,.085),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-simple-input b{flex:0 0 auto;color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.10em;padding-left:15px;}
.ysgp-mm-simple-input input{width:100%;height:54px;min-width:0;border:0;background:transparent;color:#f8fafc;padding:0 15px;font-weight:900;outline:none;}
.ysgp-mm-simple-segment{display:flex;flex-wrap:wrap;gap:8px;}
.ysgp-mm-simple-segment button,.ysgp-mm-simple-market button{border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.70);color:#cbd5e1;border-radius:16px;min-height:44px;padding:10px 14px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;transition:all .18s ease;}
.ysgp-mm-simple-segment button:hover,.ysgp-mm-simple-market button:hover{border-color:rgba(34,211,238,.32);color:#fff;}
.ysgp-mm-simple-segment button.is-active,.ysgp-mm-simple-market button.is-active{border-color:rgba(34,211,238,.55);background:linear-gradient(135deg,rgba(34,211,238,.20),rgba(168,85,247,.18));color:#fff;box-shadow:0 14px 34px rgba(34,211,238,.12);}
.ysgp-mm-simple-market{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.ysgp-mm-simple-market button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;text-align:center;}
.ysgp-mm-simple-market b{font-size:10px;line-height:1.2;}
.ysgp-mm-simple-mode{border:1px solid rgba(168,85,247,.22);border-radius:22px;padding:17px;background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.17),transparent 42%),rgba(2,6,23,.55);}
.ysgp-mm-simple-mode div{display:flex;align-items:center;gap:8px;color:#c084fc;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.ysgp-mm-simple-mode p{margin:9px 0 0;color:#cbd5e1;font-size:12px;line-height:1.55;font-weight:700;}
.ysgp-mm-simple-generate{position:relative;z-index:1;width:calc(100% - 60px);margin:0 30px 20px;min-height:60px;border:0;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#02101a;background:linear-gradient(135deg,#67e8f9,#38bdf8 45%,#a78bfa);box-shadow:0 22px 54px rgba(34,211,238,.24);font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;}
.ysgp-mm-simple-generate:disabled{opacity:.68;cursor:wait;}
.ysgp-mm-simple-disclaimer{position:relative;z-index:1;margin:0 30px 24px;color:#64748b;font-size:11px;line-height:1.5;font-weight:750;text-align:center;}
.ysgp-mm-simple-loading{min-height:min(500px,66vh);border-radius:34px;padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center top,rgba(34,211,238,.17),transparent 36%),radial-gradient(circle at center,rgba(168,85,247,.13),transparent 44%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.98));border:1px solid rgba(125,211,252,.14);box-shadow:0 30px 96px rgba(0,0,0,.42);}
.ysgp-mm-simple-orb{width:76px;height:76px;border-radius:999px;display:grid;place-items:center;color:#67e8f9;background:rgba(8,47,73,.45);border:1px solid rgba(34,211,238,.32);box-shadow:0 0 60px rgba(34,211,238,.18);}
.ysgp-mm-simple-loading h2{margin:22px 0 0;color:#fff;font-size:clamp(26px,3.2vw,44px);font-weight:950;letter-spacing:-.06em;line-height:1;}
.ysgp-mm-simple-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:880px;margin-top:28px;}
.ysgp-mm-simple-steps span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:13px 10px;color:#cbd5e1;background:rgba(2,6,23,.48);font-size:11px;font-weight:850;animation:ysgpMMFlowPulse 1.8s infinite ease-in-out;animation-delay:calc(var(--i) * .14s);}
.ysgp-mm-simple-result{display:flex;flex-direction:column;gap:18px;}
.ysgp-mm-simple-result-head{border:1px solid rgba(125,211,252,.14);border-radius:30px;padding:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.13),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.98));box-shadow:0 26px 88px rgba(0,0,0,.34);}
.ysgp-mm-simple-result-badge{display:inline-flex;width:max-content;border-radius:999px;padding:8px 12px;border:1px solid rgba(34,211,238,.22);background:rgba(8,47,73,.36);color:#67e8f9;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.ysgp-mm-simple-result-badge.is-warning,.ysgp-mm-simple-result-badge.is-moderate{border-color:rgba(251,191,36,.34);color:#facc15;background:rgba(113,63,18,.26);}
.ysgp-mm-simple-result-badge.is-danger{border-color:rgba(244,63,94,.38);color:#fb7185;background:rgba(76,5,25,.30);}
.ysgp-mm-simple-result-head h2{margin:12px 0 7px;color:#fff;font-size:clamp(30px,3.5vw,52px);font-weight:950;letter-spacing:-.07em;line-height:.95;}
.ysgp-mm-simple-result-head p{margin:0;color:#94a3b8;font-weight:750;line-height:1.6;}
.ysgp-mm-simple-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ysgp-mm-simple-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.62);color:#e2e8f0;padding:10px 15px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.10em;}
.ysgp-mm-simple-actions button:last-child{background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(168,85,247,.20));border-color:rgba(34,211,238,.28);color:#fff;}
.ysgp-mm-simple-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ysgp-mm-simple-result-grid article{border:1px solid rgba(148,163,184,.12);border-radius:26px;padding:22px;background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.10),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.ysgp-mm-simple-result-grid article>span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;}
.ysgp-mm-simple-metric{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.06);padding:13px 0;}
.ysgp-mm-simple-metric:first-of-type{border-top:0;padding-top:0;}
.ysgp-mm-simple-metric span{color:#94a3b8;font-size:12px;font-weight:850;}
.ysgp-mm-simple-metric strong{color:#fff;font-size:clamp(18px,2vw,27px);font-weight:950;letter-spacing:-.04em;text-align:right;}
.ysgp-mm-simple-result-grid ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.ysgp-mm-simple-result-grid li{position:relative;color:#cbd5e1;font-size:13px;line-height:1.5;font-weight:750;padding-left:21px;}
.ysgp-mm-simple-result-grid li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 16px rgba(34,211,238,.45);}
.ysgp-mm-simple-result-grid p{margin:0;color:#e2e8f0;font-size:15px;line-height:1.65;font-weight:800;}
.ysgp-mm-simple-result-grid em{display:block;margin-top:12px;color:#facc15;font-style:normal;font-size:12px;line-height:1.55;font-weight:800;}
.ysgp-mm-simple-result-grid .is-action{background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.14),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.96));}
@media (max-width:1180px){.ysgp-money-simple-page{max-width:100%;}.ysgp-mm-simple-grid,.ysgp-mm-simple-result-grid{grid-template-columns:1fr;}.ysgp-mm-simple-col.is-right{border-left:0;border-top:1px solid rgba(255,255,255,.06);}.ysgp-mm-simple-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-simple-result-head{flex-direction:column;}.ysgp-mm-simple-actions{justify-content:flex-start;}}
@media (max-width:760px){.ysgp-money-simple-page{gap:16px;padding-bottom:30px;}.ysgp-mm-simple-hero{padding:4px 6px 0;}.ysgp-mm-simple-hero h1{font-size:42px;}.ysgp-mm-simple-card,.ysgp-mm-simple-loading,.ysgp-mm-simple-result-head{border-radius:25px;}.ysgp-mm-simple-card-head{padding:22px 20px 15px;}.ysgp-mm-simple-col{padding:20px;gap:15px;}.ysgp-mm-simple-segment button{flex:1 1 calc(50% - 8px);min-height:45px;font-size:10px;}.ysgp-mm-simple-market{grid-template-columns:1fr;}.ysgp-mm-simple-generate{width:calc(100% - 40px);margin:0 20px 18px;min-height:58px;font-size:10px;letter-spacing:.10em;}.ysgp-mm-simple-disclaimer{margin:0 20px 20px;}.ysgp-mm-simple-loading{min-height:500px;padding:26px 18px;}.ysgp-mm-simple-steps{grid-template-columns:1fr;}.ysgp-mm-simple-result-head{padding:22px;}.ysgp-mm-simple-actions{width:100%;}.ysgp-mm-simple-actions button{flex:1 1 100%;}.ysgp-mm-simple-result-grid article{border-radius:22px;padding:20px;}.ysgp-mm-simple-input input{font-size:16px;}.ysgp-mm-simple-metric{align-items:flex-start;flex-direction:column;gap:4px;}.ysgp-mm-simple-metric strong{text-align:left;}}
@media (max-width:430px){.ysgp-mm-simple-hero h1{font-size:37px;}.ysgp-mm-simple-card-head h2{font-size:29px;}.ysgp-mm-simple-col{padding:18px;}.ysgp-mm-simple-segment button{flex-basis:100%;}.ysgp-mm-simple-hero>span{font-size:9px;letter-spacing:.10em;}.ysgp-mm-simple-result-head h2{font-size:34px;}}

/* v21.2.110 Money Management compact premium polish */
.ysgp-money-simple-page,.ysgp-money-simple-page *{box-sizing:border-box;min-width:0;}
.ysgp-money-simple-page{width:min(100%,1040px);max-width:1040px;gap:16px;padding:clamp(10px,1.8vw,22px) 0 34px;overflow-x:hidden;}
.ysgp-mm-simple-hero{padding:2px 14px 0;}
.ysgp-mm-simple-hero>span{padding:7px 11px;font-size:9px;letter-spacing:.12em;box-shadow:0 12px 34px rgba(34,211,238,.08);}
.ysgp-mm-simple-hero h1{margin:12px 0 6px;font-size:clamp(34px,4.8vw,58px);line-height:1.02;letter-spacing:-.065em;}
.ysgp-mm-simple-hero p{max-width:560px;font-size:clamp(12px,1.15vw,15px);line-height:1.5;}
.ysgp-mm-simple-card{width:100%;max-width:980px;margin:0 auto;border-radius:28px;box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-simple-card-head{padding:22px 24px 14px;}
.ysgp-mm-simple-card-head h2{margin:7px 0 5px;font-size:clamp(25px,2.45vw,34px);line-height:1.02;}
.ysgp-mm-simple-card-head p{max-width:660px;font-size:12px;line-height:1.5;}
.ysgp-mm-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.ysgp-mm-simple-col{padding:22px 24px 20px;gap:13px;}
.ysgp-mm-simple-col h3{font-size:9px;letter-spacing:.14em;}
.ysgp-mm-simple-field{gap:7px;font-size:9px;letter-spacing:.115em;}
.ysgp-mm-simple-input{min-height:48px;border-radius:15px;}
.ysgp-mm-simple-input input{height:48px;padding:0 13px;}
.ysgp-mm-simple-input b{padding-left:13px;font-size:11px;}
.ysgp-mm-simple-segment,.ysgp-mm-simple-market{gap:7px;}
.ysgp-mm-simple-segment button,.ysgp-mm-simple-market button{min-height:40px;border-radius:14px;padding:9px 11px;font-size:10px;letter-spacing:.07em;}
.ysgp-mm-simple-market button{min-height:46px;}
.ysgp-mm-simple-mode{border-radius:18px;padding:13px 14px;}
.ysgp-mm-simple-mode div{font-size:9px;letter-spacing:.12em;}
.ysgp-mm-simple-mode p{margin-top:7px;font-size:11px;line-height:1.45;}
.ysgp-mm-simple-generate{width:calc(100% - 48px);margin:0 24px 14px;min-height:52px;border-radius:17px;font-size:11px;letter-spacing:.105em;box-shadow:0 18px 42px rgba(34,211,238,.20);}
.ysgp-mm-simple-disclaimer{margin:0 24px 19px;font-size:10.5px;}
.ysgp-mm-simple-loading{width:100%;max-width:760px;margin:0 auto;min-height:auto;border-radius:28px;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.15),transparent 34%),radial-gradient(circle at 90% 20%,rgba(168,85,247,.12),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.98));}
.ysgp-mm-simple-loading-card{width:100%;max-width:620px;margin:0 auto;border:1px solid rgba(125,211,252,.13);border-radius:24px;padding:24px 22px;background:linear-gradient(180deg,rgba(15,23,42,.70),rgba(2,6,23,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 58px rgba(0,0,0,.26);}
.ysgp-mm-simple-loading-card small{display:inline-flex;margin-top:14px;color:#67e8f9;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.ysgp-mm-simple-orb{position:relative;width:64px;height:64px;margin:0 auto;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.26),rgba(8,47,73,.55));}
.ysgp-mm-simple-orb span{position:absolute;inset:-8px;border-radius:999px;border:1px solid rgba(34,211,238,.25);border-top-color:#67e8f9;animation:ysgpMMOrbSpin 1.15s linear infinite;}
.ysgp-mm-simple-orb svg{position:relative;z-index:1;}
.ysgp-mm-simple-loading h2{max-width:520px;margin:12px auto 0;font-size:clamp(23px,2.4vw,34px);line-height:1.08;letter-spacing:-.045em;}
.ysgp-mm-simple-loading p{max-width:520px;margin:10px auto 0;color:#94a3b8;font-size:12px;line-height:1.55;font-weight:750;}
.ysgp-mm-simple-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:620px;margin-top:18px;}
.ysgp-mm-simple-steps span{min-height:42px;border-radius:14px;padding:10px 8px;font-size:10px;line-height:1.25;}
.ysgp-mm-simple-loading-bar{height:6px;margin:18px auto 0;max-width:420px;border-radius:999px;overflow:hidden;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.12);}
.ysgp-mm-simple-loading-bar i{display:block;height:100%;width:42%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#a78bfa);animation:ysgpMMLoadingBar 1.45s ease-in-out infinite;}
.ysgp-mm-simple-result{gap:14px;width:100%;max-width:1040px;margin:0 auto;}
.ysgp-mm-simple-result-head{border-radius:26px;padding:22px 24px;align-items:center;box-shadow:0 22px 68px rgba(0,0,0,.30);}
.ysgp-mm-simple-result-head.is-danger{border-color:rgba(244,63,94,.30);background:radial-gradient(circle at 0% 0%,rgba(244,63,94,.15),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.98));}
.ysgp-mm-simple-result-copy{max-width:720px;}
.ysgp-mm-simple-result-head h2{margin:10px 0 6px;font-size:clamp(26px,2.8vw,40px);line-height:1.02;letter-spacing:-.055em;}
.ysgp-mm-simple-result-head p{font-size:12px;line-height:1.55;}
.ysgp-mm-simple-profile-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;}
.ysgp-mm-simple-profile-chips span{border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:7px 10px;background:rgba(2,6,23,.45);color:#cbd5e1;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.ysgp-mm-simple-actions button{min-height:40px;padding:9px 13px;font-size:10px;}
.ysgp-mm-simple-safety-card{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(244,63,94,.30);border-radius:22px;padding:16px 18px;background:radial-gradient(circle at 0% 0%,rgba(244,63,94,.18),transparent 36%),linear-gradient(180deg,rgba(76,5,25,.32),rgba(2,6,23,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.ysgp-mm-simple-safety-card svg{flex:0 0 auto;color:#fb7185;margin-top:2px;}
.ysgp-mm-simple-safety-card strong{display:block;color:#fff;font-size:14px;font-weight:950;letter-spacing:-.02em;}
.ysgp-mm-simple-safety-card p{margin:5px 0 0;color:#fecdd3;font-size:12px;line-height:1.5;font-weight:750;}
.ysgp-mm-simple-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ysgp-mm-simple-stat-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:22px;padding:17px;background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.10),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.ysgp-mm-simple-stat-card span{display:block;color:#67e8f9;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;}
.ysgp-mm-simple-stat-card strong{display:block;color:#fff;font-size:clamp(22px,2.3vw,31px);line-height:1;font-weight:950;letter-spacing:-.055em;}
.ysgp-mm-simple-stat-card em{display:block;margin-top:9px;color:#94a3b8;font-style:normal;font-size:11px;line-height:1.35;font-weight:750;}
.ysgp-mm-simple-result-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;}
.ysgp-mm-simple-result-grid article{border-radius:22px;padding:19px;}
.ysgp-mm-simple-result-grid article>span{font-size:9px;margin-bottom:12px;}
.ysgp-mm-simple-result-grid li{font-size:12px;line-height:1.45;}
.ysgp-mm-simple-result-grid p{font-size:14px;line-height:1.55;}
@keyframes ysgpMMOrbSpin{to{transform:rotate(360deg)}}
@keyframes ysgpMMLoadingBar{0%{transform:translateX(-115%)}55%{transform:translateX(70%)}100%{transform:translateX(235%)}}
@media (max-width:1024px){.ysgp-money-simple-page{width:100%;max-width:100%;}.ysgp-mm-simple-card{max-width:100%;}.ysgp-mm-simple-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-simple-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ysgp-mm-simple-result-head{align-items:flex-start;flex-direction:column;}.ysgp-mm-simple-actions{justify-content:flex-start;}}
@media (max-width:760px){.ysgp-money-simple-page{gap:14px;padding:12px 0 28px;}.ysgp-mm-simple-hero{padding:0 6px;}.ysgp-mm-simple-hero>span{max-width:100%;font-size:8.5px;white-space:normal;justify-content:center;text-align:center;}.ysgp-mm-simple-hero h1{font-size:clamp(31px,9.5vw,39px);line-height:1.06;margin-top:10px;}.ysgp-mm-simple-hero p{font-size:12px;}.ysgp-mm-simple-card,.ysgp-mm-simple-loading,.ysgp-mm-simple-result-head{border-radius:22px;}.ysgp-mm-simple-grid,.ysgp-mm-simple-result-grid,.ysgp-mm-simple-stat-grid{grid-template-columns:1fr;}.ysgp-mm-simple-card-head{padding:18px 17px 12px;}.ysgp-mm-simple-card-head h2{font-size:25px;}.ysgp-mm-simple-col{padding:17px;gap:12px;}.ysgp-mm-simple-col.is-right{border-left:0;border-top:1px solid rgba(255,255,255,.06);}.ysgp-mm-simple-input{min-height:46px;}.ysgp-mm-simple-input input{height:46px;font-size:16px;}.ysgp-mm-simple-segment button{flex:1 1 calc(50% - 7px);min-height:42px;font-size:9.5px;}.ysgp-mm-simple-market{grid-template-columns:1fr 1fr;}.ysgp-mm-simple-market button{min-height:44px;}.ysgp-mm-simple-generate{width:calc(100% - 34px);margin:0 17px 13px;min-height:50px;border-radius:16px;font-size:9.5px;letter-spacing:.07em;line-height:1.25;padding:0 12px;}.ysgp-mm-simple-disclaimer{margin:0 17px 17px;font-size:10px;}.ysgp-mm-simple-loading{padding:16px;}.ysgp-mm-simple-loading-card{border-radius:20px;padding:20px 16px;}.ysgp-mm-simple-orb{width:58px;height:58px;}.ysgp-mm-simple-loading h2{font-size:24px;}.ysgp-mm-simple-loading p{font-size:11.5px;}.ysgp-mm-simple-steps{grid-template-columns:1fr;gap:7px;margin-top:16px;}.ysgp-mm-simple-steps span{justify-content:flex-start;min-height:38px;padding:9px 10px;}.ysgp-mm-simple-result-head{padding:18px;}.ysgp-mm-simple-result-head h2{font-size:28px;}.ysgp-mm-simple-profile-chips span{font-size:9px;padding:6px 9px;}.ysgp-mm-simple-actions{width:100%;}.ysgp-mm-simple-actions button{flex:1 1 100%;}.ysgp-mm-simple-safety-card{border-radius:19px;padding:14px;}.ysgp-mm-simple-stat-card,.ysgp-mm-simple-result-grid article{border-radius:19px;padding:16px;}.ysgp-mm-simple-stat-card strong{font-size:26px;}}
@media (max-width:430px){.ysgp-money-simple-page{padding-top:14px;}.ysgp-mm-simple-hero h1{font-size:34px;letter-spacing:-.055em;}.ysgp-mm-simple-market{grid-template-columns:1fr;}.ysgp-mm-simple-segment button{flex-basis:100%;}.ysgp-mm-simple-card-head h2{font-size:24px;}.ysgp-mm-simple-col{padding:15px;}.ysgp-mm-simple-result-head h2{font-size:26px;}.ysgp-mm-simple-stat-card strong{font-size:24px;}}

/* v21.2.112 Money Management AI Risk Plan Command Panel */
.ysgp-mm-command-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(125,211,252,.13);border-radius:30px;padding:14px;background:radial-gradient(circle at 8% 0%,rgba(34,211,238,.13),transparent 30%),radial-gradient(circle at 92% 8%,rgba(168,85,247,.13),transparent 34%),linear-gradient(145deg,rgba(15,23,42,.70),rgba(2,6,23,.88));box-shadow:0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-result-aura{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 0%,rgba(34,211,238,.055) 28%,transparent 54%,rgba(168,85,247,.045) 76%,transparent 100%);opacity:.9;}
.ysgp-mm-command-panel:before{content:"";position:absolute;inset:1px;border-radius:29px;border:1px solid rgba(255,255,255,.035);pointer-events:none;}
.ysgp-mm-command-panel.is-safe{border-color:rgba(45,212,191,.20);box-shadow:0 34px 110px rgba(0,0,0,.42),0 0 64px rgba(45,212,191,.055),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-command-panel.is-warning{border-color:rgba(251,191,36,.22);box-shadow:0 34px 110px rgba(0,0,0,.42),0 0 64px rgba(251,191,36,.055),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-command-panel.is-danger{border-color:rgba(244,63,94,.25);box-shadow:0 34px 110px rgba(0,0,0,.42),0 0 68px rgba(244,63,94,.07),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-command-panel .ysgp-mm-command-header{position:relative;margin:0;border-radius:24px;padding:22px 22px 21px;border-color:rgba(148,163,184,.13);background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.14),transparent 30%),radial-gradient(circle at 92% 0%,rgba(168,85,247,.12),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.90),rgba(2,6,23,.96));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-command-panel .ysgp-mm-command-header.is-safe{border-color:rgba(45,212,191,.20);background:radial-gradient(circle at 0% 0%,rgba(45,212,191,.15),transparent 31%),radial-gradient(circle at 92% 0%,rgba(34,211,238,.10),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.90),rgba(2,6,23,.96));}
.ysgp-mm-command-panel .ysgp-mm-command-header.is-warning{border-color:rgba(251,191,36,.22);background:radial-gradient(circle at 0% 0%,rgba(251,191,36,.15),transparent 31%),radial-gradient(circle at 92% 0%,rgba(168,85,247,.10),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.90),rgba(2,6,23,.96));}
.ysgp-mm-command-panel .ysgp-mm-command-header.is-danger{border-color:rgba(244,63,94,.26);background:radial-gradient(circle at 0% 0%,rgba(244,63,94,.17),transparent 32%),radial-gradient(circle at 92% 0%,rgba(168,85,247,.11),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.90),rgba(2,6,23,.96));}
.ysgp-mm-command-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px;}
.ysgp-mm-command-kicker>span:first-child{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid rgba(34,211,238,.22);background:rgba(8,47,73,.30);color:#67e8f9;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
.ysgp-mm-status-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.54);color:#cbd5e1;}
.ysgp-mm-status-pill.is-safe{border-color:rgba(45,212,191,.34);background:rgba(20,83,75,.30);color:#5eead4;box-shadow:0 0 28px rgba(45,212,191,.08);}
.ysgp-mm-status-pill.is-warning{border-color:rgba(251,191,36,.36);background:rgba(113,63,18,.28);color:#facc15;box-shadow:0 0 28px rgba(251,191,36,.08);}
.ysgp-mm-status-pill.is-danger{border-color:rgba(244,63,94,.40);background:rgba(76,5,25,.31);color:#fb7185;box-shadow:0 0 30px rgba(244,63,94,.10);}
.ysgp-mm-command-panel .ysgp-mm-simple-result-head h2{font-size:clamp(27px,2.8vw,42px);line-height:1.03;margin:0 0 8px;letter-spacing:-.055em;}
.ysgp-mm-command-summary{max-width:760px;color:#aebbd0!important;font-size:12px!important;line-height:1.62!important;font-weight:760!important;}
.ysgp-mm-command-actions{align-self:flex-start;padding-top:2px;}
.ysgp-mm-command-actions button{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:rgba(2,6,23,.62);}
.ysgp-mm-command-actions button:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.34);box-shadow:0 14px 34px rgba(34,211,238,.10);}
.ysgp-mm-status-alert{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0;border-radius:23px;padding:17px 18px;overflow:hidden;}
.ysgp-mm-status-alert:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 35%,rgba(255,255,255,.025));}
.ysgp-mm-status-alert.is-safe{border-color:rgba(45,212,191,.32);background:radial-gradient(circle at 0% 0%,rgba(45,212,191,.18),transparent 35%),linear-gradient(180deg,rgba(20,83,75,.28),rgba(2,6,23,.74));}
.ysgp-mm-status-alert.is-warning{border-color:rgba(251,191,36,.34);background:radial-gradient(circle at 0% 0%,rgba(251,191,36,.18),transparent 35%),linear-gradient(180deg,rgba(113,63,18,.28),rgba(2,6,23,.76));}
.ysgp-mm-status-alert.is-danger{border-color:rgba(244,63,94,.35);background:radial-gradient(circle at 0% 0%,rgba(244,63,94,.20),transparent 36%),linear-gradient(180deg,rgba(76,5,25,.34),rgba(2,6,23,.78));}
.ysgp-mm-status-icon{position:relative;z-index:1;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-status-alert.is-safe .ysgp-mm-status-icon{color:#5eead4;box-shadow:0 0 30px rgba(45,212,191,.12),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-status-alert.is-warning .ysgp-mm-status-icon{color:#facc15;box-shadow:0 0 30px rgba(251,191,36,.11),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-status-alert.is-danger .ysgp-mm-status-icon{color:#fb7185;box-shadow:0 0 32px rgba(244,63,94,.13),inset 0 1px 0 rgba(255,255,255,.06);}
.ysgp-mm-status-content{position:relative;z-index:1;min-width:0;}
.ysgp-mm-status-content span{display:block;margin-bottom:4px;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:#e2e8f0;}
.ysgp-mm-status-content strong{display:block;color:#fff;font-size:14px;line-height:1.45;font-weight:850;letter-spacing:-.01em;}
.ysgp-mm-status-content p{margin:5px 0 0!important;color:#cbd5e1!important;font-size:11.5px!important;line-height:1.45!important;font-weight:740!important;}
.ysgp-mm-status-alert.is-safe .ysgp-mm-status-content span{color:#5eead4;}
.ysgp-mm-status-alert.is-warning .ysgp-mm-status-content span{color:#facc15;}
.ysgp-mm-status-alert.is-danger .ysgp-mm-status-content span{color:#fb7185;}
.ysgp-mm-status-meta{position:relative;z-index:1;min-width:112px;text-align:right;border-left:1px solid rgba(255,255,255,.08);padding-left:14px;}
.ysgp-mm-status-meta b{display:block;color:#fff;font-size:24px;line-height:1;font-weight:950;letter-spacing:-.04em;}
.ysgp-mm-status-meta small{display:block;margin-top:5px;color:#94a3b8;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-grid{gap:13px;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card{min-height:142px;padding:16px 16px 15px;border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.105),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.96));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.24);box-shadow:0 18px 44px rgba(0,0,0,.22),0 0 34px rgba(34,211,238,.055),inset 0 1px 0 rgba(255,255,255,.05);}
.ysgp-mm-stat-icon{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;color:#67e8f9;border:1px solid rgba(34,211,238,.18);background:rgba(8,47,73,.30);margin-bottom:11px;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card span{font-size:8.5px;letter-spacing:.13em;color:#7dd3fc;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{font-size:clamp(21px,2.1vw,29px);}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card em{font-size:10.5px;color:#93a4b9;}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.10),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.96));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article>span{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;border:1px solid rgba(34,211,238,.16);padding:7px 10px;background:rgba(8,47,73,.24);color:#67e8f9;margin-bottom:13px;}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid li{padding-left:26px;color:#d7e3f2;}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid li:before{top:.42em;width:15px;height:15px;border:1px solid rgba(45,212,191,.32);background:rgba(20,184,166,.16);box-shadow:0 0 18px rgba(45,212,191,.16);}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid li:after{content:"";position:absolute;left:5px;top:.75em;width:5px;height:2px;border-left:1px solid #5eead4;border-bottom:1px solid #5eead4;transform:rotate(-45deg);}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action{border-color:rgba(168,85,247,.18);background:radial-gradient(circle at 100% 0%,rgba(168,85,247,.16),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.97));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-safe{border-color:rgba(45,212,191,.22);background:radial-gradient(circle at 100% 0%,rgba(45,212,191,.15),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.97));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-warning{border-color:rgba(251,191,36,.24);background:radial-gradient(circle at 100% 0%,rgba(251,191,36,.16),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.97));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-danger{border-color:rgba(244,63,94,.25);background:radial-gradient(circle at 100% 0%,rgba(244,63,94,.17),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.97));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid p{font-size:14px;line-height:1.62;color:#f8fafc;}
@media (max-width:1024px){.ysgp-mm-command-panel{padding:12px;border-radius:26px;}.ysgp-mm-command-panel:before{border-radius:25px;}.ysgp-mm-status-alert{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;}.ysgp-mm-status-meta{grid-column:1 / -1;text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:12px 0 0;display:flex;align-items:baseline;gap:8px;}.ysgp-mm-status-meta small{margin-top:0;}}
@media (max-width:760px){.ysgp-mm-command-panel{padding:10px;border-radius:23px;gap:12px;}.ysgp-mm-command-panel .ysgp-mm-command-header{border-radius:19px;padding:17px;}.ysgp-mm-command-kicker{align-items:flex-start;flex-direction:column;gap:7px;}.ysgp-mm-command-kicker>span:first-child,.ysgp-mm-status-pill{white-space:normal;line-height:1.35;}.ysgp-mm-command-panel .ysgp-mm-simple-result-head h2{font-size:26px;line-height:1.08;}.ysgp-mm-command-summary{font-size:11.5px!important;line-height:1.52!important;}.ysgp-mm-status-alert{border-radius:18px;padding:14px;gap:11px;}.ysgp-mm-status-icon{width:38px;height:38px;border-radius:14px;}.ysgp-mm-status-content strong{font-size:13px;}.ysgp-mm-status-meta b{font-size:22px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card{min-height:auto;border-radius:18px;padding:15px;}.ysgp-mm-stat-icon{width:29px;height:29px;margin-bottom:9px;}.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article{border-radius:18px;}}
@media (max-width:430px){.ysgp-mm-command-panel{margin-left:0;margin-right:0;padding:8px;border-radius:21px;}.ysgp-mm-command-panel .ysgp-mm-command-header{padding:15px;border-radius:17px;}.ysgp-mm-command-panel .ysgp-mm-simple-result-head h2{font-size:24px;letter-spacing:-.045em;}.ysgp-mm-status-alert{grid-template-columns:1fr;}.ysgp-mm-status-icon{margin-bottom:2px;}.ysgp-mm-status-meta{padding-top:10px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{font-size:23px;}.ysgp-mm-command-actions button{min-height:42px;}}

/* v21.2.112 Money Management intelligent plan + premium builder polish */
.ysgp-mm-builder-panel{isolation:isolate;position:relative;display:block!important;grid-template-columns:none!important;gap:0!important;width:100%;max-width:1040px;margin-left:auto;margin-right:auto;border-color:rgba(125,211,252,.18);background:radial-gradient(circle at 8% 0%,rgba(34,211,238,.16),transparent 31%),radial-gradient(circle at 95% 10%,rgba(168,85,247,.16),transparent 35%),linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.96));box-shadow:0 32px 110px rgba(0,0,0,.42),0 0 70px rgba(34,211,238,.055),inset 0 1px 0 rgba(255,255,255,.07);}
.ysgp-mm-builder-panel:after{content:"";position:absolute;inset:1px;border-radius:27px;border:1px solid rgba(255,255,255,.04);pointer-events:none;z-index:0;}
.ysgp-mm-builder-panel>.ysgp-mm-simple-card-head,.ysgp-mm-builder-panel>.ysgp-mm-simple-grid,.ysgp-mm-builder-panel>.ysgp-mm-simple-generate,.ysgp-mm-builder-panel>.ysgp-mm-simple-disclaimer{position:relative;z-index:1;}
.ysgp-mm-builder-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:0!important;padding:22px 24px 10px!important;}
.ysgp-mm-builder-title{display:flex;align-items:center;gap:15px;min-width:0;}
.ysgp-mm-builder-orbit{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#67e8f9;border:1px solid rgba(34,211,238,.24);background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.24),rgba(8,47,73,.38));box-shadow:0 0 38px rgba(34,211,238,.13),inset 0 1px 0 rgba(255,255,255,.08);}
.ysgp-mm-builder-orbit:before{content:"";position:absolute;inset:-5px;border-radius:22px;border:1px solid rgba(34,211,238,.12);}
.ysgp-mm-builder-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;}
.ysgp-mm-builder-meta span{display:inline-flex;align-items:center;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(2,6,23,.54);color:#cbd5e1;padding:7px 10px;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.ysgp-mm-builder-panel .ysgp-mm-simple-grid{padding:12px;gap:12px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-col{border:1px solid rgba(148,163,184,.11);border-radius:22px;padding:20px;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.085),transparent 36%),linear-gradient(180deg,rgba(15,23,42,.58),rgba(2,6,23,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.045);}
.ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{border-left:1px solid rgba(148,163,184,.11);border-top:1px solid rgba(148,163,184,.11);background:radial-gradient(circle at 100% 0%,rgba(168,85,247,.11),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.56),rgba(2,6,23,.74));}
.ysgp-mm-builder-panel .ysgp-mm-simple-col h3{width:100%;border:1px solid rgba(34,211,238,.12);border-radius:999px;background:rgba(8,47,73,.18);padding:8px 11px;color:#7dd3fc;}
.ysgp-mm-builder-panel .ysgp-mm-simple-input{background:linear-gradient(180deg,rgba(2,6,23,.86),rgba(15,23,42,.52));border-color:rgba(148,163,184,.18);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.ysgp-mm-builder-panel .ysgp-mm-simple-input:hover{border-color:rgba(34,211,238,.27);}
.ysgp-mm-builder-panel .ysgp-mm-simple-input:focus-within{transform:translateY(-1px);border-color:rgba(34,211,238,.58);box-shadow:0 0 0 3px rgba(34,211,238,.09),0 14px 36px rgba(34,211,238,.055),inset 0 1px 0 rgba(255,255,255,.055);}
.ysgp-mm-builder-panel .ysgp-mm-simple-segment button,.ysgp-mm-builder-panel .ysgp-mm-simple-market button{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.72));border-color:rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.ysgp-mm-builder-panel .ysgp-mm-simple-segment button.is-active,.ysgp-mm-builder-panel .ysgp-mm-simple-market button.is-active{border-color:rgba(34,211,238,.60);background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.24),transparent 55%),linear-gradient(135deg,rgba(34,211,238,.18),rgba(168,85,247,.18));box-shadow:0 15px 38px rgba(34,211,238,.13),inset 0 1px 0 rgba(255,255,255,.07);color:#fff;}
.ysgp-mm-builder-panel .ysgp-mm-simple-mode{border-color:rgba(168,85,247,.28);background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.18),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.68),rgba(2,6,23,.72));}
.ysgp-mm-builder-panel .ysgp-mm-simple-generate{width:calc(100% - 24px);margin:0 12px 14px;min-height:56px;border-radius:19px;box-shadow:0 22px 56px rgba(34,211,238,.24),0 0 44px rgba(168,85,247,.08);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.ysgp-mm-builder-panel .ysgp-mm-simple-generate:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 28px 70px rgba(34,211,238,.28),0 0 54px rgba(168,85,247,.12);}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card{min-height:158px;padding:20px 18px 17px;border-color:rgba(148,163,184,.14);background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.13),transparent 39%),radial-gradient(circle at 0% 100%,rgba(168,85,247,.07),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.97));}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(34,211,238,.72),rgba(168,85,247,.55),transparent);opacity:.70;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card span{margin-bottom:12px;color:#93e6ff;font-size:8.75px;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{font-size:clamp(30px,3.15vw,47px);line-height:.94;letter-spacing:-.07em;text-shadow:0 0 32px rgba(34,211,238,.10);overflow-wrap:anywhere;}
.ysgp-mm-command-panel .ysgp-mm-simple-stat-card em{margin-top:12px;font-size:11px;line-height:1.38;color:#a8b5c7;}
.ysgp-mm-command-panel .ysgp-mm-stat-icon{width:35px;height:35px;border-radius:14px;margin-bottom:13px;background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.22),rgba(8,47,73,.36));}
.ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action p{font-size:15px;font-weight:850;}
.ysgp-mm-status-alert.is-safe .ysgp-mm-status-content strong{color:#ecfeff;}
.ysgp-mm-status-alert.is-warning .ysgp-mm-status-content strong{color:#fff7ed;}
.ysgp-mm-status-alert.is-danger .ysgp-mm-status-content strong{color:#fff1f2;}
@media (max-width:1024px){.ysgp-mm-builder-head{align-items:flex-start;flex-direction:column;}.ysgp-mm-builder-meta{justify-content:flex-start;}.ysgp-mm-builder-panel .ysgp-mm-simple-grid{grid-template-columns:1fr;}.ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{border-left:1px solid rgba(148,163,184,.11);}}
@media (max-width:760px){.ysgp-mm-builder-head{padding:17px 16px 8px!important;gap:12px;}.ysgp-mm-builder-title{align-items:flex-start;gap:11px;}.ysgp-mm-builder-orbit{width:42px;height:42px;border-radius:15px;}.ysgp-mm-builder-panel .ysgp-mm-simple-grid{padding:8px;gap:8px;}.ysgp-mm-builder-panel .ysgp-mm-simple-col{border-radius:18px;padding:14px;}.ysgp-mm-builder-panel .ysgp-mm-simple-col h3{padding:7px 10px;}.ysgp-mm-builder-panel .ysgp-mm-simple-generate{width:calc(100% - 16px);margin:0 8px 12px;min-height:52px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card{min-height:auto;padding:17px 16px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{font-size:clamp(30px,9.2vw,39px);}.ysgp-mm-command-panel .ysgp-mm-stat-icon{width:32px;height:32px;margin-bottom:11px;}}
@media (max-width:430px){.ysgp-mm-builder-title{flex-direction:column;}.ysgp-mm-builder-meta span{font-size:8.5px;padding:6px 9px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{font-size:31px;}.ysgp-mm-command-panel .ysgp-mm-simple-stat-card span{line-height:1.28;}}


/* v21.2.114 Portal runtime repair: preserves balanced Money Management builder layout */
.ysgp-money-simple-page{max-width:1120px;width:100%;}
.ysgp-mm-simple-hero h1{font-size:clamp(40px,5.4vw,68px);line-height:.96;}
.ysgp-mm-builder-panel,.ysgp-mm-risk-builder-panel{display:block!important;grid-template-columns:none!important;gap:0!important;max-width:1040px;width:100%;margin-left:auto;margin-right:auto;overflow:hidden;border-radius:32px;}
.ysgp-mm-builder-panel>.ysgp-mm-simple-card-head,.ysgp-mm-builder-panel>.ysgp-mm-simple-grid,.ysgp-mm-builder-panel>.ysgp-mm-simple-generate,.ysgp-mm-builder-panel>.ysgp-mm-simple-disclaimer,.ysgp-mm-risk-builder-panel>.ysgp-mm-simple-card-head,.ysgp-mm-risk-builder-panel>.ysgp-mm-simple-grid,.ysgp-mm-risk-builder-panel>.ysgp-mm-simple-generate,.ysgp-mm-risk-builder-panel>.ysgp-mm-simple-disclaimer{grid-column:auto!important;}
.ysgp-mm-builder-head{min-height:auto!important;padding:24px 24px 12px!important;align-items:center;}
.ysgp-mm-builder-title{max-width:680px;}
.ysgp-mm-builder-title h2{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.02!important;margin-top:7px!important;}
.ysgp-mm-builder-title p{max-width:620px!important;font-size:12.5px!important;line-height:1.55!important;}
.ysgp-mm-builder-panel .ysgp-mm-simple-grid,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:14px!important;padding:14px!important;}
.ysgp-mm-builder-panel .ysgp-mm-simple-col,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-col{min-width:0!important;padding:20px!important;gap:15px!important;border-radius:22px!important;}
.ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{border-left:1px solid rgba(148,163,184,.11)!important;border-top:1px solid rgba(148,163,184,.11)!important;}
.ysgp-mm-builder-panel .ysgp-mm-simple-input,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-input{min-height:50px;border-radius:16px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-input input,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-input input{height:50px;font-size:14px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-segment,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment{gap:8px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-segment button,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button{flex:1 1 auto;min-height:42px;padding:9px 12px;font-size:10px;line-height:1.18;}
.ysgp-mm-builder-panel .ysgp-mm-simple-market,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-market{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-market button,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button{min-height:48px;padding:9px 10px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-mode,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-mode{padding:14px 15px;border-radius:19px;}
.ysgp-mm-builder-panel .ysgp-mm-simple-mode p,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-mode p{font-size:11.25px;line-height:1.48;}
.ysgp-mm-builder-panel .ysgp-mm-simple-generate,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-generate{display:flex!important;width:calc(100% - 28px)!important;margin:2px 14px 14px!important;min-height:54px!important;border-radius:18px!important;position:relative!important;z-index:2!important;}
.ysgp-mm-builder-panel .ysgp-mm-simple-disclaimer,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-disclaimer{margin:0 24px 22px!important;}
@media (max-width:1180px) and (min-width:901px){.ysgp-mm-builder-panel .ysgp-mm-simple-grid,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}.ysgp-mm-builder-head{flex-direction:row!important;}.ysgp-mm-builder-meta{justify-content:flex-end!important;}}
@media (max-width:900px){.ysgp-money-simple-page{max-width:100%;}.ysgp-mm-builder-panel,.ysgp-mm-risk-builder-panel{max-width:100%;border-radius:26px;}.ysgp-mm-builder-head{align-items:flex-start!important;flex-direction:column!important;padding:20px 18px 10px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-grid{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-col{padding:17px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{border-left:1px solid rgba(148,163,184,.11)!important;}.ysgp-mm-builder-meta{justify-content:flex-start!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-generate{width:calc(100% - 20px)!important;margin:0 10px 12px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-disclaimer,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-disclaimer{margin:0 18px 18px!important;}}
@media (max-width:520px){.ysgp-mm-builder-panel,.ysgp-mm-risk-builder-panel{border-radius:22px;}.ysgp-mm-builder-title{flex-direction:row!important;align-items:flex-start!important;}.ysgp-mm-builder-orbit{width:40px!important;height:40px!important;border-radius:14px!important;}.ysgp-mm-builder-title h2{font-size:25px!important;}.ysgp-mm-builder-title p{font-size:11.5px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-col{padding:14px!important;gap:12px!important;border-radius:18px!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-segment button,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button{flex:1 1 calc(50% - 8px);min-width:0;font-size:9.2px;padding-left:8px;padding-right:8px;}.ysgp-mm-builder-panel .ysgp-mm-simple-market button,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button{min-height:46px;}.ysgp-mm-builder-panel .ysgp-mm-simple-generate{font-size:9.4px;letter-spacing:.075em;line-height:1.25;padding:0 10px;}.ysgp-mm-simple-hero h1{font-size:clamp(32px,10vw,40px);}}
@media (max-width:380px){.ysgp-mm-builder-title{flex-direction:column!important;}.ysgp-mm-builder-panel .ysgp-mm-simple-market,.ysgp-mm-risk-builder-panel .ysgp-mm-simple-market{grid-template-columns:1fr;}.ysgp-mm-builder-panel .ysgp-mm-simple-segment button{flex-basis:100%;}.ysgp-mm-builder-meta span{font-size:8px;}}

/* v21.2.115 Money Management OS Portal design-system alignment
   Scoped visual harmonization only: preserves Money Management logic and route behavior. */
#ysgp-portal-root .ysgp-money-simple-page{
  --mm-bg-deep:#02050b;
  --mm-panel:#07101d;
  --mm-panel-2:#0a1524;
  --mm-border:rgba(125,211,252,.13);
  --mm-border-strong:rgba(34,211,238,.24);
  --mm-cyan:#22d3ee;
  --mm-cyan-soft:#67e8f9;
  --mm-teal:#2dd4bf;
  --mm-green:#22c55e;
  --mm-muted:#8ea3ba;
  --mm-muted-2:#64748b;
  --mm-white:#f8fbff;
  --mm-shadow:0 24px 76px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);
  width:min(100%,1080px);
  max-width:1080px;
  color:var(--mm-white);
}
#ysgp-portal-root .ysgp-mm-simple-hero>span{
  border-color:rgba(0,229,255,.20);
  background:rgba(0,229,255,.055);
  color:#7df9ff;
  box-shadow:0 12px 34px rgba(0,229,255,.065),inset 0 1px 0 rgba(255,255,255,.04);
}
#ysgp-portal-root .ysgp-mm-simple-hero h1{
  color:#fff;
  text-shadow:0 18px 70px rgba(0,0,0,.42);
}
#ysgp-portal-root .ysgp-mm-simple-hero p{color:#91a8bf;}

#ysgp-portal-root .ysgp-mm-builder-panel,
#ysgp-portal-root .ysgp-mm-risk-builder-panel{
  border-color:rgba(0,229,255,.12)!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,229,255,.095),transparent 35%),
    radial-gradient(circle at 100% 0%,rgba(34,197,94,.055),transparent 34%),
    linear-gradient(145deg,rgba(8,18,34,.88),rgba(2,7,16,.96))!important;
  box-shadow:0 28px 86px rgba(0,0,0,.42),0 0 54px rgba(0,229,255,.055),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
#ysgp-portal-root .ysgp-mm-builder-panel:after{
  border-color:rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-builder-head{
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
#ysgp-portal-root .ysgp-mm-builder-orbit{
  color:#7df9ff!important;
  border-color:rgba(0,229,255,.20)!important;
  background:linear-gradient(145deg,rgba(0,229,255,.10),rgba(4,18,32,.76))!important;
  box-shadow:0 12px 28px rgba(0,229,255,.085),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-mm-builder-orbit:before{border-color:rgba(0,229,255,.10)!important;}
#ysgp-portal-root .ysgp-mm-builder-title span,
#ysgp-portal-root .ysgp-mm-simple-col h3{
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-mm-builder-title h2{color:#fff!important;}
#ysgp-portal-root .ysgp-mm-builder-title p{color:#8fa5bb!important;}
#ysgp-portal-root .ysgp-mm-builder-meta span,
#ysgp-portal-root .ysgp-mm-simple-profile-chips span{
  border-color:rgba(143,166,189,.14)!important;
  background:rgba(4,14,26,.62)!important;
  color:#b9cadb!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col{
  border-color:rgba(143,166,189,.12)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(0,229,255,.065),transparent 35%),
    linear-gradient(150deg,rgba(11,32,51,.72),rgba(3,10,20,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{
  border-color:rgba(143,166,189,.12)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(34,211,238,.075),transparent 36%),
    linear-gradient(150deg,rgba(10,28,45,.70),rgba(3,10,20,.88))!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col h3,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col h3{
  border-color:rgba(0,229,255,.13)!important;
  background:rgba(0,229,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-simple-field span{color:#8498ad!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input{
  border-color:rgba(143,166,189,.15)!important;
  background:linear-gradient(180deg,rgba(3,10,20,.88),rgba(8,18,34,.76))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input:hover{border-color:rgba(0,229,255,.24)!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input:focus-within,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input:focus-within{
  border-color:rgba(0,229,255,.46)!important;
  box-shadow:0 0 0 3px rgba(0,229,255,.075),0 14px 34px rgba(0,229,255,.045),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-mm-simple-input b{color:#67e8f9!important;}
#ysgp-portal-root .ysgp-mm-simple-input input{color:#f8fbff!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button,
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button{
  border-color:rgba(143,166,189,.13)!important;
  background:linear-gradient(180deg,rgba(9,19,32,.92),rgba(3,10,20,.82))!important;
  color:#8fa5bb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button:hover,
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button:hover{
  border-color:rgba(0,229,255,.24)!important;
  color:#dffcff!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button.is-active,
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button.is-active,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button.is-active,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button.is-active{
  border-color:rgba(0,229,255,.48)!important;
  background:linear-gradient(135deg,rgba(0,229,255,.13),rgba(20,184,166,.09))!important;
  color:#f8ffff!important;
  box-shadow:0 14px 32px rgba(0,229,255,.095),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-mm-simple-market button svg{color:#7890a6!important;}
#ysgp-portal-root .ysgp-mm-simple-market button.is-active svg{color:#67e8f9!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-mode,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-mode{
  border-color:rgba(0,229,255,.13)!important;
  background:radial-gradient(circle at 0% 0%,rgba(0,229,255,.085),transparent 38%),linear-gradient(180deg,rgba(8,18,34,.72),rgba(3,10,20,.86))!important;
}
#ysgp-portal-root .ysgp-mm-simple-mode div{color:#67e8f9!important;}
#ysgp-portal-root .ysgp-mm-simple-mode p{color:#9eb0c3!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-generate,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-generate{
  background:linear-gradient(135deg,#06b6d4,#14b8a6)!important;
  color:#021015!important;
  box-shadow:0 20px 48px rgba(0,229,255,.18),0 0 30px rgba(20,184,166,.08)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-generate:hover:not(:disabled),
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-generate:hover:not(:disabled){
  box-shadow:0 24px 58px rgba(0,229,255,.22),0 0 36px rgba(20,184,166,.10)!important;
}
#ysgp-portal-root .ysgp-mm-simple-disclaimer{color:#708399!important;}

#ysgp-portal-root .ysgp-mm-simple-loading{
  border-color:rgba(0,229,255,.12)!important;
  background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.10),transparent 34%),linear-gradient(180deg,rgba(8,18,34,.90),rgba(2,7,16,.96))!important;
}
#ysgp-portal-root .ysgp-mm-simple-loading-card{
  border-color:rgba(143,166,189,.12)!important;
  background:linear-gradient(150deg,rgba(11,32,51,.76),rgba(3,10,20,.86))!important;
}
#ysgp-portal-root .ysgp-mm-simple-orb{
  background:radial-gradient(circle at 50% 35%,rgba(0,229,255,.22),rgba(4,18,32,.72))!important;
}
#ysgp-portal-root .ysgp-mm-simple-loading-bar i{background:linear-gradient(90deg,#22d3ee,#2dd4bf)!important;}

#ysgp-portal-root .ysgp-mm-command-panel{
  border-color:rgba(0,229,255,.12)!important;
  background:radial-gradient(circle at 14% 0%,rgba(0,229,255,.075),transparent 34%),linear-gradient(145deg,rgba(8,18,34,.88),rgba(2,7,16,.96))!important;
  box-shadow:0 28px 86px rgba(0,0,0,.40),0 0 50px rgba(0,229,255,.05),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel:before{border-color:rgba(255,255,255,.035)!important;}
#ysgp-portal-root .ysgp-mm-result-aura{
  background:radial-gradient(circle at 15% 0%,rgba(0,229,255,.09),transparent 36%),radial-gradient(circle at 95% 0%,rgba(34,197,94,.045),transparent 34%)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-command-header{
  border-color:rgba(143,166,189,.13)!important;
  background:linear-gradient(150deg,rgba(11,32,51,.74),rgba(3,10,20,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-mm-command-kicker>span:first-child,
#ysgp-portal-root .ysgp-mm-status-pill{
  border-color:rgba(0,229,255,.16)!important;
  background:rgba(0,229,255,.045)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-mm-status-pill.is-safe{border-color:rgba(45,212,191,.22)!important;background:rgba(20,184,166,.08)!important;color:#99f6e4!important;}
#ysgp-portal-root .ysgp-mm-status-pill.is-warning{border-color:rgba(251,191,36,.24)!important;background:rgba(251,191,36,.075)!important;color:#fde68a!important;}
#ysgp-portal-root .ysgp-mm-status-pill.is-danger{border-color:rgba(244,63,94,.26)!important;background:rgba(244,63,94,.075)!important;color:#fecdd3!important;}
#ysgp-portal-root .ysgp-mm-command-summary{color:#91a8bf!important;}
#ysgp-portal-root .ysgp-mm-command-actions button{
  border-color:rgba(143,166,189,.14)!important;
  background:linear-gradient(180deg,rgba(9,19,32,.86),rgba(3,10,20,.76))!important;
  color:#d9ecf5!important;
}
#ysgp-portal-root .ysgp-mm-command-actions button:last-child{
  border-color:rgba(0,229,255,.24)!important;
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(20,184,166,.09))!important;
  color:#dffcff!important;
}
#ysgp-portal-root .ysgp-mm-status-alert{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-safe{
  border-color:rgba(45,212,191,.23)!important;
  background:linear-gradient(150deg,rgba(20,184,166,.105),rgba(3,10,20,.82))!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-warning{
  border-color:rgba(251,191,36,.24)!important;
  background:linear-gradient(150deg,rgba(251,191,36,.10),rgba(3,10,20,.82))!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-danger{
  border-color:rgba(244,63,94,.26)!important;
  background:linear-gradient(150deg,rgba(244,63,94,.105),rgba(3,10,20,.82))!important;
}
#ysgp-portal-root .ysgp-mm-status-icon{
  background:rgba(0,229,255,.055)!important;
  border-color:rgba(0,229,255,.15)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-safe .ysgp-mm-status-icon{background:rgba(20,184,166,.09)!important;border-color:rgba(45,212,191,.22)!important;color:#5eead4!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-warning .ysgp-mm-status-icon{background:rgba(251,191,36,.09)!important;border-color:rgba(251,191,36,.22)!important;color:#facc15!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-danger .ysgp-mm-status-icon{background:rgba(244,63,94,.09)!important;border-color:rgba(244,63,94,.23)!important;color:#fb7185!important;}
#ysgp-portal-root .ysgp-mm-status-content strong{color:#f8fbff!important;}
#ysgp-portal-root .ysgp-mm-status-meta{border-color:rgba(143,166,189,.11)!important;}
#ysgp-portal-root .ysgp-mm-status-meta small{color:#7f94aa!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card{
  border-color:rgba(143,166,189,.12)!important;
  background:radial-gradient(circle at 100% 0%,rgba(0,229,255,.075),transparent 38%),linear-gradient(150deg,rgba(11,32,51,.72),rgba(3,10,20,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card:before{
  background:linear-gradient(90deg,rgba(0,229,255,.58),rgba(20,184,166,.36),transparent)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card:hover{
  border-color:rgba(0,229,255,.20)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 26px rgba(0,229,255,.045),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card span{color:#7dd3fc!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{color:#fff!important;text-shadow:0 0 24px rgba(0,229,255,.07)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card em{color:#8fa5bb!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-stat-icon{
  border-color:rgba(0,229,255,.15)!important;
  background:rgba(0,229,255,.055)!important;
  color:#67e8f9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article{
  border-color:rgba(143,166,189,.12)!important;
  background:radial-gradient(circle at 0% 0%,rgba(0,229,255,.065),transparent 34%),linear-gradient(150deg,rgba(11,32,51,.72),rgba(3,10,20,.88))!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article>span{
  border-color:rgba(0,229,255,.15)!important;
  background:rgba(0,229,255,.045)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action{
  border-color:rgba(0,229,255,.14)!important;
  background:radial-gradient(circle at 100% 0%,rgba(0,229,255,.075),transparent 34%),linear-gradient(150deg,rgba(11,32,51,.74),rgba(3,10,20,.88))!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-safe{border-color:rgba(45,212,191,.20)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-warning{border-color:rgba(251,191,36,.22)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-danger{border-color:rgba(244,63,94,.24)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid li{color:#cfe0ef!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid p{color:#eef8ff!important;}

@media (max-width:900px){
  #ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,
  #ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{border-left:1px solid rgba(143,166,189,.12)!important;border-top:1px solid rgba(143,166,189,.12)!important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-money-simple-page{width:100%;max-width:100%;}
  #ysgp-portal-root .ysgp-mm-simple-hero>span{box-shadow:none;}
}

/* v21.2.116 Money Management original OS Portal design-system alignment
   Scoped visual alignment only: keeps Money Management logic, routes, and protected systems unchanged. */
#ysgp-portal-root .ysgp-money-simple-page{
  --mm-os-bg:#05080f;
  --mm-os-bg-soft:#0a0d14;
  --mm-os-border:rgba(255,255,255,.055);
  --mm-os-border-strong:rgba(255,255,255,.10);
  --mm-os-text:#ffffff;
  --mm-os-muted:#94a3b8;
  --mm-os-muted-2:#64748b;
  --mm-os-purple:#a855f7;
  --mm-os-blue:#2563eb;
  --mm-os-cyan:#22d3ee;
  --mm-os-emerald:#10b981;
  width:min(100%,1120px)!important;
  max-width:1120px!important;
}
#ysgp-portal-root .ysgp-mm-simple-hero{
  margin-bottom:2px!important;
}
#ysgp-portal-root .ysgp-mm-simple-hero>span{
  background:rgba(168,85,247,.10)!important;
  border:1px solid rgba(168,85,247,.20)!important;
  color:#c084fc!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-simple-hero h1{
  color:#fff!important;
  text-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-simple-hero p{
  color:var(--mm-os-muted)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel,
#ysgp-portal-root .ysgp-mm-risk-builder-panel{
  border:1px solid var(--mm-os-border)!important;
  background:
    radial-gradient(circle at -8% -12%,rgba(168,85,247,.10),transparent 34%),
    radial-gradient(circle at 108% 0%,rgba(37,99,235,.055),transparent 34%),
    linear-gradient(145deg,rgba(5,8,15,.96),rgba(3,7,13,.98))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)!important;
  border-radius:40px!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#ysgp-portal-root .ysgp-mm-builder-panel:after,
#ysgp-portal-root .ysgp-mm-risk-builder-panel:after,
#ysgp-portal-root .ysgp-mm-builder-panel:before,
#ysgp-portal-root .ysgp-mm-risk-builder-panel:before{
  opacity:.18!important;
  border-color:rgba(255,255,255,.025)!important;
}
#ysgp-portal-root .ysgp-mm-builder-head{
  padding:34px 34px 22px!important;
  background:transparent!important;
  border-bottom:1px solid var(--mm-os-border)!important;
}
#ysgp-portal-root .ysgp-mm-builder-orbit{
  color:#67e8f9!important;
  border:1px solid rgba(34,211,238,.18)!important;
  background:#07101d!important;
  box-shadow:0 0 24px rgba(34,211,238,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-builder-orbit:before{
  border-color:rgba(34,211,238,.12)!important;
}
#ysgp-portal-root .ysgp-mm-builder-title span{
  color:#67e8f9!important;
  letter-spacing:.17em!important;
}
#ysgp-portal-root .ysgp-mm-builder-title h2{
  color:#fff!important;
  text-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-title p{
  color:var(--mm-os-muted)!important;
}
#ysgp-portal-root .ysgp-mm-builder-meta span,
#ysgp-portal-root .ysgp-mm-simple-profile-chips span{
  border:1px solid var(--mm-os-border)!important;
  background:#0a0d14!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-grid,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-grid{
  gap:0!important;
  padding:0!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col{
  padding:34px 34px 30px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{
  border-left:1px solid var(--mm-os-border)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col h3,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col h3{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#94a3b8!important;
  padding:0!important;
  margin:0 0 2px!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col h3 svg,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col h3 svg{
  color:#64748b!important;
}
#ysgp-portal-root .ysgp-mm-simple-field span{
  color:#64748b!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input{
  min-height:56px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#0a0d14!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input:hover{
  border-color:rgba(255,255,255,.18)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-input:focus-within,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-input:focus-within{
  border-color:rgba(168,85,247,.50)!important;
  box-shadow:0 0 0 3px rgba(168,85,247,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-simple-input b{
  color:#cbd5e1!important;
}
#ysgp-portal-root .ysgp-mm-simple-input input{
  height:56px!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button,
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button{
  border:1px solid rgba(255,255,255,.055)!important;
  background:#0a0d14!important;
  color:#64748b!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button:hover,
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button:hover,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button:hover{
  border-color:rgba(255,255,255,.18)!important;
  color:#cbd5e1!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-segment button.is-active,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-segment button.is-active{
  border-color:rgba(168,85,247,.50)!important;
  background:rgba(168,85,247,.18)!important;
  color:#d8b4fe!important;
  box-shadow:0 0 15px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market button.is-active,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-market button.is-active{
  border-color:rgba(59,130,246,.50)!important;
  background:rgba(59,130,246,.10)!important;
  color:#60a5fa!important;
  box-shadow:0 0 15px rgba(59,130,246,.14)!important;
}
#ysgp-portal-root .ysgp-mm-simple-market button svg{color:#64748b!important;}
#ysgp-portal-root .ysgp-mm-simple-market button.is-active svg{color:#60a5fa!important;}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-mode,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-mode{
  border:1px solid rgba(34,211,238,.18)!important;
  background:rgba(34,211,238,.05)!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-simple-mode div{
  color:#22d3ee!important;
}
#ysgp-portal-root .ysgp-mm-simple-mode p{
  color:#94a3b8!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-generate,
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-generate{
  background:linear-gradient(90deg,#9333ea,#2563eb)!important;
  color:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 0 30px rgba(168,85,247,.28)!important;
  text-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-generate:hover:not(:disabled),
#ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-generate:hover:not(:disabled){
  opacity:.92!important;
  transform:scale(1.01)!important;
  box-shadow:0 0 34px rgba(168,85,247,.32)!important;
}
#ysgp-portal-root .ysgp-mm-simple-disclaimer{
  color:#64748b!important;
}
#ysgp-portal-root .ysgp-mm-simple-loading{
  border:1px solid var(--mm-os-border)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(168,85,247,.10),transparent 34%),
    linear-gradient(180deg,rgba(5,8,15,.96),rgba(3,7,13,.98))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-simple-loading-card{
  border:1px solid var(--mm-os-border)!important;
  background:#05080f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-simple-orb{
  border-color:rgba(34,211,238,.18)!important;
  background:#07101d!important;
  color:#67e8f9!important;
  box-shadow:0 0 24px rgba(34,211,238,.10)!important;
}
#ysgp-portal-root .ysgp-mm-simple-steps span{
  border-color:rgba(255,255,255,.055)!important;
  background:#0a0d14!important;
  color:#94a3b8!important;
}
#ysgp-portal-root .ysgp-mm-simple-loading-bar i{
  background:linear-gradient(90deg,#9333ea,#2563eb)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel{
  border:1px solid var(--mm-os-border)!important;
  background:
    radial-gradient(circle at -8% -12%,rgba(168,85,247,.09),transparent 34%),
    radial-gradient(circle at 108% 0%,rgba(37,99,235,.045),transparent 34%),
    linear-gradient(145deg,rgba(5,8,15,.96),rgba(3,7,13,.98))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel:before{border-color:rgba(255,255,255,.025)!important;opacity:.18!important;}
#ysgp-portal-root .ysgp-mm-result-aura{opacity:.42!important;background:radial-gradient(circle at 10% 0%,rgba(168,85,247,.08),transparent 34%),radial-gradient(circle at 96% 0%,rgba(37,99,235,.045),transparent 34%)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-command-header{
  border:1px solid var(--mm-os-border)!important;
  background:#05080f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-command-kicker>span:first-child,
#ysgp-portal-root .ysgp-mm-status-pill{
  border:1px solid rgba(168,85,247,.20)!important;
  background:rgba(168,85,247,.10)!important;
  color:#c084fc!important;
}
#ysgp-portal-root .ysgp-mm-status-pill.is-safe{border-color:rgba(16,185,129,.24)!important;background:rgba(16,185,129,.08)!important;color:#6ee7b7!important;}
#ysgp-portal-root .ysgp-mm-status-pill.is-warning{border-color:rgba(245,158,11,.28)!important;background:rgba(245,158,11,.08)!important;color:#fbbf24!important;}
#ysgp-portal-root .ysgp-mm-status-pill.is-danger{border-color:rgba(244,63,94,.28)!important;background:rgba(244,63,94,.08)!important;color:#fb7185!important;}
#ysgp-portal-root .ysgp-mm-command-summary{color:#94a3b8!important;}
#ysgp-portal-root .ysgp-mm-command-actions button{
  border:1px solid rgba(255,255,255,.10)!important;
  background:#0a0d14!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-command-actions button:last-child{
  border:0!important;
  background:linear-gradient(90deg,#9333ea,#2563eb)!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(168,85,247,.22)!important;
}
#ysgp-portal-root .ysgp-mm-status-alert{
  border:1px solid var(--mm-os-border)!important;
  background:#05080f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-safe{border-color:rgba(16,185,129,.22)!important;background:linear-gradient(145deg,rgba(16,185,129,.07),rgba(5,8,15,.96))!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-warning{border-color:rgba(245,158,11,.24)!important;background:linear-gradient(145deg,rgba(245,158,11,.075),rgba(5,8,15,.96))!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-danger{border-color:rgba(244,63,94,.26)!important;background:linear-gradient(145deg,rgba(244,63,94,.075),rgba(5,8,15,.96))!important;}
#ysgp-portal-root .ysgp-mm-status-icon{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0a0d14!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-status-alert.is-safe .ysgp-mm-status-icon{border-color:rgba(16,185,129,.22)!important;background:rgba(16,185,129,.08)!important;color:#6ee7b7!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-warning .ysgp-mm-status-icon{border-color:rgba(245,158,11,.24)!important;background:rgba(245,158,11,.08)!important;color:#fbbf24!important;}
#ysgp-portal-root .ysgp-mm-status-alert.is-danger .ysgp-mm-status-icon{border-color:rgba(244,63,94,.26)!important;background:rgba(244,63,94,.08)!important;color:#fb7185!important;}
#ysgp-portal-root .ysgp-mm-status-content strong{color:#f8fafc!important;}
#ysgp-portal-root .ysgp-mm-status-meta{border-color:rgba(255,255,255,.055)!important;background:#0a0d14!important;}
#ysgp-portal-root .ysgp-mm-status-meta small{color:#64748b!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card{
  border:1px solid rgba(255,255,255,.055)!important;
  background:#05080f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card:before{
  background:linear-gradient(90deg,rgba(168,85,247,.58),rgba(37,99,235,.42),transparent)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card:hover{
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card span{color:#64748b!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card strong{color:#fff!important;text-shadow:none!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-stat-card em{color:#94a3b8!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-stat-icon{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0a0d14!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article{
  border:1px solid rgba(255,255,255,.055)!important;
  background:#05080f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article>span{
  border:0!important;
  background:transparent!important;
  color:#67e8f9!important;
  padding:0!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action{
  background:linear-gradient(145deg,rgba(168,85,247,.055),rgba(5,8,15,.96))!important;
  border-color:rgba(168,85,247,.15)!important;
}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-safe{border-color:rgba(16,185,129,.20)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-warning{border-color:rgba(245,158,11,.22)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid article.is-action.is-danger{border-color:rgba(244,63,94,.24)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid li{color:#cbd5e1!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid li:before{background:#22d3ee!important;box-shadow:0 0 12px rgba(34,211,238,.24)!important;}
#ysgp-portal-root .ysgp-mm-command-panel .ysgp-mm-simple-result-grid p{color:#e2e8f0!important;}
@media (max-width:900px){
  #ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col.is-right,
  #ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col.is-right{
    border-left:0!important;
    border-top:1px solid var(--mm-os-border)!important;
  }
  #ysgp-portal-root .ysgp-mm-builder-head{padding:24px 20px 14px!important;}
  #ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-col,
  #ysgp-portal-root .ysgp-mm-risk-builder-panel .ysgp-mm-simple-col{padding:22px 20px!important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-money-simple-page{width:100%!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-mm-builder-panel,
  #ysgp-portal-root .ysgp-mm-risk-builder-panel{border-radius:28px!important;}
  #ysgp-portal-root .ysgp-mm-builder-orbit{width:48px!important;height:48px!important;}
  #ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:430px){
  #ysgp-portal-root .ysgp-mm-builder-panel .ysgp-mm-simple-market{grid-template-columns:1fr!important;}
}


/* v21.2.117 Money Management result command-panel premium refinement
   Result-screen only: preserves the approved input builder and dynamic risk logic. */
#ysgp-portal-root .ysgp-mm-result-dashboard{
  position:relative;
  gap:18px!important;
  padding:12px!important;
  border-radius:36px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(circle at -6% -8%,rgba(168,85,247,.11),transparent 35%),
    radial-gradient(circle at 106% 0%,rgba(37,99,235,.07),transparent 34%),
    linear-gradient(145deg,rgba(5,8,15,.97),rgba(3,7,13,.99))!important;
  box-shadow:0 28px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard:after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:27px;
  border:1px solid rgba(255,255,255,.025);
  pointer-events:none;
  z-index:0;
}
#ysgp-portal-root .ysgp-mm-result-dashboard > *{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-result-aura{opacity:.55!important;}
#ysgp-portal-root .ysgp-mm-result-dashboard-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:22px!important;
  padding:28px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(168,85,247,.105),transparent 36%),
    linear-gradient(145deg,rgba(6,10,18,.98),rgba(4,7,13,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-kicker{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-kicker>span:first-child,
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-status-pill{
  min-height:28px;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
  line-height:1!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-simple-result-head h2{
  max-width:760px;
  margin:0 0 10px!important;
  font-size:clamp(36px,4.3vw,62px)!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-summary{
  max-width:820px;
  font-size:13.5px!important;
  line-height:1.62!important;
  color:#a6b5c5!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-simple-profile-chips{
  margin-top:16px!important;
  gap:8px!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-simple-profile-chips span{
  min-height:28px;
  padding:8px 11px!important;
  border-radius:999px!important;
  background:#0a0d14!important;
  border-color:rgba(255,255,255,.065)!important;
  color:#94a3b8!important;
  font-size:9.5px!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-actions{
  min-width:210px;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-actions button{
  min-height:44px!important;
  border-radius:16px!important;
  padding:10px 15px!important;
  white-space:nowrap;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) minmax(128px,160px)!important;
  gap:18px!important;
  align-items:center!important;
  border-radius:26px!important;
  padding:20px!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-icon{
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-content span{
  display:block;
  margin-bottom:6px;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-content strong{
  display:block;
  max-width:820px;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-content p{
  margin:6px 0 0!important;
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter{
  margin-top:15px;
  max-width:720px;
}
#ysgp-portal-root .ysgp-mm-risk-meter-track{
  height:8px;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  background:#0a0d14;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.42);
}
#ysgp-portal-root .ysgp-mm-risk-meter-track i{
  display:block;
  height:100%;
  min-width:4px;
  max-width:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#10b981,#22d3ee);
  box-shadow:0 0 16px rgba(34,211,238,.20);
  transition:width .35s ease;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card.is-warning .ysgp-mm-risk-meter-track i{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 16px rgba(245,158,11,.18);}
#ysgp-portal-root .ysgp-mm-risk-meter-card.is-danger .ysgp-mm-risk-meter-track i{background:linear-gradient(90deg,#f43f5e,#fb7185);box-shadow:0 0 16px rgba(244,63,94,.18);}
#ysgp-portal-root .ysgp-mm-risk-meter-labels{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}
#ysgp-portal-root .ysgp-mm-risk-meter-labels small{
  color:#64748b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta{
  min-height:104px;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  padding:0 0 0 20px!important;
  background:transparent!important;
  text-align:right!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta b{
  display:block;
  color:#fff!important;
  font-size:clamp(38px,4vw,58px)!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
}
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta small,
#ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta em{
  display:block;
  margin-top:9px;
  color:#64748b!important;
  font-size:9.5px!important;
  font-weight:950!important;
  font-style:normal!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-mm-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-kpi-card{
  min-height:172px!important;
  border-radius:24px!important;
  padding:19px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(168,85,247,.055),transparent 34%),
    linear-gradient(180deg,rgba(7,11,20,.98),rgba(4,7,13,.99))!important;
}
#ysgp-portal-root .ysgp-mm-kpi-card-top{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  margin-bottom:12px;
}
#ysgp-portal-root .ysgp-mm-kpi-card-top span{
  margin:0!important;
  color:#718096!important;
  font-size:9px!important;
  line-height:1.25!important;
  letter-spacing:.13em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-stat-icon{
  flex:0 0 auto;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border-radius:13px!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-kpi-card strong{
  display:block;
  margin-top:2px;
  color:#fff!important;
  font-size:clamp(34px,3.5vw,52px)!important;
  line-height:.9!important;
  letter-spacing:-.075em!important;
}
#ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-kpi-card em{
  margin-top:12px!important;
  color:#94a3b8!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#ysgp-portal-root .ysgp-mm-result-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:12px!important;
}
#ysgp-portal-root .ysgp-mm-result-detail-grid article{
  border-radius:24px!important;
  padding:22px!important;
  min-height:190px;
}
#ysgp-portal-root .ysgp-mm-result-detail-grid article>span{
  display:inline-flex!important;
  margin-bottom:15px!important;
  color:#67e8f9!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
  font-weight:950!important;
}
#ysgp-portal-root .ysgp-mm-rules-card ul{
  gap:11px!important;
}
#ysgp-portal-root .ysgp-mm-rules-card li{
  position:relative;
  padding-left:25px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  color:#cbd5e1!important;
}
#ysgp-portal-root .ysgp-mm-rules-card li:before{
  width:11px!important;
  height:11px!important;
  top:.43em!important;
  background:#22d3ee!important;
  box-shadow:0 0 14px rgba(34,211,238,.22)!important;
}
#ysgp-portal-root .ysgp-mm-next-action-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:linear-gradient(145deg,rgba(168,85,247,.065),rgba(5,8,15,.98))!important;
}
#ysgp-portal-root .ysgp-mm-next-action-card p{
  font-size:clamp(16px,1.55vw,21px)!important;
  line-height:1.45!important;
  font-weight:900!important;
  color:#f8fafc!important;
}
#ysgp-portal-root .ysgp-mm-next-action-card.is-safe{background:linear-gradient(145deg,rgba(16,185,129,.06),rgba(5,8,15,.98))!important;}
#ysgp-portal-root .ysgp-mm-next-action-card.is-warning{background:linear-gradient(145deg,rgba(245,158,11,.065),rgba(5,8,15,.98))!important;}
#ysgp-portal-root .ysgp-mm-next-action-card.is-danger{background:linear-gradient(145deg,rgba(244,63,94,.07),rgba(5,8,15,.98))!important;}
@media (max-width:1024px){
  #ysgp-portal-root .ysgp-mm-result-dashboard-head{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-actions{min-width:0;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  #ysgp-portal-root .ysgp-mm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-mm-result-detail-grid{grid-template-columns:1fr!important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-mm-result-dashboard{padding:8px!important;border-radius:28px!important;gap:12px!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard:after{inset:8px;border-radius:21px;}
  #ysgp-portal-root .ysgp-mm-result-dashboard-head{padding:20px!important;border-radius:21px!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-simple-result-head h2{font-size:clamp(31px,10.8vw,42px)!important;line-height:.96!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-summary{font-size:12.5px!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-actions{width:100%!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-command-actions button{flex:1 1 100%!important;}
  #ysgp-portal-root .ysgp-mm-risk-meter-card{grid-template-columns:1fr!important;padding:18px!important;border-radius:21px!important;}
  #ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta{align-items:flex-start!important;text-align:left!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.06)!important;padding:14px 0 0!important;min-height:0!important;}
  #ysgp-portal-root .ysgp-mm-risk-meter-card .ysgp-mm-status-meta b{font-size:42px!important;}
  #ysgp-portal-root .ysgp-mm-kpi-grid{grid-template-columns:1fr!important;gap:10px!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-kpi-card{min-height:145px!important;border-radius:20px!important;padding:17px!important;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-kpi-card strong{font-size:clamp(34px,12vw,44px)!important;}
  #ysgp-portal-root .ysgp-mm-result-detail-grid article{border-radius:20px!important;padding:18px!important;min-height:auto;}
}
@media (max-width:430px){
  #ysgp-portal-root .ysgp-mm-risk-meter-labels{flex-direction:column;gap:4px;}
  #ysgp-portal-root .ysgp-mm-kpi-card-top{align-items:flex-start;}
  #ysgp-portal-root .ysgp-mm-result-dashboard .ysgp-mm-simple-profile-chips span{font-size:8.5px!important;}
}

/* v21.2.118 - YS Live Chart OS Portal visual alignment (scoped UI polish only) */
#ysgp-portal-root .ysgp-live-chart-page{
  width:min(1240px,100%)!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:clamp(18px,3vw,34px) clamp(12px,2.2vw,24px) 58px!important;
  gap:20px!important;
}
#ysgp-portal-root .ysgp-live-chart-hero{
  border-radius:32px!important;
  padding:clamp(24px,3.4vw,38px)!important;
  min-height:0!important;
  align-items:center!important;
  background:radial-gradient(circle at 84% 12%,rgba(34,211,238,.10),transparent 34%),linear-gradient(135deg,rgba(10,13,20,.96),rgba(5,8,15,.985))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-live-chart-hero:before{
  inset:-58% -22% auto auto!important;
  width:520px!important;
  height:520px!important;
  background:radial-gradient(circle,rgba(34,211,238,.105),transparent 66%)!important;
  opacity:.92!important;
}
#ysgp-portal-root .ysgp-live-chart-kicker{
  color:#67e8f9!important;
  margin-bottom:13px!important;
  font-size:10px!important;
  letter-spacing:.2em!important;
}
#ysgp-portal-root .ysgp-live-chart-kicker span,
#ysgp-portal-root .ysgp-live-chart-hero-badge b,
#ysgp-portal-root .ysgp-live-chart-live-dot b{
  background:#22d3ee!important;
  box-shadow:0 0 13px rgba(34,211,238,.52)!important;
}
#ysgp-portal-root .ysgp-live-chart-hero h1{
  font-size:clamp(34px,4.35vw,54px)!important;
  letter-spacing:-.06em!important;
  line-height:.96!important;
  gap:13px!important;
}
#ysgp-portal-root .ysgp-live-chart-hero h1 svg{
  width:clamp(27px,3vw,36px)!important;
  height:clamp(27px,3vw,36px)!important;
  color:#e8fbff!important;
  opacity:.9!important;
}
#ysgp-portal-root .ysgp-live-chart-hero p{
  color:#94a3b8!important;
  font-size:14px!important;
  line-height:1.65!important;
}
#ysgp-portal-root .ysgp-live-chart-hero-badge{
  border-color:rgba(34,211,238,.22)!important;
  background:rgba(34,211,238,.065)!important;
  color:#8defff!important;
  border-radius:14px!important;
  padding:9px 12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-live-chart-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
#ysgp-portal-root .ysgp-live-chart-card{
  min-width:0!important;
  height:100%!important;
  border-radius:27px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(10,13,20,.96),rgba(5,8,15,.985))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-live-chart-card:hover,
#ysgp-portal-root .ysgp-live-chart-card.is-active{
  transform:translateY(-3px)!important;
  border-color:rgba(34,211,238,.34)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.38),0 0 0 1px rgba(34,211,238,.08) inset!important;
}
#ysgp-portal-root .ysgp-live-chart-card:focus-visible{
  outline:2px solid rgba(34,211,238,.72)!important;
  outline-offset:3px!important;
}
#ysgp-portal-root .ysgp-live-chart-thumb{
  aspect-ratio:16/9!important;
  border-radius:23px 23px 0 0!important;
  background:linear-gradient(135deg,rgba(2,6,23,.98),rgba(8,13,23,.96))!important;
}
#ysgp-portal-root .ysgp-live-chart-thumb img{
  opacity:.86!important;
  filter:saturate(.9) contrast(1.03) brightness(.82)!important;
}
#ysgp-portal-root .ysgp-live-chart-card:hover .ysgp-live-chart-thumb img{
  opacity:.95!important;
  filter:saturate(.98) contrast(1.05) brightness(.88)!important;
}
#ysgp-portal-root .ysgp-live-chart-thumb:after{
  background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.24) 42%,rgba(2,6,23,.88)),radial-gradient(circle at 50% 50%,rgba(34,211,238,.16),transparent 40%)!important;
}
#ysgp-portal-root .ysgp-live-chart-live-dot,
#ysgp-portal-root .ysgp-live-chart-thumb-brand{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(2,6,23,.72)!important;
  color:#dbeafe!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.28)!important;
}
#ysgp-portal-root .ysgp-live-chart-live-dot{
  color:#67e8f9!important;
  border-color:rgba(34,211,238,.26)!important;
}
#ysgp-portal-root .ysgp-live-chart-play{
  width:58px!important;
  height:58px!important;
  color:#e9fdff!important;
  background:linear-gradient(135deg,rgba(34,211,238,.88),rgba(37,99,235,.86))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 0 8px rgba(34,211,238,.085),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
#ysgp-portal-root .ysgp-live-chart-play svg{
  width:28px!important;
  height:28px!important;
}
#ysgp-portal-root .ysgp-live-chart-open-label{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  min-height:36px!important;
  align-items:center!important;
  border-radius:13px!important;
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(5,8,15,.78)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-live-chart-card:hover .ysgp-live-chart-open-label,
#ysgp-portal-root .ysgp-live-chart-card.is-active .ysgp-live-chart-open-label{
  border-color:rgba(34,211,238,.36)!important;
  background:rgba(14,21,34,.86)!important;
  color:#e7fbff!important;
}
#ysgp-portal-root .ysgp-live-chart-card-body{
  padding:18px 18px 20px!important;
  gap:9px!important;
  min-height:124px!important;
  background:linear-gradient(180deg,rgba(5,8,15,.66),rgba(5,8,15,.95))!important;
}
#ysgp-portal-root .ysgp-live-chart-card-body strong{
  position:relative!important;
  color:#fff!important;
  font-size:clamp(16px,1.28vw,18px)!important;
  line-height:1.18!important;
  letter-spacing:-.04em!important;
  padding-left:18px!important;
}
#ysgp-portal-root .ysgp-live-chart-card-body strong:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.28em!important;
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#f43f5e!important;
  box-shadow:0 0 14px rgba(244,63,94,.42)!important;
}
#ysgp-portal-root .ysgp-live-chart-card-body em{
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#ysgp-portal-root .ysgp-live-chart-thumb-placeholder{
  color:#dbeafe!important;
  background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.12),rgba(2,6,23,.98) 60%)!important;
}
#ysgp-portal-root .ysgp-live-chart-ready-room,
#ysgp-portal-root .ysgp-live-chart-player,
#ysgp-portal-root .ysgp-live-chart-empty,
#ysgp-portal-root .ysgp-live-chart-lock-card{
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(135deg,rgba(10,13,20,.96),rgba(5,8,15,.985))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-live-chart-ready-room{
  max-width:1240px!important;
  padding:clamp(20px,2.8vw,30px)!important;
}
#ysgp-portal-root .ysgp-live-chart-ready-icon,
#ysgp-portal-root .ysgp-live-chart-empty>div,
#ysgp-portal-root .ysgp-live-chart-lock-icon{
  color:#67e8f9!important;
  background:rgba(34,211,238,.075)!important;
  border-color:rgba(34,211,238,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-live-chart-player{
  max-width:1240px!important;
  padding:clamp(12px,2vw,22px)!important;
  background:radial-gradient(circle at 85% 8%,rgba(34,211,238,.07),transparent 36%),linear-gradient(135deg,rgba(10,13,20,.97),rgba(3,6,12,.99))!important;
}
#ysgp-portal-root .ysgp-live-chart-player-head{
  margin-bottom:16px!important;
  padding:2px 2px 0!important;
}
#ysgp-portal-root .ysgp-live-chart-player-head h2,
#ysgp-portal-root .ysgp-live-chart-ready-room h2,
#ysgp-portal-root .ysgp-live-chart-empty h2,
#ysgp-portal-root .ysgp-live-chart-lock-card h1{
  letter-spacing:-.055em!important;
}
#ysgp-portal-root .ysgp-live-chart-room-shell.is-masked{
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(34,211,238,.055)),rgba(2,6,14,.9)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-live-chart-theater-active-note{
  border-color:rgba(34,211,238,.18)!important;
  background:rgba(34,211,238,.045)!important;
  color:#dffaff!important;
}
#ysgp-portal-root .ysgp-live-chart-lock-card button{
  border:1px solid rgba(34,211,238,.22)!important;
  background:linear-gradient(135deg,rgba(168,85,247,.95),rgba(37,99,235,.95))!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgba(37,99,235,.18),0 0 28px rgba(168,85,247,.12)!important;
}
@media(max-width:1100px){
  #ysgp-portal-root .ysgp-live-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-live-chart-hero{align-items:flex-start!important;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-live-chart-page{padding:14px 10px 50px!important;gap:16px!important;}
  #ysgp-portal-root .ysgp-live-chart-hero{border-radius:24px!important;padding:22px!important;gap:16px!important;}
  #ysgp-portal-root .ysgp-live-chart-hero h1{font-size:clamp(31px,10vw,40px)!important;}
  #ysgp-portal-root .ysgp-live-chart-hero-badge{width:auto!important;max-width:100%;}
  #ysgp-portal-root .ysgp-live-chart-grid{grid-template-columns:1fr!important;gap:14px!important;}
  #ysgp-portal-root .ysgp-live-chart-card{border-radius:22px!important;}
  #ysgp-portal-root .ysgp-live-chart-thumb{border-radius:19px 19px 0 0!important;}
  #ysgp-portal-root .ysgp-live-chart-card-body{min-height:auto!important;padding:16px!important;}
  #ysgp-portal-root .ysgp-live-chart-play{width:52px!important;height:52px!important;}
  #ysgp-portal-root .ysgp-live-chart-ready-room,
  #ysgp-portal-root .ysgp-live-chart-player,
  #ysgp-portal-root .ysgp-live-chart-empty,
  #ysgp-portal-root .ysgp-live-chart-lock-card{border-radius:22px!important;}
  #ysgp-portal-root .ysgp-live-chart-player-head{align-items:flex-start!important;}
}
@media(max-width:390px){
  #ysgp-portal-root .ysgp-live-chart-live-dot,
  #ysgp-portal-root .ysgp-live-chart-thumb-brand{font-size:8.5px!important;padding:6px 8px!important;letter-spacing:.1em!important;}
  #ysgp-portal-root .ysgp-live-chart-open-label{font-size:9.5px!important;min-height:33px!important;}
  #ysgp-portal-root .ysgp-live-chart-card-body strong{font-size:15.5px!important;}
}


/* v21.2.119 - YS Live Chart real component polish (markup + scoped styling) */
#ysgp-portal-root .ysgp-live-chart-command-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
  align-items:stretch!important;
  gap:clamp(18px,3vw,34px)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-live-chart-command-hero:after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 28%,rgba(34,211,238,.055) 100%);
  opacity:.75;
}
#ysgp-portal-root .ysgp-live-chart-hero-main,
#ysgp-portal-root .ysgp-live-chart-hero-panel{position:relative;z-index:2;}
#ysgp-portal-root .ysgp-live-chart-hero-main{display:flex;flex-direction:column;justify-content:center;min-width:0;}
#ysgp-portal-root .ysgp-live-chart-hero-icon{
  width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  color:#67e8f9;background:linear-gradient(135deg,rgba(34,211,238,.11),rgba(37,99,235,.055));border:1px solid rgba(34,211,238,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 45px rgba(0,0,0,.28);
}
#ysgp-portal-root .ysgp-live-chart-hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;}
#ysgp-portal-root .ysgp-live-chart-hero-tags span{
  display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);
  background:rgba(8,13,23,.62);color:#cbd5e1;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#ysgp-portal-root .ysgp-live-chart-hero-tags svg{color:#60a5fa;opacity:.9;}
#ysgp-portal-root .ysgp-live-chart-hero-panel{
  align-self:center;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.075);border-radius:24px;padding:16px;
  background:linear-gradient(180deg,rgba(10,13,20,.72),rgba(5,8,15,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 60px rgba(0,0,0,.25);
}
#ysgp-portal-root .ysgp-live-chart-hero-panel .ysgp-live-chart-hero-badge{justify-content:center;width:100%;}
#ysgp-portal-root .ysgp-live-chart-hero-stat{display:grid;gap:5px;border-radius:18px;padding:14px;border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.045);}
#ysgp-portal-root .ysgp-live-chart-hero-stat span,
#ysgp-portal-root .ysgp-live-chart-hero-mini span:first-child{color:#64748b;font-size:9px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-live-chart-hero-stat strong{color:#fff;font-size:17px;font-weight:950;letter-spacing:-.02em;}
#ysgp-portal-root .ysgp-live-chart-hero-mini{display:flex;flex-direction:column;gap:6px;border-radius:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.5);}
#ysgp-portal-root .ysgp-live-chart-hero-mini span:last-child{color:#94a3b8;font-size:11px;font-weight:800;}
#ysgp-portal-root .ysgp-live-chart-room-grid{gap:clamp(18px,2.3vw,24px)!important;}
#ysgp-portal-root .ysgp-live-chart-room-card{
  position:relative!important;border-radius:30px!important;padding:8px!important;gap:0!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(13,17,26,.94),rgba(4,7,13,.99))!important;
}
#ysgp-portal-root .ysgp-live-chart-room-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 18% 0,rgba(34,211,238,.09),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%);
  opacity:.9;
}
#ysgp-portal-root .ysgp-live-chart-room-card.is-active:before,
#ysgp-portal-root .ysgp-live-chart-room-card:hover:before{opacity:1;background:radial-gradient(circle at 18% 0,rgba(34,211,238,.15),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 44%);}
#ysgp-portal-root .ysgp-live-chart-card-preview{border-radius:23px!important;border:1px solid rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 38px rgba(0,0,0,.28);}
#ysgp-portal-root .ysgp-live-chart-preview-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 24%,transparent 64%,rgba(34,211,238,.09));opacity:.64;}
#ysgp-portal-root .ysgp-live-chart-card-preview:after{background:linear-gradient(180deg,rgba(2,6,23,.16),rgba(2,6,23,.16) 36%,rgba(2,6,23,.78)),radial-gradient(circle at 50% 52%,rgba(37,99,235,.18),transparent 42%)!important;}
#ysgp-portal-root .ysgp-live-chart-card-preview .ysgp-live-chart-thumb-brand{display:inline-flex!important;align-items:center!important;gap:7px!important;}
#ysgp-portal-root .ysgp-live-chart-preview-labels{
  position:absolute;z-index:4;left:14px;right:14px;bottom:13px;display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
#ysgp-portal-root .ysgp-live-chart-preview-labels span{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:12px;padding:8px 9px;border:1px solid rgba(255,255,255,.13);
  background:rgba(5,8,15,.72);backdrop-filter:blur(12px);color:#f8fafc;font-size:9.5px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;
}
#ysgp-portal-root .ysgp-live-chart-play-orb{z-index:5!important;}
#ysgp-portal-root .ysgp-live-chart-room-card:hover .ysgp-live-chart-play-orb{transform:translate(-50%,-50%) scale(1.035)!important;}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-live-dot{top:16px!important;left:16px!important;}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-thumb-brand{top:16px!important;right:16px!important;}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-card-body{position:relative!important;z-index:2!important;padding:18px 16px 16px!important;gap:11px!important;min-height:178px!important;background:transparent!important;}
#ysgp-portal-root .ysgp-live-chart-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-live-chart-card-topline span:last-child{color:#60a5fa;border:1px solid rgba(96,165,250,.18);border-radius:999px;padding:5px 8px;background:rgba(96,165,250,.06);}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-card-body strong{padding-left:0!important;font-size:clamp(17px,1.35vw,20px)!important;line-height:1.12!important;min-height:2.22em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-card-body strong:before{display:none!important;}
#ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-card-body em{font-size:12px!important;line-height:1.6!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#ysgp-portal-root .ysgp-live-chart-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065);}
#ysgp-portal-root .ysgp-live-chart-card-pair{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-live-chart-card-footer .ysgp-live-chart-open-label{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;white-space:nowrap;padding:9px 12px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(168,85,247,.92),rgba(37,99,235,.94))!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 14px 30px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.16)!important;}
#ysgp-portal-root .ysgp-live-chart-room-card:hover .ysgp-live-chart-card-footer .ysgp-live-chart-open-label{filter:brightness(1.08);transform:translateX(1px);}
#ysgp-portal-root .ysgp-live-chart-ready-command{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;}
#ysgp-portal-root .ysgp-live-chart-ready-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-live-chart-ready-meta span{border:1px solid rgba(255,255,255,.08);background:rgba(8,13,23,.55);border-radius:999px;padding:8px 10px;}
@media(max-width:1120px){
  #ysgp-portal-root .ysgp-live-chart-command-hero{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-live-chart-hero-panel{align-self:stretch;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;}
  #ysgp-portal-root .ysgp-live-chart-hero-panel .ysgp-live-chart-hero-badge{width:auto;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-live-chart-command-hero{padding:22px!important;border-radius:24px!important;}
  #ysgp-portal-root .ysgp-live-chart-hero h1{align-items:flex-start!important;gap:11px!important;}
  #ysgp-portal-root .ysgp-live-chart-hero-icon{width:42px;height:42px;border-radius:15px;}
  #ysgp-portal-root .ysgp-live-chart-hero-tags{gap:7px;margin-top:16px;}
  #ysgp-portal-root .ysgp-live-chart-hero-tags span{font-size:8.5px;min-height:30px;padding:7px 9px;letter-spacing:.1em;}
  #ysgp-portal-root .ysgp-live-chart-hero-panel{grid-template-columns:1fr!important;padding:14px!important;}
  #ysgp-portal-root .ysgp-live-chart-room-card{padding:7px!important;border-radius:24px!important;}
  #ysgp-portal-root .ysgp-live-chart-card-preview{border-radius:19px!important;}
  #ysgp-portal-root .ysgp-live-chart-preview-labels{left:10px;right:10px;bottom:10px;gap:6px;}
  #ysgp-portal-root .ysgp-live-chart-preview-labels span{font-size:8.5px;padding:7px 6px;letter-spacing:.08em;}
  #ysgp-portal-root .ysgp-live-chart-play-orb{width:56px!important;height:56px!important;}
  #ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-card-body{min-height:auto!important;padding:16px 14px 14px!important;}
  #ysgp-portal-root .ysgp-live-chart-card-footer{flex-direction:column;align-items:stretch!important;}
  #ysgp-portal-root .ysgp-live-chart-card-footer .ysgp-live-chart-open-label{width:100%!important;}
  #ysgp-portal-root .ysgp-live-chart-ready-command{grid-template-columns:1fr!important;text-align:left;}
  #ysgp-portal-root .ysgp-live-chart-ready-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap;}
}
@media(max-width:390px){
  #ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-thumb-brand{display:none!important;}
  #ysgp-portal-root .ysgp-live-chart-room-card .ysgp-live-chart-live-dot{top:11px!important;left:11px!important;}
  #ysgp-portal-root .ysgp-live-chart-preview-labels{grid-template-columns:1fr;}
  #ysgp-portal-root .ysgp-live-chart-card-topline{align-items:flex-start;flex-direction:column;}
}


/* v21.2.123 - YS LIVE CHART theater/player regression repair: no raw YouTube thumbnail, compact native theater */
#ysgp-portal-root .ysgp-live-chart-native-player{
  position:relative!important;
  max-width:1320px!important;
  border-radius:28px!important;
  padding:clamp(14px,2vw,24px)!important;
  background:linear-gradient(180deg,rgba(9,12,19,.94),rgba(4,7,13,.985))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-live-chart-native-player:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(circle at 18% 0,rgba(34,211,238,.045),transparent 36%),radial-gradient(circle at 88% 6%,rgba(96,165,250,.035),transparent 34%);
}
#ysgp-portal-root .ysgp-live-chart-native-player>*{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-live-chart-native-player-head{margin-bottom:16px!important;padding:0 2px 14px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
#ysgp-portal-root .ysgp-live-chart-player-title-wrap{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
#ysgp-portal-root .ysgp-live-chart-player-title-wrap .ysgp-live-chart-kicker{margin-bottom:0!important;color:#67e8f9!important;letter-spacing:.17em!important;}
#ysgp-portal-root .ysgp-live-chart-player-title-wrap h2{display:flex;align-items:center;gap:11px;margin:0!important;font-size:clamp(24px,3vw,39px)!important;line-height:1.04!important;letter-spacing:-.052em!important;max-width:980px;}
#ysgp-portal-root .ysgp-live-chart-player-live-dot{width:30px;height:30px;border-radius:999px;display:inline-flex;flex:0 0 auto;background:#ef3d57;box-shadow:0 0 0 6px rgba(239,61,87,.075),0 13px 28px rgba(0,0,0,.32);}
#ysgp-portal-root .ysgp-live-chart-player-meta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px;}
#ysgp-portal-root .ysgp-live-chart-player-meta-tags span{display:inline-flex;align-items:center;min-height:29px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(8,13,23,.58);color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.115em;text-transform:uppercase;font-style:normal;}
#ysgp-portal-root .ysgp-live-chart-player-live-badge{border-color:rgba(34,211,238,.20)!important;background:rgba(8,13,23,.62)!important;color:#67e8f9!important;box-shadow:none!important;}
#ysgp-portal-root .ysgp-live-chart-player-stage{border-radius:22px;background:rgba(2,6,14,.34);border:1px solid rgba(255,255,255,.052);padding:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.032);}

/* Unified player frame, labels and controls */
#ysgp-portal-root .ysgp-live-chart-native-room.is-masked,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-room.is-masked{
  --ys-live-crop-top:52px;
  --ys-live-crop-extra:104px;
  --ys-live-mask-top:54px;
  --ys-live-mask-bottom:44px;
  --ys-live-frame-radius:18px;
  padding:4px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(11,14,22,.88),rgba(3,7,13,.965))!important;
  border:1px solid rgba(255,255,255,.082)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-live-chart-native-room.is-expanded-room,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-room.is-expanded-room{
  --ys-live-crop-top:50px;
  --ys-live-crop-extra:100px;
  --ys-live-mask-top:52px;
  --ys-live-mask-bottom:42px;
  --ys-live-frame-radius:17px;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:4px!important;
}
#ysgp-portal-root .ysgp-live-chart-native-frame,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-frame{
  position:relative!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:#04070d!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.024)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-live-chart-native-frame:before,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-frame:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.038),inset 0 0 24px rgba(37,99,235,.04)!important;}
#ysgp-portal-root .ysgp-live-chart-native-pair-mask.ysgp-live-chart-mask-top,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-pair-mask.ysgp-live-chart-mask-top{background:linear-gradient(180deg,rgba(7,10,17,.985),rgba(5,8,14,.96))!important;border-bottom:1px solid rgba(255,255,255,.072)!important;box-shadow:0 9px 22px rgba(0,0,0,.42)!important;}
#ysgp-portal-root .ysgp-live-chart-native-pair-mask .ysgp-live-chart-pair-label,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-pair-mask .ysgp-live-chart-pair-label{background:rgba(10,13,20,.84)!important;border:1px solid rgba(125,211,252,.24)!important;color:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.25)!important;letter-spacing:.12em!important;}
#ysgp-portal-root .ysgp-live-chart-native-status-strip,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip{background:linear-gradient(0deg,rgba(7,10,17,.985),rgba(5,8,14,.955))!important;border-top:1px solid rgba(255,255,255,.068)!important;box-shadow:0 -7px 20px rgba(0,0,0,.38)!important;}
#ysgp-portal-root .ysgp-live-chart-native-status-strip span,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip span{color:#94a3b8!important;letter-spacing:.125em!important;}
#ysgp-portal-root .ysgp-live-chart-native-status-strip span:first-child,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip span:first-child{color:#e2e8f0!important;}
#ysgp-portal-root .ysgp-live-chart-native-status-strip span:not(:first-child):before,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip span:not(:first-child):before{background:#22d3ee!important;box-shadow:0 0 8px rgba(34,211,238,.52)!important;}
#ysgp-portal-root .ysgp-live-chart-native-expand-btn,
#ysgp-portal-root .ysgp-live-chart-native-sound-btn,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-sound-btn,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn{background:rgba(10,13,20,.82)!important;border:1px solid rgba(255,255,255,.12)!important;color:#e2e8f0!important;box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;}
#ysgp-portal-root .ysgp-live-chart-native-expand-btn:hover,
#ysgp-portal-root .ysgp-live-chart-native-sound-btn:hover,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-sound-btn:hover,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn:hover{border-color:rgba(125,211,252,.30)!important;color:#fff!important;background:rgba(15,23,42,.92)!important;}
#ysgp-portal-root .ysgp-live-chart-native-sound-btn.is-unmuted,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-sound-btn.is-unmuted{border-color:rgba(16,185,129,.34)!important;color:#d1fae5!important;}
#ysgp-portal-root .ysgp-live-chart-native-sound-btn.is-muted,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-sound-btn.is-muted{border-color:rgba(34,211,238,.30)!important;color:#67e8f9!important;}

/* Critical YouTube leakage prevention: hide iframe until custom player reports playback */
#ysgp-portal-root .ysgp-live-chart-frame.is-youtube iframe,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-frame.is-youtube iframe{opacity:0!important;visibility:hidden!important;transition:opacity .22s ease!important;}
#ysgp-portal-root .ysgp-live-chart-frame.is-youtube.is-playing iframe,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-frame.is-youtube.is-playing iframe{opacity:1!important;visibility:visible!important;}
#ysgp-portal-root .ysgp-live-chart-frame.is-custom iframe,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-frame.is-custom iframe{opacity:1!important;visibility:visible!important;}
#ysgp-portal-root .ysgp-live-chart-custom-cover,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-custom-cover{position:absolute!important;inset:0!important;z-index:22!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;background:radial-gradient(circle at 50% 36%,rgba(34,211,238,.12),transparent 34%),linear-gradient(180deg,rgba(2,6,14,.92),rgba(2,4,10,.97))!important;color:#e2e8f0!important;cursor:pointer!important;text-align:left!important;box-shadow:inset 0 0 62px rgba(37,99,235,.055)!important;-webkit-appearance:none!important;appearance:none!important;}
#ysgp-portal-root .ysgp-live-chart-custom-cover:before,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-custom-cover:before{content:"";position:absolute;inset:10%;border-radius:18px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,transparent 49.8%,rgba(103,232,249,.10) 50%,transparent 50.2%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));opacity:.76;pointer-events:none;}
#ysgp-portal-root .ysgp-live-chart-loading-pulse,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-loading-pulse{position:relative;z-index:2;width:13px!important;height:13px!important;border-radius:999px!important;background:#22d3ee!important;box-shadow:0 0 18px rgba(34,211,238,.88)!important;animation:ysgpLiveChartLoadingPulse 1s ease-in-out infinite!important;}
#ysgp-portal-root .ysgp-live-chart-loading-copy,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-loading-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
#ysgp-portal-root .ysgp-live-chart-loading-copy strong,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-loading-copy strong{font-size:clamp(10px,1.1vw,13px);font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#f8fafc;}
#ysgp-portal-root .ysgp-live-chart-loading-copy em,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-loading-copy em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;}

/* Theater: player-first, no text-heavy header */
.ysgp-live-chart-theater-overlay.ysgp-live-chart-native-theater{position:fixed!important;inset:0!important;z-index:2147483647!important;width:100dvw!important;height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;background:radial-gradient(circle at 50% 0,rgba(34,211,238,.055),transparent 32%),rgba(0,3,9,.972)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-native-shell{width:min(98dvw,calc((100dvh - 34px) * 16 / 9 + 10px))!important;max-width:98dvw!important;max-height:calc(100dvh - 28px)!important;aspect-ratio:auto!important;display:block!important;margin:0!important;padding:4px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(180deg,rgba(10,13,20,.95),rgba(3,7,13,.99))!important;box-shadow:0 30px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.055)!important;overflow:visible!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage{width:100%!important;min-height:0!important;display:block!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-native-room.is-masked{width:100%!important;margin:0!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-frame{width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;max-height:calc(100dvh - 40px)!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-topbar,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-title{display:none!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;z-index:2147483647!important;min-width:44px!important;min-height:40px!important;padding:0 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;pointer-events:auto!important;touch-action:manipulation!important;}
.ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn svg{width:17px!important;height:17px!important;}

@media(max-width:1100px){
  #ysgp-portal-root .ysgp-live-chart-native-player-head{align-items:flex-start!important;flex-direction:column!important;}
  #ysgp-portal-root .ysgp-live-chart-player-stage{padding:6px;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-live-chart-native-player{border-radius:23px!important;padding:14px!important;}
  #ysgp-portal-root .ysgp-live-chart-player-title-wrap h2{font-size:clamp(22px,7vw,30px)!important;gap:9px;}
  #ysgp-portal-root .ysgp-live-chart-player-live-dot{width:26px;height:26px;box-shadow:0 0 0 5px rgba(239,61,87,.08);}
  #ysgp-portal-root .ysgp-live-chart-player-meta-tags span{font-size:8.5px;min-height:28px;padding:6px 8px;letter-spacing:.09em;}
  #ysgp-portal-root .ysgp-live-chart-player-stage{border-radius:18px;padding:4px;}
  #ysgp-portal-root .ysgp-live-chart-native-room.is-masked{border-radius:17px!important;padding:3px!important;}
  #ysgp-portal-root .ysgp-live-chart-native-frame{border-radius:14px!important;}
  .ysgp-live-chart-theater-overlay.ysgp-live-chart-native-theater{padding:max(8px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;align-items:center!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-native-shell{width:calc(100dvw - 12px)!important;max-width:calc(100dvw - 12px)!important;max-height:calc(100dvh - 16px)!important;border-radius:17px!important;padding:3px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-native-room.is-masked{--ys-live-crop-top:38px;--ys-live-crop-extra:76px;--ys-live-mask-top:40px;--ys-live-mask-bottom:34px;border-radius:14px!important;padding:2px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-frame{border-radius:12px!important;max-height:calc(100dvh - 22px)!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn{top:max(9px,env(safe-area-inset-top))!important;right:max(9px,env(safe-area-inset-right))!important;min-width:38px!important;min-height:36px!important;padding:0 10px!important;font-size:0!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn svg{width:18px!important;height:18px!important;}
}
@media(max-width:420px){
  #ysgp-portal-root .ysgp-live-chart-player-meta-tags span:nth-child(3){display:none;}
  #ysgp-portal-root .ysgp-live-chart-native-status-strip,
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip{justify-content:center!important;}
  #ysgp-portal-root .ysgp-live-chart-native-status-strip span:nth-child(n+2),
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-native-status-strip span:nth-child(n+2){display:none!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-native-pair-mask .ysgp-live-chart-pair-label{min-width:74px!important;min-height:24px!important;font-size:9px!important;padding:4px 8px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-custom-cover{gap:9px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-loading-copy em{display:none!important;}
}
@media(max-height:620px) and (orientation:landscape){
  .ysgp-live-chart-theater-overlay.ysgp-live-chart-native-theater{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-native-shell{width:min(99dvw,calc((100dvh - 8px) * 16 / 9 + 8px))!important;max-height:calc(100dvh - 8px)!important;padding:2px!important;border-radius:13px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-native-room.is-masked{--ys-live-crop-top:30px;--ys-live-crop-extra:60px;--ys-live-mask-top:32px;--ys-live-mask-bottom:28px;padding:2px!important;border-radius:12px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-stage .ysgp-live-chart-frame{max-height:calc(100dvh - 10px)!important;border-radius:10px!important;}
  .ysgp-live-chart-theater-overlay .ysgp-live-chart-theater-close-btn{top:max(5px,env(safe-area-inset-top))!important;right:max(5px,env(safe-area-inset-right))!important;min-width:34px!important;min-height:34px!important;}
}
/* v21.2.123 interaction layer ordering: custom YS cover stays above iframe shield, native controls stay tappable */
#ysgp-portal-root .ysgp-live-chart-interaction-shield,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-interaction-shield{z-index:16!important;pointer-events:auto!important;}
#ysgp-portal-root .ysgp-live-chart-native-expand-btn,
#ysgp-portal-root .ysgp-live-chart-native-sound-btn,
.ysgp-live-chart-theater-overlay .ysgp-live-chart-native-sound-btn{z-index:34!important;pointer-events:auto!important;touch-action:manipulation!important;}

/* Historical YS Live Chart Academy play overlay alignment; scoped centering retained. */
#ysgp-portal-root .ysgp-live-chart-card-preview .ysgp-live-chart-preview-labels,
#ysgp-portal-root .ysgp-live-chart-thumb .ysgp-live-chart-preview-labels{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-live-chart-card-preview:after,
#ysgp-portal-root .ysgp-live-chart-thumb:after{
  background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.34) 46%,rgba(2,6,23,.86))!important;
}
#ysgp-portal-root .ysgp-live-chart-card-preview .ysgp-live-chart-academy-play,
#ysgp-portal-root .ysgp-live-chart-thumb .ysgp-live-chart-academy-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:6!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-live-chart-room-card:hover .ysgp-live-chart-academy-play,
#ysgp-portal-root .ysgp-live-chart-room-card:focus-visible .ysgp-live-chart-academy-play{
  transform:translate(-50%,-50%) scale(1.1)!important;
}
#ysgp-portal-root .ysgp-live-chart-academy-play svg{
  flex:0 0 auto!important;
}
#ysgp-portal-root .ysgp-live-chart-room-card:focus-visible .ysgp-live-chart-academy-play{
  outline:2px solid rgba(103,232,249,.48)!important;
  outline-offset:4px!important;
}

/* === v21.2.130 Brokers / Prop Firms compact directory grid + Live Sessions info fix === */
.ysgp-directory-page {
  width: 100%;
}
.ysgp-directory-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .ysgp-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
  }
}
@media (min-width: 1180px) {
  .ysgp-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ysgp-directory-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 18% 0%, rgba(34,211,238,.075), transparent 32%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
  box-shadow: 0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.ysgp-directory-card:hover,
.ysgp-directory-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(34,211,238,.34);
  box-shadow: 0 24px 62px rgba(0,0,0,.36), 0 0 0 1px rgba(34,211,238,.06), inset 0 1px 0 rgba(255,255,255,.065);
  outline: none;
}
.ysgp-directory-card-emerald:hover,
.ysgp-directory-card-emerald:focus-visible {
  border-color: rgba(16,185,129,.34);
  box-shadow: 0 24px 62px rgba(0,0,0,.36), 0 0 0 1px rgba(16,185,129,.055), inset 0 1px 0 rgba(255,255,255,.065);
}
.ysgp-directory-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: rgba(2,6,23,.74);
  border-bottom: 1px solid rgba(255,255,255,.065);
}
.ysgp-directory-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.34));
  pointer-events: none;
}
.ysgp-directory-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.001);
  transition: transform .55s ease, filter .55s ease;
}
.ysgp-directory-card:hover .ysgp-directory-media img,
.ysgp-directory-card:focus-visible .ysgp-directory-media img {
  transform: scale(1.045);
  filter: saturate(1.06) contrast(1.03);
}
.ysgp-directory-badge {
  position: absolute;
  top: .9rem;
  left: .9rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  padding: .35rem .65rem;
  background: rgba(15,23,42,.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: rgba(226,232,240,.92);
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ysgp-directory-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .72rem;
  padding: 1.05rem 1.08rem 1.1rem;
}
.ysgp-directory-body h3 {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: -.02em;
}
.ysgp-directory-body p {
  margin: 0;
  color: rgba(148,163,184,.9);
  font-size: .75rem;
  line-height: 1.55;
  min-height: 2.25rem;
}
.ysgp-directory-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  align-self: flex-start;
  color: rgba(103,232,249,.95);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ysgp-directory-card-emerald .ysgp-directory-link {
  color: rgba(110,231,183,.95);
}
.ysgp-live-session-description {
  margin: 0 0 1rem;
  padding: .82rem .9rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1rem;
  background: rgba(255,255,255,.035);
  color: rgba(203,213,225,.94);
  font-size: .78rem;
  line-height: 1.58;
  overflow-wrap: anywhere;
}
.ysgp-live-session-meta {
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  .ysgp-directory-grid {
    gap: 1rem;
  }
  .ysgp-directory-card {
    border-radius: 1.25rem;
  }
  .ysgp-directory-body {
    padding: .95rem;
  }
  .ysgp-directory-body h3 {
    font-size: 1rem;
  }
  .ysgp-directory-body p {
    min-height: 0;
  }
}


/* === v21.2.133 legacy YS Academy flow correction (unused by v21.2.133 frontend) === */
/* v21.2.133 removed rejected legacy Academy landing CSS. New Academy frontend uses v133 scoped classes below. */
.ysadm-academy-admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.ysadm-academy-admin-tabs span{border:1px solid rgba(34,211,238,.18);background:rgba(6,182,212,.06);color:#67e8f9;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}

/* v21.2.133 Academy clean frontend rebuild inside the existing Academy system */
#ysgp-portal-root .ysgp-academy-v133{padding-bottom:64px;color:#e5edf9;}
#ysgp-portal-root .ysgp-academy-banner-v133{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:34px;background:#05080f;box-shadow:0 28px 82px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);margin:0 auto 26px;min-height:clamp(210px,28vw,430px);display:flex;align-items:center;justify-content:center;}
#ysgp-portal-root .ysgp-academy-banner-v133 img{display:block;width:100%;height:100%;min-height:clamp(210px,28vw,430px);object-fit:contain;background:#05080f;}
#ysgp-portal-root .ysgp-academy-banner-placeholder-v133{width:100%;min-height:clamp(210px,28vw,430px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(2,6,23,.98),rgba(8,13,23,.96));}
#ysgp-portal-root .ysgp-academy-banner-placeholder-v133 span{border:1px dashed rgba(148,163,184,.28);border-radius:999px;padding:12px 18px;color:#7f8fa4;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-banner-overlay-v133{position:absolute;left:26px;bottom:26px;max-width:min(520px,calc(100% - 52px));border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(2,6,23,.58);backdrop-filter:blur(18px);padding:18px 20px;box-shadow:0 18px 40px rgba(0,0,0,.32);}
#ysgp-portal-root .ysgp-academy-banner-overlay-v133 span{display:block;color:#fff;font-size:28px;font-weight:950;letter-spacing:-.055em;line-height:1;}
#ysgp-portal-root .ysgp-academy-banner-overlay-v133 p{margin:8px 0 0;color:#a7b7cb;font:700 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-support-v133{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:22px;margin-bottom:28px;align-items:stretch;}
#ysgp-portal-root .ysgp-academy-logo-panel-v133,#ysgp-portal-root .ysgp-academy-faq-panel-v133,#ysgp-portal-root .ysgp-academy-stage-v133{border:1px solid rgba(148,163,184,.12);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.038),rgba(255,255,255,.016));box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);}
#ysgp-portal-root .ysgp-academy-logo-panel-v133{padding:22px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;min-height:310px;}
#ysgp-portal-root .ysgp-academy-logo-frame-v133{flex:1;min-height:220px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.08),transparent 58%),rgba(2,6,23,.62);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px;}
#ysgp-portal-root .ysgp-academy-logo-frame-v133 img{display:block;max-width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(34,211,238,.14));}
#ysgp-portal-root .ysgp-academy-logo-fallback-v133{width:118px;height:118px;border-radius:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.06);color:#dffcff;font-size:40px;font-weight:950;letter-spacing:-.09em;}
#ysgp-portal-root .ysgp-academy-logo-stats-v133{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#ysgp-portal-root .ysgp-academy-logo-stats-v133 span{border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);padding:11px 9px;color:#8392a6;font:850 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;text-transform:uppercase;letter-spacing:.08em;}
#ysgp-portal-root .ysgp-academy-logo-stats-v133 b{display:block;color:#fff;font-size:14px;margin-bottom:3px;}
#ysgp-portal-root .ysgp-academy-faq-panel-v133{padding:28px;}
#ysgp-portal-root .ysgp-academy-faq-title-v133{margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
#ysgp-portal-root .ysgp-academy-faq-title-v133 span,#ysgp-portal-root .ysgp-academy-stage-head-v133 span{display:block;color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;}
#ysgp-portal-root .ysgp-academy-faq-title-v133 h2,#ysgp-portal-root .ysgp-academy-stage-head-v133 h2{margin:0;color:#fff;font-size:clamp(28px,3.5vw,48px);font-weight:950;letter-spacing:-.075em;line-height:.95;}
#ysgp-portal-root .ysgp-academy-faq-list-v133{display:grid;gap:12px;}
#ysgp-portal-root .ysgp-academy-faq-item-v133{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(2,6,23,.48);overflow:hidden;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;}
#ysgp-portal-root .ysgp-academy-faq-item-v133.active{border-color:rgba(34,211,238,.24);background:rgba(6,182,212,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
#ysgp-portal-root .ysgp-academy-faq-item-v133 button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:18px 20px;color:#e7f0fb;font-size:14px;font-weight:950;line-height:1.35;}
#ysgp-portal-root .ysgp-academy-faq-item-v133 button svg{color:#67e8f9;transition:transform .22s ease;flex:0 0 auto;}
#ysgp-portal-root .ysgp-academy-faq-item-v133.active button svg{transform:rotate(180deg);}
#ysgp-portal-root .ysgp-academy-faq-item-v133 p{margin:0;padding:0 20px 18px;color:#a4b4c8;font:650 12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-stage-v133{padding:28px;margin-top:22px;}
#ysgp-portal-root .ysgp-academy-stage-head-v133{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;}
#ysgp-portal-root .ysgp-academy-stage-head-v133 p{margin:13px 0 0;color:#95a8be;font:700 12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;max-width:760px;}
#ysgp-portal-root .ysgp-academy-stage-head-v133.with-back button,#ysgp-portal-root .ysgp-academy-back-v133{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cbd5e1;border-radius:14px;padding:11px 14px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;}
#ysgp-portal-root .ysgp-academy-stage-head-v133.with-back button svg,#ysgp-portal-root .ysgp-academy-back-v133 svg{transform:rotate(180deg);}
#ysgp-portal-root .ysgp-academy-language-grid-v133,#ysgp-portal-root .ysgp-academy-course-grid-v133{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
#ysgp-portal-root .ysgp-academy-language-card-v133,#ysgp-portal-root .ysgp-academy-course-card-v133{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(148,163,184,.12);border-radius:28px;background:#080c14;transition:.24s ease;box-shadow:0 18px 48px rgba(0,0,0,.25);}
#ysgp-portal-root .ysgp-academy-language-card-v133:hover,#ysgp-portal-root .ysgp-academy-course-card-v133:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.28);box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 24px rgba(34,211,238,.07);}
#ysgp-portal-root .ysgp-academy-card-image-v133,#ysgp-portal-root .ysgp-academy-course-thumb-v133{position:relative;min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#05080f;text-align:left;}
#ysgp-portal-root .ysgp-academy-card-image-v133 img,#ysgp-portal-root .ysgp-academy-course-thumb-v133 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .7s ease;}
#ysgp-portal-root .ysgp-academy-language-card-v133:hover .ysgp-academy-card-image-v133 img,#ysgp-portal-root .ysgp-academy-course-card-v133:hover .ysgp-academy-course-thumb-v133 img{transform:scale(1.045);}
#ysgp-portal-root .ysgp-academy-card-image-v133:after,#ysgp-portal-root .ysgp-academy-thumb-shade-v133{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.12) 56%,rgba(0,0,0,.18));pointer-events:none;}
#ysgp-portal-root .ysgp-academy-card-badge-v133{position:absolute;top:14px;left:14px;z-index:3;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.56);color:#fff;border-radius:11px;padding:7px 10px;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-complete-badge-v133{position:absolute;top:14px;right:14px;z-index:3;border:1px solid rgba(16,185,129,.38);background:rgba(16,185,129,.16);color:#a7f3d0;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-language-body-v133,#ysgp-portal-root .ysgp-academy-course-body-v133{padding:22px;display:flex;flex-direction:column;background:#0a0d14;flex:1;}
#ysgp-portal-root .ysgp-academy-language-body-v133 small{display:block;color:#67e8f9;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;}
#ysgp-portal-root .ysgp-academy-language-body-v133 h3,#ysgp-portal-root .ysgp-academy-course-body-v133 h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:950;line-height:1.04;letter-spacing:-.055em;}
#ysgp-portal-root .ysgp-academy-language-body-v133 p,#ysgp-portal-root .ysgp-academy-course-body-v133 p{margin:0 0 18px;color:#8293a8;font:650 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-language-body-v133 em{display:inline-flex;align-items:center;gap:8px;font-style:normal;color:#67e8f9;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.11em;margin-top:auto;}
#ysgp-portal-root .ysgp-academy-course-play-v133{position:relative;z-index:2;width:64px;height:64px;border-radius:999px;background:rgba(34,211,238,.22);border:1px solid rgba(34,211,238,.52);box-shadow:0 0 35px rgba(34,211,238,.28);display:flex;align-items:center;justify-content:center;transition:transform .22s ease;}
#ysgp-portal-root .ysgp-academy-course-card-v133:hover .ysgp-academy-course-play-v133{transform:scale(1.08);}
#ysgp-portal-root .ysgp-academy-course-meta-v133{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;}
#ysgp-portal-root .ysgp-academy-course-meta-v133 span{color:#67e8f9;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-course-meta-v133 em{font-style:normal;color:#94a3b8;font-size:10px;font-weight:900;}
#ysgp-portal-root .ysgp-academy-course-actions-v133{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 16px;}
#ysgp-portal-root .ysgp-academy-course-actions-v133 button{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.08);color:#67e8f9;border-radius:12px;padding:9px 12px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-synopsis-v133{border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.055);border-radius:16px;padding:13px;margin-bottom:16px;color:#bff9ff;font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-progress-v133{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding-top:16px;}
#ysgp-portal-root .ysgp-academy-progress-v133>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:12px;font-weight:900;margin-bottom:9px;}
#ysgp-portal-root .ysgp-academy-progress-v133 b{color:#fff;}
#ysgp-portal-root .ysgp-academy-progress-track-v133{height:7px;border-radius:999px;background:#05080f;border:1px solid rgba(255,255,255,.06);overflow:hidden;}
#ysgp-portal-root .ysgp-academy-progress-track-v133 i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#2563eb);transition:width .8s ease;}
#ysgp-portal-root .ysgp-academy-progress-v133 small{display:block;margin-top:9px;color:#64748b;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-lessons-stage-v133{padding:24px;}
#ysgp-portal-root .ysgp-academy-lessons-hero-v133{display:grid;grid-template-columns:270px 1fr auto;gap:22px;align-items:center;margin-bottom:22px;}
#ysgp-portal-root .ysgp-academy-lessons-thumb-v133{position:relative;min-height:170px;border-radius:24px;overflow:hidden;background:#05080f;border:1px solid rgba(255,255,255,.08);}
#ysgp-portal-root .ysgp-academy-lessons-thumb-v133 img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;}
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 span{color:#67e8f9;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;}
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{margin:8px 0;color:#fff;font-size:clamp(30px,4vw,54px);font-weight:950;line-height:.94;letter-spacing:-.07em;}
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 p{margin:0 0 16px;color:#90a3b8;font:650 13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-lesson-grid-v133{display:grid;gap:13px;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133{display:grid;grid-template-columns:88px 1fr auto auto;gap:16px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:22px;padding:14px;transition:.22s ease;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133:not(:disabled):hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.055);}
#ysgp-portal-root .ysgp-academy-lesson-card-v133:disabled{opacity:.55;cursor:not-allowed;}
#ysgp-portal-root .ysgp-academy-lesson-thumb-v133{width:88px;height:58px;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(34,211,238,.06);display:flex;align-items:center;justify-content:center;color:#67e8f9;font-size:13px;font-weight:950;}
#ysgp-portal-root .ysgp-academy-lesson-thumb-v133 img{width:100%;height:100%;object-fit:cover;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133 h3{margin:0;color:#fff;font-size:15px;font-weight:950;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133 p{margin:4px 0 0;color:#8293a8;font:650 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133 span{color:#94a3b8;font-size:11px;font-weight:900;white-space:nowrap;}
#ysgp-portal-root .ysgp-academy-lesson-card-v133 em{font-style:normal;color:#020617;background:linear-gradient(135deg,#22d3ee,#2563eb);border-radius:12px;padding:10px 14px;font-size:10px;font-weight:950;text-transform:uppercase;white-space:nowrap;}
#ysgp-portal-root .ysgp-academy-empty-v133{border:1px dashed rgba(148,163,184,.16);background:rgba(255,255,255,.025);border-radius:22px;padding:30px;text-align:center;color:#94a3b8;font-weight:800;}
@media(max-width:1180px){#ysgp-portal-root .ysgp-academy-support-v133{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-academy-language-grid-v133,#ysgp-portal-root .ysgp-academy-course-grid-v133{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-academy-lessons-hero-v133{grid-template-columns:220px 1fr;}#ysgp-portal-root .ysgp-academy-back-v133{grid-column:1/-1;width:max-content;}}
@media(max-width:767px){#ysgp-portal-root .ysgp-academy-v133{padding-bottom:42px;}#ysgp-portal-root .ysgp-academy-banner-v133,#ysgp-portal-root .ysgp-academy-banner-v133 img,#ysgp-portal-root .ysgp-academy-banner-placeholder-v133{min-height:210px;border-radius:24px;}#ysgp-portal-root .ysgp-academy-support-v133{gap:15px;}#ysgp-portal-root .ysgp-academy-logo-panel-v133,#ysgp-portal-root .ysgp-academy-faq-panel-v133,#ysgp-portal-root .ysgp-academy-stage-v133{border-radius:24px;padding:16px;}#ysgp-portal-root .ysgp-academy-logo-frame-v133{min-height:160px;border-radius:20px;}#ysgp-portal-root .ysgp-academy-logo-stats-v133{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-academy-faq-item-v133 button{padding:15px 16px;font-size:12px;}#ysgp-portal-root .ysgp-academy-faq-item-v133 p{padding:0 16px 16px;}#ysgp-portal-root .ysgp-academy-stage-head-v133{flex-direction:column;}#ysgp-portal-root .ysgp-academy-language-grid-v133,#ysgp-portal-root .ysgp-academy-course-grid-v133{grid-template-columns:1fr;gap:16px;}#ysgp-portal-root .ysgp-academy-card-image-v133,#ysgp-portal-root .ysgp-academy-course-thumb-v133{min-height:210px;}#ysgp-portal-root .ysgp-academy-lessons-hero-v133{grid-template-columns:1fr;gap:16px;}#ysgp-portal-root .ysgp-academy-lesson-card-v133{grid-template-columns:72px 1fr;gap:12px;}#ysgp-portal-root .ysgp-academy-lesson-thumb-v133{width:72px;height:54px;}#ysgp-portal-root .ysgp-academy-lesson-card-v133 span,#ysgp-portal-root .ysgp-academy-lesson-card-v133 em{grid-column:2;}#ysgp-portal-root .ysgp-academy-lesson-card-v133 em{width:max-content;}#ysgp-portal-root .ysgp-course-video-card{border-radius:22px!important;}#ysgp-portal-root .ysgp-course-video-head{padding:14px!important;}#ysgp-portal-root .ysgp-course-video-head p{display:none;}}

/* === v21.2.134 Academy open-layout container cleanup === */
#ysgp-portal-root .ysgp-academy-open-v134{max-width:min(1320px,100%);}
#ysgp-portal-root .ysgp-academy-open-support-v134{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;align-items:start;}
#ysgp-portal-root .ysgp-academy-open-faq-v134{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-title-v133{margin-bottom:16px;}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-list-v133{gap:13px;}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-item-v133{background:rgba(8,12,20,.78);border-color:rgba(148,163,184,.11);box-shadow:0 16px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-item-v133.active{background:rgba(10,18,28,.86);border-color:rgba(34,211,238,.22);box-shadow:0 18px 46px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045);}
#ysgp-portal-root .ysgp-academy-open-stage-v134{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-top:34px!important;}
#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-stage-head-v133{margin-bottom:18px;}
#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-stage-head-v133 h2{max-width:900px;}
#ysgp-portal-root .ysgp-academy-open-stage-v134.ysgp-academy-lessons-stage-v133{padding:0!important;}
#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-language-grid-v133,#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-course-grid-v133{align-items:stretch;}
#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-empty-v133{background:rgba(8,12,20,.56);box-shadow:none;}
@media(max-width:767px){#ysgp-portal-root .ysgp-academy-open-support-v134{gap:20px;}#ysgp-portal-root .ysgp-academy-open-faq-v134{padding:0!important;}#ysgp-portal-root .ysgp-academy-open-stage-v134{margin-top:26px!important;padding:0!important;}#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-stage-head-v133{margin-bottom:16px;}}

/* === v21.2.136 Academy banner/logo image quality cleanup === */
#ysgp-portal-root .ysgp-academy-banner-quality-v136{
  min-height:0!important;
  background:transparent!important;
  border-color:rgba(148,163,184,.14)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-banner-quality-v136 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  background:transparent!important;
  image-rendering:auto;
}
#ysgp-portal-root .ysgp-academy-banner-quality-v136 .ysgp-academy-banner-placeholder-v133{
  min-height:clamp(210px,28vw,430px);
}
#ysgp-portal-root .ysgp-academy-logo-free-v136{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
  justify-content:center!important;
  align-self:start;
}
#ysgp-portal-root .ysgp-academy-logo-frame-free-v136{
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#ysgp-portal-root .ysgp-academy-logo-frame-free-v136 img{
  display:block!important;
  width:min(100%,360px)!important;
  height:auto!important;
  max-width:360px!important;
  max-height:260px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 22px 54px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(34,211,238,.12))!important;
  -webkit-filter:drop-shadow(0 22px 54px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(34,211,238,.12))!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-academy-logo-free-v136 .ysgp-academy-logo-fallback-v133{
  background:rgba(34,211,238,.055)!important;
  border-color:rgba(34,211,238,.18)!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-logo-free-v136{max-width:420px;margin-inline:auto;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-banner-quality-v136{border-radius:24px!important;}
  #ysgp-portal-root .ysgp-academy-banner-quality-v136 img{min-height:0!important;border-radius:24px!important;}
  #ysgp-portal-root .ysgp-academy-logo-frame-free-v136 img{max-width:min(82vw,300px)!important;max-height:220px!important;}
}


/* === v21.2.137 Academy banner native-resolution sharpness fix === */
#ysgp-portal-root .ysgp-academy-banner-native-v137{
  width:min(100%, var(--ysgp-academy-banner-native-width, 851px))!important;
  max-width:var(--ysgp-academy-banner-native-width, 851px)!important;
  aspect-ratio:var(--ysgp-academy-banner-ratio, 851 / 315)!important;
  min-height:0!important;
  height:auto!important;
  margin-inline:auto!important;
  display:block!important;
  background:transparent!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-academy-banner-native-v137 img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  backface-visibility:hidden;
  image-rendering:auto!important;
}
#ysgp-portal-root .ysgp-academy-banner-native-v137::before,
#ysgp-portal-root .ysgp-academy-banner-native-v137::after{
  content:none!important;
  display:none!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-banner-native-v137{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:var(--ysgp-academy-banner-ratio, 851 / 315)!important;
  }
}

/* === v21.2.138 OS Portal heading system + Academy FAQ polish === */
#ysgp-portal-root h1{
  font-size:clamp(28px,3.15vw,44px)!important;
  line-height:1.07!important;
  letter-spacing:-.046em!important;
  font-weight:900!important;
  text-rendering:geometricPrecision;
  text-wrap:balance;
  margin-top:0!important;
}
#ysgp-portal-root h1 + p,
#ysgp-portal-root h1 + .text-sm,
#ysgp-portal-root h1 ~ p:first-of-type{
  line-height:1.65!important;
}
#ysgp-portal-root h2{
  text-rendering:geometricPrecision;
  text-wrap:balance;
}
#ysgp-portal-root .ysgp-academy-faq-title-v133,
#ysgp-portal-root .ysgp-portal-heading-block-v138{
  display:block!important;
  margin:0 0 22px!important;
  max-width:780px;
}
#ysgp-portal-root .ysgp-academy-faq-title-v133 h2,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(26px,2.75vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.048em!important;
  font-weight:900!important;
  text-wrap:balance;
  text-shadow:0 18px 60px rgba(6,182,212,.09);
}
#ysgp-portal-root .ysgp-academy-faq-title-v133 p,
#ysgp-portal-root .ysgp-portal-heading-block-v138 p{
  margin:9px 0 0!important;
  color:#91a4bb!important;
  font:700 12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  max-width:620px;
}
#ysgp-portal-root .ysgp-academy-stage-head-v133{
  align-items:flex-start!important;
  gap:24px!important;
  margin-bottom:24px!important;
}
#ysgp-portal-root .ysgp-academy-stage-head-v133 span{
  margin-bottom:10px!important;
  color:#67e8f9!important;
  opacity:.9;
}
#ysgp-portal-root .ysgp-academy-stage-head-v133 p{
  margin-top:11px!important;
  line-height:1.72!important;
}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-list-v133{
  gap:14px!important;
}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-item-v133{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,13,23,.86),rgba(5,9,16,.78))!important;
  border:1px solid rgba(148,163,184,.12)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-open-faq-v134 .ysgp-academy-faq-item-v133.active{
  background:linear-gradient(135deg,rgba(10,18,30,.94),rgba(7,12,21,.86))!important;
  border-color:rgba(103,232,249,.24)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 22px rgba(34,211,238,.045),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-academy-faq-item-v133 button{
  padding:18px 20px!important;
  color:#edf6ff!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:-.012em!important;
  line-height:1.4!important;
}
#ysgp-portal-root .ysgp-academy-faq-item-v133 button svg{
  width:18px!important;
  height:18px!important;
  color:#67e8f9!important;
  opacity:.9;
}
#ysgp-portal-root .ysgp-academy-faq-item-v133 p{
  padding:0 20px 19px!important;
  color:#a7b8cc!important;
  font:600 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
#ysgp-portal-root .ysgp-live-chart-player-title-wrap h2{
  font-size:clamp(24px,2.9vw,36px)!important;
  line-height:1.08!important;
  letter-spacing:-.046em!important;
  font-weight:900!important;
}
#ysgp-portal-root .ysgp-mm-hero h1,
#ysgp-portal-root .ysgp-mm-simple-head h1,
#ysgp-portal-root .ysgp-mm-result-header h2{
  letter-spacing:-.046em!important;
  line-height:1.08!important;
}
@media(max-width:767px){
  #ysgp-portal-root h1{
    font-size:clamp(25px,8vw,34px)!important;
    line-height:1.11!important;
    letter-spacing:-.036em!important;
  }
  #ysgp-portal-root .ysgp-academy-faq-title-v133 h2,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
  #ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{
    font-size:clamp(24px,7.2vw,32px)!important;
    line-height:1.11!important;
    letter-spacing:-.038em!important;
  }
  #ysgp-portal-root .ysgp-academy-faq-title-v133,
  #ysgp-portal-root .ysgp-portal-heading-block-v138{
    margin-bottom:16px!important;
  }
  #ysgp-portal-root .ysgp-academy-faq-item-v133 button{
    padding:16px!important;
    font-size:13px!important;
  }
  #ysgp-portal-root .ysgp-academy-faq-item-v133 p{
    padding:0 16px 16px!important;
    font-size:12px!important;
  }
}

/* === v21.2.139 OS Portal heading system final pass + Academy FAQ placement repair === */
#ysgp-portal-root .ysgp-os-heading-block-v139{
  display:block;
  max-width:820px;
  margin:0 0 22px;
}
#ysgp-portal-root .ysgp-os-eyebrow-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 > span,
#ysgp-portal-root .ysgp-academy-stage-head-v133 > span{
  display:block;
  margin:0 0 10px;
  color:#67e8f9;
  font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.92;
}
#ysgp-portal-root .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.042em!important;
  line-height:1.1!important;
  text-wrap:balance;
  text-rendering:geometricPrecision;
}
#ysgp-portal-root .ysgp-os-page-title-v139{
  font-size:clamp(28px,3.05vw,42px)!important;
  margin:0 0 10px!important;
}
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{
  font-size:clamp(25px,2.55vw,36px)!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-os-section-copy-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 p,
#ysgp-portal-root .ysgp-academy-stage-head-v133 p{
  max-width:680px;
  margin:10px 0 0!important;
  color:#92a4b9!important;
  font:650 13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:0!important;
}
#ysgp-portal-root .ysgp-os-page-title-v139 + p,
#ysgp-portal-root .ysgp-os-page-title-v139 ~ p:first-of-type{
  margin-top:4px!important;
  color:#94a3b8!important;
  line-height:1.68!important;
}
#ysgp-portal-root .ysgp-academy-support-v139{
  display:block!important;
  margin:0 0 32px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-academy-support-head-v139{
  margin:0 0 18px!important;
  padding:0!important;
}
#ysgp-portal-root .ysgp-academy-support-grid-v139{
  display:grid;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-list-v133{
  display:grid;
  gap:12px!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,13,22,.82),rgba(4,8,15,.74))!important;
  border:1px solid rgba(148,163,184,.13)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133.active{
  background:linear-gradient(135deg,rgba(10,18,30,.93),rgba(6,12,21,.86))!important;
  border-color:rgba(103,232,249,.25)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 24px rgba(34,211,238,.045),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 button{
  padding:17px 19px!important;
  color:#edf6ff!important;
  font-size:14px!important;
  font-weight:820!important;
  letter-spacing:-.01em!important;
  line-height:1.42!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 button svg{
  width:18px!important;
  height:18px!important;
  color:#67e8f9!important;
  opacity:.9;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 p{
  padding:0 19px 18px!important;
  color:#a7b8cc!important;
  font:600 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
#ysgp-portal-root .ysgp-academy-open-stage-v134 .ysgp-academy-stage-head-v133{
  margin-bottom:22px!important;
}
#ysgp-portal-root .ysgp-live-chart-hero .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-live-chart-lock-card .ysgp-os-page-title-v139{
  display:flex;
  align-items:center;
  gap:14px;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-support-grid-v139{grid-template-columns:1fr;gap:20px;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-os-page-title-v139{font-size:clamp(25px,7.5vw,34px)!important;line-height:1.12!important;letter-spacing:-.035em!important;}
  #ysgp-portal-root .ysgp-os-section-title-v139,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
  #ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{font-size:clamp(23px,7vw,31px)!important;line-height:1.13!important;letter-spacing:-.033em!important;}
  #ysgp-portal-root .ysgp-os-heading-block-v139{margin-bottom:16px!important;}
  #ysgp-portal-root .ysgp-os-section-copy-v139,
  #ysgp-portal-root .ysgp-os-heading-block-v139 p,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 p{font-size:12px!important;line-height:1.68!important;}
  #ysgp-portal-root .ysgp-academy-support-grid-v139{gap:18px;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 button{padding:15px 16px!important;font-size:13px!important;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 p{padding:0 16px 16px!important;font-size:12px!important;}
}

/* === v21.2.140 Academy banner size restore + FAQ right-column placement + OS heading refinement === */
#ysgp-portal-root .ysgp-academy-banner-native-v137,
#ysgp-portal-root .ysgp-academy-banner-quality-v136,
#ysgp-portal-root .ysgp-academy-banner-v133{
  width:100%!important;
  max-width:min(100%, var(--ysgp-academy-banner-layout-width, 1280px))!important;
  aspect-ratio:var(--ysgp-academy-banner-ratio, 851 / 315)!important;
  min-height:0!important;
  margin:0 auto clamp(24px,3vw,38px)!important;
  border-radius:clamp(22px,2.4vw,34px)!important;
  background:#05080f!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-academy-banner-native-v137 img,
#ysgp-portal-root .ysgp-academy-banner-quality-v136 img,
#ysgp-portal-root .ysgp-academy-banner-v133 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
  background:#05080f!important;
}
#ysgp-portal-root .ysgp-academy-banner-native-v137::before,
#ysgp-portal-root .ysgp-academy-banner-native-v137::after,
#ysgp-portal-root .ysgp-academy-banner-quality-v136::before,
#ysgp-portal-root .ysgp-academy-banner-quality-v136::after{
  display:none!important;
  content:none!important;
}
#ysgp-portal-root .ysgp-academy-support-v140{
  margin:0 0 clamp(30px,4vw,46px)!important;
}
#ysgp-portal-root .ysgp-academy-support-v140 > .ysgp-academy-support-head-v139{
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-support-grid-v140{
  display:grid!important;
  grid-template-columns:minmax(210px,310px) minmax(0,1fr)!important;
  gap:clamp(22px,3vw,34px)!important;
  align-items:start!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140{
  display:block!important;
  min-width:0!important;
}
#ysgp-portal-root .ysgp-academy-faq-title-v140{
  margin:0 0 18px!important;
  padding:0!important;
  max-width:760px!important;
}
#ysgp-portal-root .ysgp-academy-logo-panel-v133.ysgp-academy-logo-free-v136{
  align-self:start!important;
}
#ysgp-portal-root .ysgp-os-heading-block-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133,
#ysgp-portal-root .ysgp-academy-faq-title-v140{
  --ysgp-heading-gap:10px;
}
#ysgp-portal-root .ysgp-os-eyebrow-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 > span,
#ysgp-portal-root .ysgp-academy-stage-head-v133 > span,
#ysgp-portal-root .ysgp-academy-faq-title-v140 > span{
  margin:0 0 var(--ysgp-heading-gap)!important;
  color:#67e8f9!important;
  font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  opacity:.9!important;
}
#ysgp-portal-root .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-faq-title-v140 h2{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:-.038em!important;
  line-height:1.12!important;
  text-rendering:geometricPrecision!important;
  text-wrap:balance!important;
  text-shadow:0 16px 54px rgba(6,182,212,.08)!important;
}
#ysgp-portal-root .ysgp-os-page-title-v139{
  font-size:clamp(28px,2.9vw,42px)!important;
  margin:0 0 9px!important;
}
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-faq-title-v140 h2{
  font-size:clamp(25px,2.35vw,35px)!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-os-section-copy-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 p,
#ysgp-portal-root .ysgp-academy-stage-head-v133 p,
#ysgp-portal-root .ysgp-academy-faq-title-v140 p{
  max-width:680px!important;
  margin:10px 0 0!important;
  color:#94a3b8!important;
  font:650 13px/1.68 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:0!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-list-v133{
  gap:13px!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,13,22,.84),rgba(5,9,16,.76))!important;
  border:1px solid rgba(148,163,184,.13)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133.active{
  background:linear-gradient(135deg,rgba(10,18,30,.94),rgba(6,12,21,.88))!important;
  border-color:rgba(103,232,249,.26)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.25),0 0 26px rgba(34,211,238,.045),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 button{
  min-height:58px!important;
  padding:17px 19px!important;
  color:#edf6ff!important;
  font-size:14px!important;
  font-weight:830!important;
  letter-spacing:-.012em!important;
  line-height:1.4!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 p{
  padding:0 19px 19px!important;
  color:#a8b9cd!important;
  font:600 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-support-grid-v140{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-banner-native-v137,
  #ysgp-portal-root .ysgp-academy-banner-quality-v136,
  #ysgp-portal-root .ysgp-academy-banner-v133{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:var(--ysgp-academy-banner-ratio, 851 / 315)!important;
    border-radius:22px!important;
    margin-bottom:24px!important;
  }
  #ysgp-portal-root .ysgp-academy-support-grid-v140{gap:20px!important;}
  #ysgp-portal-root .ysgp-os-page-title-v139{font-size:clamp(25px,7.4vw,34px)!important;line-height:1.12!important;letter-spacing:-.034em!important;}
  #ysgp-portal-root .ysgp-os-section-title-v139,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
  #ysgp-portal-root .ysgp-academy-faq-title-v140 h2{font-size:clamp(23px,6.9vw,31px)!important;line-height:1.13!important;letter-spacing:-.032em!important;}
  #ysgp-portal-root .ysgp-os-section-copy-v139,
  #ysgp-portal-root .ysgp-os-heading-block-v139 p,
  #ysgp-portal-root .ysgp-academy-faq-title-v140 p{font-size:12px!important;line-height:1.68!important;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 button{min-height:0!important;padding:15px 16px!important;font-size:13px!important;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 p{padding:0 16px 16px!important;font-size:12px!important;}
}

/* === v21.2.141 Academy native OS Portal design-system alignment === */
#ysgp-portal-root .ysgp-academy-native-v141{
  width:100%;
  max-width:min(1280px,100%)!important;
  margin-inline:auto!important;
  padding-bottom:clamp(48px,6vw,82px)!important;
  color:#e5edf9;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-v133{
  box-shadow:0 24px 72px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045)!important;
  border-color:rgba(148,163,184,.13)!important;
}
#ysgp-portal-root .ysgp-academy-support-v141{
  width:100%;
  margin:0 0 clamp(34px,4vw,52px)!important;
}
#ysgp-portal-root .ysgp-academy-support-grid-v141{
  display:grid!important;
  grid-template-columns:minmax(230px,335px) minmax(0,1fr)!important;
  gap:clamp(28px,4vw,46px)!important;
  align-items:center!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-panel-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-panel-v133{
  padding:0!important;
  min-height:0!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133{
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133 img{
  max-width:min(100%,335px)!important;
  max-height:255px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 22px 50px rgba(0,0,0,.34)) drop-shadow(0 0 22px rgba(6,182,212,.10))!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
}
#ysgp-portal-root .ysgp-academy-faq-title-v141{
  display:block!important;
  margin:0 0 18px!important;
  padding:0!important;
  max-width:760px!important;
}
#ysgp-portal-root .ysgp-os-eyebrow-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 > span,
#ysgp-portal-root .ysgp-academy-stage-head-v133 > span,
#ysgp-portal-root .ysgp-academy-faq-title-v141 > span{
  color:#67e8f9!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  opacity:.86!important;
  margin:0 0 10px!important;
}
#ysgp-portal-root .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-faq-title-v141 h2,
#ysgp-portal-root .ysgp-academy-lessons-hero-v133 h2{
  color:#f8fbff!important;
  font-family:inherit!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1.08!important;
  text-shadow:0 18px 60px rgba(6,182,212,.075)!important;
  text-rendering:geometricPrecision!important;
  text-wrap:balance!important;
}
#ysgp-portal-root .ysgp-os-page-title-v139{
  font-size:clamp(28px,3vw,44px)!important;
  margin:0 0 10px!important;
}
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-faq-title-v141 h2{
  font-size:clamp(25px,2.35vw,36px)!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-os-section-copy-v139,
#ysgp-portal-root .ysgp-os-heading-block-v139 p,
#ysgp-portal-root .ysgp-academy-stage-head-v133 p,
#ysgp-portal-root .ysgp-academy-faq-title-v141 p{
  color:#94a3b8!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  max-width:720px!important;
  margin:10px 0 0!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-list-v133{
  gap:12px!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(135deg,rgba(18,22,34,.86),rgba(8,12,20,.82))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133.active{
  border-color:rgba(34,211,238,.24)!important;
  background:linear-gradient(135deg,rgba(17,27,42,.94),rgba(10,15,25,.90))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25), 0 0 24px rgba(34,211,238,.045), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button{
  min-height:58px!important;
  padding:17px 19px!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.4!important;
  letter-spacing:-.012em!important;
  color:#eef7ff!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button svg{
  width:18px!important;
  height:18px!important;
  color:#67e8f9!important;
  opacity:.86!important;
}
#ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p{
  padding:0 19px 19px!important;
  color:#a6b6ca!important;
  font:600 13px/1.76 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
}
#ysgp-portal-root .ysgp-academy-stage-v141{
  margin-top:clamp(36px,4.5vw,56px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-academy-stage-v141 .ysgp-academy-stage-head-v133{
  margin-bottom:clamp(18px,2.5vw,26px)!important;
  gap:18px!important;
}
#ysgp-portal-root .ysgp-academy-stage-v141 .ysgp-academy-language-grid-v133,
#ysgp-portal-root .ysgp-academy-stage-v141 .ysgp-academy-course-grid-v133{
  gap:clamp(18px,2vw,24px)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-language-card-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-card-v133{
  border-radius:28px!important;
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(18,22,34,.96),rgba(8,12,20,.96))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-language-card-v133:hover,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-card-v133:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(34,211,238,.22)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.33),0 0 24px rgba(34,211,238,.06),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-language-body-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-body-v133{
  background:#0a0d14!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-language-body-v133 h3,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-body-v133 h3,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lesson-card-v133 h3{
  font-weight:900!important;
  letter-spacing:-.038em!important;
  line-height:1.1!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-card-badge-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-complete-badge-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-meta-v133 span,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-meta-v133 em{
  border-radius:999px!important;
  letter-spacing:.11em!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-actions-v133 button,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-stage-head-v133.with-back button,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-back-v133{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.045)!important;
  color:#d8e5f4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-course-actions-v133 button:first-child{
  border-color:rgba(34,211,238,.24)!important;
  background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(59,130,246,.12))!important;
  color:#a5f3fc!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lesson-card-v133{
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(135deg,rgba(18,22,34,.88),rgba(8,12,20,.86))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-support-grid-v141{grid-template-columns:1fr!important;align-items:start!important;}
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-panel-v133{justify-content:flex-start!important;}
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133{justify-content:flex-start!important;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141{padding-bottom:46px!important;}
  #ysgp-portal-root .ysgp-academy-support-grid-v141{gap:22px!important;}
  #ysgp-portal-root .ysgp-os-page-title-v139{font-size:clamp(26px,7.4vw,34px)!important;line-height:1.12!important;letter-spacing:-.034em!important;}
  #ysgp-portal-root .ysgp-os-section-title-v139,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 h2,
  #ysgp-portal-root .ysgp-academy-faq-title-v141 h2{font-size:clamp(24px,6.8vw,31px)!important;line-height:1.13!important;}
  #ysgp-portal-root .ysgp-os-section-copy-v139,
  #ysgp-portal-root .ysgp-os-heading-block-v139 p,
  #ysgp-portal-root .ysgp-academy-faq-title-v141 p{font-size:12px!important;line-height:1.68!important;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button{padding:15px 16px!important;font-size:13px!important;}
  #ysgp-portal-root .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p{padding:0 16px 16px!important;font-size:12px!important;}
}

/* === v21.2.146 Surgical Academy FAQ OS Portal polish only ===
   Scope guard: this block targets only the existing Academy FAQ markup.
   It does not change Academy page width, banner, logo placement, language cards, courses, lessons, or player layout. */
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-title-v141 > span{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 10px!important;
  margin:0 0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(168,85,247,.24)!important;
  background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(6,182,212,.06))!important;
  color:#c084fc!important;
  box-shadow:0 0 22px rgba(168,85,247,.10), inset 0 1px 0 rgba(255,255,255,.045)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-list-v133{
  gap:12px!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133{
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.105)!important;
  background:linear-gradient(135deg,rgba(12,16,27,.94),rgba(6,10,18,.92))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .22s ease, background .22s ease, box-shadow .22s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,#22d3ee,#3b82f6,#a855f7)!important;
  opacity:0!important;
  transition:opacity .22s ease!important;
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133:hover{
  border-color:rgba(34,211,238,.24)!important;
  background:linear-gradient(135deg,rgba(14,21,34,.96),rgba(8,13,22,.94))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.25),0 0 22px rgba(34,211,238,.045),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133.active{
  border-color:rgba(34,211,238,.34)!important;
  background:linear-gradient(135deg,rgba(10,24,38,.96),rgba(8,13,25,.94))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.28),0 0 30px rgba(34,211,238,.075),0 0 44px rgba(168,85,247,.035),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133.active::before{
  opacity:1!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button{
  min-height:56px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.38!important;
  letter-spacing:-.014em!important;
  background:transparent!important;
  border:0!important;
  text-align:left!important;
  transition:color .22s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button:hover,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button:focus-visible{
  color:#ffffff!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button:focus-visible{
  outline:2px solid rgba(34,211,238,.34)!important;
  outline-offset:-5px!important;
  border-radius:16px!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button span{
  min-width:0!important;
  color:inherit!important;
  text-shadow:0 12px 36px rgba(6,182,212,.08)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button svg{
  flex:0 0 auto!important;
  width:17px!important;
  height:17px!important;
  color:#67e8f9!important;
  opacity:.9!important;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.22))!important;
  transition:transform .22s ease, color .22s ease, opacity .22s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133.active button svg{
  color:#93c5fd!important;
  opacity:1!important;
  transform:rotate(180deg)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p{
  margin:0 18px 18px!important;
  padding:14px 0 0!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  color:#aab9cc!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.76!important;
  letter-spacing:0!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-title-v141 > span{
    padding:5px 9px!important;
    font-size:9px!important;
    letter-spacing:.15em!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-list-v133{
    gap:10px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133{
    border-radius:16px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button{
    min-height:52px!important;
    padding:14px 15px!important;
    font-size:13px!important;
    line-height:1.42!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p{
    margin:0 15px 15px!important;
    padding-top:12px!important;
    font-size:12px!important;
    line-height:1.7!important;
  }
}

/* === v21.2.147 Surgical Academy FAQ-left / logo-right layout adjustment only ===
   Scope guard: preserve the accepted FAQ visual styling and Academy page structure.
   This only swaps the existing support columns on desktop and slightly enlarges the existing floating logo. */
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-support-grid-v141{
  grid-template-columns:minmax(0,1fr) minmax(300px,410px)!important;
  gap:clamp(28px,3.8vw,44px)!important;
  align-items:center!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141{
  grid-column:1!important;
  order:1!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-panel-v133.ysgp-academy-logo-free-v136{
  grid-column:2!important;
  order:2!important;
  align-self:center!important;
  justify-content:center!important;
  align-items:center!important;
  max-width:none!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133.ysgp-academy-logo-frame-free-v136{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133.ysgp-academy-logo-frame-free-v136 img{
  width:min(100%,410px)!important;
  max-width:410px!important;
  max-height:300px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 24px 58px rgba(0,0,0,.40)) drop-shadow(0 0 30px rgba(34,211,238,.14))!important;
  -webkit-filter:drop-shadow(0 24px 58px rgba(0,0,0,.40)) drop-shadow(0 0 30px rgba(34,211,238,.14))!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-support-grid-v141{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-faq-panel-v141{
    grid-column:1!important;
    order:1!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-panel-v133.ysgp-academy-logo-free-v136{
    grid-column:1!important;
    order:2!important;
    max-width:460px!important;
    margin-inline:auto!important;
  }
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-support-grid-v141{
    gap:20px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-logo-frame-v133.ysgp-academy-logo-frame-free-v136 img{
    width:min(76vw,340px)!important;
    max-width:340px!important;
    max-height:240px!important;
  }
}


/* === v21.2.148 Surgical Academy lessons/episodes card-frame polish only ===
   Scope guard: this block targets only the selected-course lessons grid/cards.
   It does not change Academy banner, FAQ/logo support area, language cards, course cards,
   video-player logic, progress tracking, or any protected business system. */
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-grid-v133{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(300px,360px))!important;
  justify-content:start!important;
  align-items:stretch!important;
  gap:clamp(16px,2vw,22px)!important;
  margin-top:clamp(18px,2.5vw,26px)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:100%!important;
  min-height:390px!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:left!important;
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.105)!important;
  background:linear-gradient(180deg,rgba(18,22,34,.96),rgba(8,12,20,.96))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.12),transparent 32%),radial-gradient(circle at 100% 0%,rgba(168,85,247,.10),transparent 34%)!important;
  opacity:.42!important;
  transition:opacity .24s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):hover,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(34,211,238,.26)!important;
  background:linear-gradient(180deg,rgba(20,26,40,.98),rgba(9,14,24,.98))!important;
  box-shadow:0 25px 72px rgba(0,0,0,.35),0 0 28px rgba(34,211,238,.07),0 0 40px rgba(168,85,247,.045),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):hover::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):focus-visible::before{
  opacity:.7!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:focus-visible{
  outline:2px solid rgba(34,211,238,.35)!important;
  outline-offset:4px!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:disabled{
  opacity:.58!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-thumb-v133{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-height:190px!important;
  aspect-ratio:16/9!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.14),rgba(5,8,15,.96) 58%)!important;
  color:#67e8f9!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-thumb-v133::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(to top,rgba(3,7,18,.74),rgba(3,7,18,.10) 58%,rgba(3,7,18,.24))!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-thumb-v133 img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.93!important;
  transition:transform .65s ease,opacity .24s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):hover .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):focus-visible .ysgp-academy-lesson-thumb-v133 img{
  transform:scale(1.045)!important;
  opacity:1!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > div:not(.ysgp-academy-lesson-thumb-v133){
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  flex:1 1 auto!important;
  padding:18px 18px 0!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 h3{
  margin:0!important;
  color:#f8fbff!important;
  font-size:clamp(18px,1.55vw,22px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 p{
  margin:0!important;
  color:#94a3b8!important;
  font:650 12px/1.66 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > span{
  position:relative!important;
  z-index:2!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:calc(100% - 36px)!important;
  margin:16px 18px 0!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(34,211,238,.18)!important;
  background:rgba(34,211,238,.07)!important;
  color:#a5f3fc!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > em{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 36px)!important;
  min-height:44px!important;
  margin:16px 18px 18px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(135deg,#a855f7,#3b82f6 58%,#06b6d4)!important;
  color:#ffffff!important;
  box-shadow:0 14px 34px rgba(59,130,246,.20),0 0 22px rgba(168,85,247,.12)!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  text-align:center!important;
  transition:filter .24s ease,transform .24s ease!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):hover > em,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):focus-visible > em{
  filter:saturate(1.12) brightness(1.06)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:disabled > em{
  background:rgba(148,163,184,.10)!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-grid-v133{
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  }
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-grid-v133{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-top:18px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133{
    min-height:0!important;
    border-radius:24px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-thumb-v133{
    min-height:178px!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > div:not(.ysgp-academy-lesson-thumb-v133){
    padding:16px 16px 0!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > span{
    margin:14px 16px 0!important;
    max-width:calc(100% - 32px)!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133 > em{
    width:calc(100% - 32px)!important;
    margin:14px 16px 16px!important;
  }
}

/* === v21.2.149 Surgical Academy selected-course summary box removal only ===
   Scope guard: this block targets only the selected-course summary/header wrapper
   above the already-approved lesson cards. It removes the visible large panel/card
   treatment so the course thumbnail, title, progress, and Back to Courses action
   sit naturally on the OS Portal background. Lesson cards, FAQ/logo, banner,
   language cards, course cards, video player, and progress logic are untouched. */
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  outline:0!important;
  margin-bottom:clamp(20px,2.4vw,30px)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::after{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133 > div:not(.ysgp-academy-lessons-thumb-v133){
  min-width:0!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133{
    margin-bottom:18px!important;
  }
}

/* === v21.2.150 Dashboard shell matte charcoal background only ===
   Scope guard: this block changes only the large dashboard/portal background layers
   from near-black/navy to premium matte charcoal. Cards, buttons, icons, accents,
   component backgrounds, layouts, animations, and backend systems are untouched. */
:root{
  --ysgp-dashboard-matte-charcoal:#12151B;
}
#ysgp-portal-root,
#ysgp-portal-root.ysgp-fullscreen-root{
  background:var(--ysgp-dashboard-matte-charcoal)!important;
}
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"]{
  background-color:var(--ysgp-dashboard-matte-charcoal)!important;
}
#ysgp-portal-root .ysgp-shell-partner-mode,
#ysgp-portal-root .ysgp-partner-host-main,
#ysgp-portal-root .ysgp-partner-host-main > div,
#ysgp-portal-root .ysgp-partner-app-shell{
  background:var(--ysgp-dashboard-matte-charcoal)!important;
}
#ysgp-portal-root .ysgp-partner-main{
  background:radial-gradient(circle at 78% 4%,rgba(0,229,255,.08),transparent 34%),var(--ysgp-dashboard-matte-charcoal)!important;
}
@media(max-width:720px){
  #ysgp-portal-root .ysgp-partner-main{
    background:var(--ysgp-dashboard-matte-charcoal)!important;
  }
}

/* === v21.2.151 Clean graphite dashboard background correction only ===
   Corrects the v21.2.150 background attempt by making the dashboard shell a
   unified matte graphite tone and neutralizing only the large page-level glow
   layers that created visible top/right green-blue bands. Components, cards,
   buttons, icons, accents, layouts, animations, and logic are untouched. */
:root{
  --ysgp-dashboard-matte-charcoal:#111216;
}
#ysgp-portal-root,
#ysgp-portal-root.ysgp-fullscreen-root,
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"]{
  background:#111216!important;
  background-color:#111216!important;
  background-image:none!important;
}
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > div.fixed.inset-0.z-0.pointer-events-none{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
#ysgp-portal-root main,
#ysgp-portal-root main > div.flex-1.relative{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
#ysgp-portal-root .ysgp-shell-partner-mode,
#ysgp-portal-root .ysgp-partner-host-main,
#ysgp-portal-root .ysgp-partner-host-main > div,
#ysgp-portal-root .ysgp-partner-app-shell,
#ysgp-portal-root .ysgp-partner-main{
  background:#111216!important;
  background-color:#111216!important;
  background-image:none!important;
}

/* === v21.2.152 Unified matte graphite dashboard shell background only ===
   Scope guard: harmonizes only the OS Portal shell background layers that were
   still rendering as separate black/navy panels after v21.2.151. Main content,
   topbar, sidebar, and the sidebar footer now share the same matte graphite
   background family. Cards, icons, buttons, gradients, badges, layouts,
   animations, public landing pages, wp-admin, and all backend/business logic
   are untouched. */
:root{
  --ysgp-dashboard-matte-charcoal:#111216;
  --ysgp-dashboard-shell-border:rgba(255,255,255,.055);
}
#ysgp-portal-root,
#ysgp-portal-root.ysgp-fullscreen-root,
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"]{
  background:#111216!important;
  background-color:#111216!important;
  background-image:none!important;
}
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > aside,
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > main > header{
  background:#111216!important;
  background-color:#111216!important;
  background-image:none!important;
}
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > aside > div[class*="bg-[#0a0d14]"]{
  background:#111216!important;
  background-color:#111216!important;
  background-image:none!important;
}
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > aside,
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > main > header,
#ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > aside > div[class*="border-white/5"]{
  border-color:var(--ysgp-dashboard-shell-border)!important;
}
@media(max-width:767px){
  #ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > aside,
  #ysgp-portal-root > div[class*="h-[100dvh]"][class*="w-full"] > main > header{
    background:#111216!important;
    background-color:#111216!important;
    background-image:none!important;
  }
}


/* === v21.2.153 Focused Academy top banner 1538 x 401 responsive sizing only ===
   Scope guard: this block only changes the Academy top banner display size and
   keeps the rest of the Academy content at its existing approved width. It does
   not change Academy logic, FAQ behavior, language/course/lesson flow, video
   playback, progress tracking, AI Synopsis, routes, sidebar, topbar, cards, or
   backend systems. */
:root{
  --ysgp-academy-banner-target-width:1538px;
  --ysgp-academy-banner-target-height:401px;
  --ysgp-academy-banner-target-ratio:1538 / 401;
  --ysgp-academy-content-approved-width:1280px;
}
#ysgp-portal-root .ysgp-academy-native-v141{
  max-width:min(var(--ysgp-academy-banner-target-width),100%)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-support-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-stage-v133{
  width:100%!important;
  max-width:min(var(--ysgp-academy-content-approved-width),100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-quality-v136,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-native-v137{
  width:100%!important;
  max-width:min(var(--ysgp-academy-banner-target-width),100%)!important;
  aspect-ratio:var(--ysgp-academy-banner-target-ratio)!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:clamp(24px,3vw,38px)!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-v133 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-quality-v136 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-native-v137 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-placeholder-v133{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:var(--ysgp-academy-banner-target-ratio)!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-native-v141{
    max-width:100%!important;
  }
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-quality-v136,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-banner-native-v137{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:var(--ysgp-academy-banner-target-ratio)!important;
    margin-bottom:24px!important;
  }
}



/* === v21.2.160 TradingView Strategies Library native OS Portal module only === */
#ysgp-portal-root .ysgp-strategies-library-page{
  width:100%;
  padding-bottom:34px;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:0 auto 22px;
}
#ysgp-portal-root .ysgp-strategies-library-header h1{
  margin:0 0 8px!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  max-width:760px;
  margin:0;
  color:rgba(148,163,184,.92);
  font-size:15px;
  line-height:1.7;
  font-weight:700;
}
#ysgp-portal-root .ysgp-strategies-library-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#67e8f9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.2em;
  line-height:1;
  text-transform:uppercase;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
  padding:22px 24px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(145deg,rgba(10,13,20,.88),rgba(6,9,14,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 60px rgba(0,0,0,.24);
  overflow:hidden;
}
#ysgp-portal-root .ysgp-strategies-library-intro:before,
#ysgp-portal-root .ysgp-strategies-library-empty:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-160px;
  width:340px;
  height:340px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(34,211,238,.09),transparent 62%);
  pointer-events:none;
}
#ysgp-portal-root .ysgp-strategies-library-intro > *,
#ysgp-portal-root .ysgp-strategies-library-empty > *{
  position:relative;
  z-index:1;
}
#ysgp-portal-root .ysgp-strategies-library-intro-icon,
#ysgp-portal-root .ysgp-strategies-library-icon,
#ysgp-portal-root .ysgp-strategy-library-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:16px;
  border:1px solid rgba(34,211,238,.23);
  color:#67e8f9;
  background:rgba(34,211,238,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 28px rgba(34,211,238,.06);
}
#ysgp-portal-root .ysgp-strategies-library-intro h2,
#ysgp-portal-root .ysgp-strategies-library-empty h1{
  margin:0 0 6px;
  color:#fff;
  font-weight:950;
  letter-spacing:-.035em;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{font-size:22px;}
#ysgp-portal-root .ysgp-strategies-library-intro p,
#ysgp-portal-root .ysgp-strategies-library-empty p{
  margin:0;
  color:rgba(148,163,184,.9);
  line-height:1.7;
  font-size:13px;
  font-weight:650;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
#ysgp-portal-root .ysgp-strategy-library-card{
  position:relative;
  min-height:288px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(150deg,rgba(12,17,27,.88),rgba(5,8,13,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.20);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 70px rgba(0,0,0,.32),0 0 34px rgba(34,211,238,.045);
}
#ysgp-portal-root .ysgp-strategy-library-card.is-featured{
  border-color:rgba(34,211,238,.17);
  background:linear-gradient(150deg,rgba(14,23,36,.92),rgba(5,8,13,.97));
}
#ysgp-portal-root .ysgp-strategy-library-card-glow{
  position:absolute;
  right:-90px;
  top:-120px;
  width:240px;
  height:240px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(34,211,238,.12),transparent 64%);
  pointer-events:none;
  opacity:.84;
}
#ysgp-portal-root .ysgp-strategy-library-card:nth-child(2n) .ysgp-strategy-library-card-glow{background:radial-gradient(circle,rgba(168,85,247,.10),transparent 64%);}
#ysgp-portal-root .ysgp-strategy-library-card > *{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-strategy-library-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
#ysgp-portal-root .ysgp-strategy-library-badge,
#ysgp-portal-root .ysgp-strategy-library-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  color:rgba(226,232,240,.82);
  background:rgba(255,255,255,.035);
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}
#ysgp-portal-root .ysgp-strategy-library-badge{padding:7px 9px;}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
  font-weight:950;
  line-height:1.15;
  letter-spacing:-.035em;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  margin:0 0 18px;
  color:rgba(148,163,184,.92);
  font-size:13px;
  line-height:1.72;
  font-weight:600;
}
#ysgp-portal-root .ysgp-strategy-library-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  margin-bottom:18px;
}
#ysgp-portal-root .ysgp-strategy-library-tags span{
  padding:6px 8px;
  color:#67e8f9;
  border-color:rgba(34,211,238,.16);
  background:rgba(34,211,238,.055);
  font-size:8px;
}
#ysgp-portal-root .ysgp-strategy-library-actions,
#ysgp-portal-root .ysgp-strategy-modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
#ysgp-portal-root .ysgp-strategy-library-btn,
#ysgp-portal-root .ysgp-strategy-copy-btn{
  appearance:none;
  border:0;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:14px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease;
}
#ysgp-portal-root .ysgp-strategy-library-btn:hover,
#ysgp-portal-root .ysgp-strategy-copy-btn:hover{transform:translateY(-1px);}
#ysgp-portal-root .ysgp-strategy-library-btn.primary{
  color:#041016;
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  box-shadow:0 14px 32px rgba(37,99,235,.18),0 0 24px rgba(34,211,238,.12);
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary,
#ysgp-portal-root .ysgp-strategy-copy-btn{
  color:#67e8f9;
  border:1px solid rgba(34,211,238,.18);
  background:rgba(34,211,238,.065);
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary:hover,
#ysgp-portal-root .ysgp-strategy-copy-btn:hover{
  color:#fff;
  border-color:rgba(34,211,238,.32);
  background:rgba(34,211,238,.11);
}
#ysgp-portal-root .ysgp-strategy-library-btn.is-disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:20px;
  padding:14px 16px;
  border:1px solid rgba(168,85,247,.16);
  border-radius:18px;
  color:#c084fc;
  background:rgba(168,85,247,.045);
}
#ysgp-portal-root .ysgp-strategies-library-note p{
  margin:0;
  color:rgba(203,213,225,.8);
  font-size:12px;
  line-height:1.65;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(1,4,9,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
#ysgp-portal-root .ysgp-strategy-modal{
  width:min(1040px,100%);
  max-height:min(88vh,900px);
  overflow:auto;
  padding:24px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(150deg,rgba(10,14,22,.98),rgba(5,8,13,.99));
  box-shadow:0 38px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04);
}
#ysgp-portal-root .ysgp-strategy-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
#ysgp-portal-root .ysgp-strategy-modal-head h2{
  margin:0;
  color:#fff;
  font-size:28px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.045em;
}
#ysgp-portal-root .ysgp-strategy-modal-close{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  color:rgba(226,232,240,.82);
  background:rgba(255,255,255,.04);
  cursor:pointer;
}
#ysgp-portal-root .ysgp-strategy-modal-close:hover{color:#fff;background:rgba(255,255,255,.08);}
#ysgp-portal-root .ysgp-strategy-modal-desc{
  max-width:860px;
  margin:0 0 20px;
  color:rgba(148,163,184,.94);
  line-height:1.75;
  font-weight:650;
}
#ysgp-portal-root .ysgp-strategy-modal-sections{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);
  gap:16px;
  margin-bottom:18px;
}
#ysgp-portal-root .ysgp-strategy-modal-section{
  padding:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:22px;
  background:rgba(255,255,255,.025);
}
#ysgp-portal-root .ysgp-strategy-modal-section h3,
#ysgp-portal-root .ysgp-strategy-code-head h3{
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:950;
  letter-spacing:-.015em;
}
#ysgp-portal-root .ysgp-strategy-modal-section ol{
  margin:14px 0 0;
  padding-left:18px;
  color:rgba(203,213,225,.86);
  line-height:1.8;
  font-size:13px;
  font-weight:650;
}
#ysgp-portal-root .ysgp-strategy-code-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
#ysgp-portal-root .ysgp-strategy-code-block,
#ysgp-portal-root .ysgp-strategy-code-empty{
  margin:0;
  max-height:360px;
  overflow:auto;
  padding:16px;
  border:1px solid rgba(34,211,238,.12);
  border-radius:18px;
  background:#05080d;
  color:#dbeafe;
  font-size:12px;
  line-height:1.65;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  white-space:pre;
}
#ysgp-portal-root .ysgp-strategy-code-empty{
  white-space:normal;
  color:rgba(148,163,184,.9);
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #ysgp-portal-root .ysgp-strategy-modal-sections{grid-template-columns:1fr;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-header{margin-bottom:18px;}
  #ysgp-portal-root .ysgp-strategies-library-header p{font-size:13px;}
  #ysgp-portal-root .ysgp-strategies-library-intro,
  #ysgp-portal-root .ysgp-strategies-library-empty{align-items:flex-start;padding:18px;border-radius:22px;}
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:1fr;gap:14px;}
  #ysgp-portal-root .ysgp-strategy-library-card{min-height:auto;padding:20px;border-radius:23px;}
  #ysgp-portal-root .ysgp-strategy-library-actions,
  #ysgp-portal-root .ysgp-strategy-modal-actions{display:grid;grid-template-columns:1fr;width:100%;}
  #ysgp-portal-root .ysgp-strategy-library-btn{width:100%;}
  #ysgp-portal-root .ysgp-strategy-modal-backdrop{align-items:flex-end;padding:12px;}
  #ysgp-portal-root .ysgp-strategy-modal{max-height:92vh;padding:18px;border-radius:24px;}
  #ysgp-portal-root .ysgp-strategy-modal-head h2{font-size:24px;}
  #ysgp-portal-root .ysgp-strategy-code-block{max-height:300px;font-size:11px;}
}


/* === v21.2.168 Strategies Library thumbnail DOM media-slot repair only === */
#ysgp-portal-root .ysgp-strategy-library-card{
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#ysgp-portal-root .ysgp-strategy-library-card > .ysgp-strategy-library-card-glow{
  position:absolute!important;
  right:-90px;
  top:-120px;
  z-index:0!important;
  width:240px;
  height:240px;
  border-radius:999px;
  pointer-events:none;
}
#ysgp-portal-root .ysgp-strategy-library-media{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:220px;
  flex:0 0 220px;
  overflow:hidden;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:
    radial-gradient(circle at 28% 22%,rgba(34,211,238,.10),transparent 36%),
    radial-gradient(circle at 82% 110%,rgba(168,85,247,.08),transparent 42%),
    linear-gradient(145deg,rgba(12,17,27,.92),rgba(5,8,13,.98));
}
#ysgp-portal-root .ysgp-strategy-library-media:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,23,.00),rgba(2,6,23,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(255,255,255,.035);
}
#ysgp-portal-root .ysgp-strategy-library-thumb{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent;
}
#ysgp-portal-root .ysgp-strategy-library-media-fallback{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(103,232,249,.86);
  background:
    radial-gradient(circle at 30% 20%,rgba(34,211,238,.10),transparent 34%),
    radial-gradient(circle at 80% 110%,rgba(168,85,247,.08),transparent 42%),
    linear-gradient(145deg,rgba(12,17,27,.92),rgba(5,8,13,.98));
}
#ysgp-portal-root .ysgp-strategy-library-media.has-image .ysgp-strategy-library-media-fallback{
  display:none!important;
}
#ysgp-portal-root .ysgp-strategy-library-media.is-fallback .ysgp-strategy-library-media-fallback{
  display:flex!important;
}
#ysgp-portal-root .ysgp-strategy-library-media-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(34,211,238,.20);
  background:rgba(34,211,238,.075);
  box-shadow:0 0 30px rgba(34,211,238,.075),inset 0 1px 0 rgba(255,255,255,.045);
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  position:relative;
  z-index:1;
  flex:1;
  display:flex;
  flex-direction:column;
  padding:22px;
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-strategy-library-card{padding:0;border-radius:23px;}
  #ysgp-portal-root .ysgp-strategy-library-media{height:190px;flex-basis:190px;}
  #ysgp-portal-root .ysgp-strategy-library-card-body{padding:20px;}
}



/* === v21.2.169 Official YS logo direct replacement: no box, no text lockup === */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  background:transparent!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:150px;
  height:62px;
  max-width:calc(100% - 42px);
  overflow:hidden;
  line-height:0;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 60%;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none;
  -webkit-user-drag:none;
  image-rendering:auto;
}
#ysgp-portal-root .ysgp-mobile-official-brand-v169{
  position:relative;
  display:none;
  align-items:center;
  justify-content:flex-start;
  width:112px;
  height:48px;
  overflow:hidden;
  line-height:0;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-mobile-official-brand-logo-v169{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 60%;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none;
  -webkit-user-drag:none;
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:flex!important;}
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:138px;height:58px;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{width:96px;height:42px;}
}

/* === v21.2.170 Academy rebuild: hero 1350x250, no decorative logo block, draggable language flow === */
#ysgp-portal-root .ysgp-academy-v170{
  max-width:1350px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 0 72px!important;
  color:#eaf4ff;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-v133{
  position:relative!important;
  width:100%!important;
  max-width:min(100%,1350px)!important;
  height:250px!important;
  min-height:250px!important;
  aspect-ratio:1350 / 250!important;
  margin:0 auto 34px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(168,85,247,.24)!important;
  background:radial-gradient(circle at 18% 44%,rgba(34,211,238,.20),transparent 34%),radial-gradient(circle at 72% 52%,rgba(168,85,247,.18),transparent 34%),#05070d!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 34px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.055)!important;
  display:block!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-media-v170{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-media-v170 img,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-v133 > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  filter:saturate(1.06) contrast(1.04)!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,6,23,.82) 0%,rgba(2,6,23,.48) 25%,rgba(2,6,23,.10) 54%,rgba(2,6,23,.32) 100%);
  pointer-events:none;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170{
  position:absolute;
  z-index:3;
  left:38px;
  top:50%;
  transform:translateY(-50%);
  max-width:430px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  pointer-events:auto;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 > span{
  display:none;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 h1{
  margin:0;
  color:#fff;
  font-size:clamp(30px,3.3vw,46px);
  line-height:.94;
  letter-spacing:-.07em;
  font-weight:950;
  text-shadow:0 16px 42px rgba(0,0,0,.52);
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 p{
  margin:0;
  color:#b8c7d9;
  font:800 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-shadow:0 10px 28px rgba(0,0,0,.5);
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:4px;
  padding:12px 18px;
  border-radius:13px;
  border:1px solid rgba(34,211,238,.42);
  background:linear-gradient(135deg,rgba(6,182,212,.16),rgba(14,165,233,.08));
  color:#67e8f9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 16px 36px rgba(6,182,212,.13),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 button:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(34,211,238,.68);
  box-shadow:0 18px 46px rgba(6,182,212,.21),0 0 22px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.09);
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-overlay-v133{display:none!important;}
#ysgp-portal-root .ysgp-academy-start-v170{
  display:grid;
  grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);
  gap:32px;
  align-items:start;
  margin:0 0 28px;
}
#ysgp-portal-root .ysgp-academy-support-v170{
  display:block!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-academy-support-v170 .ysgp-academy-support-grid-v139,
#ysgp-portal-root .ysgp-academy-support-v170 .ysgp-academy-support-grid-v140,
#ysgp-portal-root .ysgp-academy-support-v170 .ysgp-academy-support-grid-v141{
  display:block!important;
}
#ysgp-portal-root .ysgp-academy-support-v170 .ysgp-academy-logo-panel-v133{display:none!important;}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-faq-panel-v133,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-stage-v133{
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.12)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.52),rgba(2,6,23,.66))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-faq-panel-v133{
  min-height:100%;
  padding:26px!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-stage-v170{
  margin:0!important;
  padding:26px 0 26px!important;
  overflow:hidden;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-stage-v170 .ysgp-academy-stage-head-v133{
  padding:0 26px;
  margin-bottom:18px!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-rail-v170{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 26px 12px!important;
  scroll-snap-type:x mandatory;
  scroll-padding-left:26px;
  cursor:grab;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(34,211,238,.38) rgba(15,23,42,.42);
  touch-action:pan-x;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-rail-v170.is-dragging{
  cursor:grabbing;
  user-select:none;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-card-v133{
  flex:0 0 min(390px,78vw)!important;
  scroll-snap-align:start;
  border-radius:26px!important;
  background:linear-gradient(155deg,rgba(6,12,24,.98),rgba(8,13,23,.92))!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-card-v133.is-selected{
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.38),0 0 0 1px rgba(34,211,238,.16),0 0 26px rgba(34,211,238,.11)!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-card-image-v133,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-thumb-v133{
  min-height:190px!important;
  height:190px!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-courses-stage-v170,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-lessons-stage-v170{
  margin-top:28px!important;
  scroll-margin-top:92px;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-grid-v133{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-lesson-grid-v133{
  display:grid;
  gap:14px;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-start-v170{grid-template-columns:1fr;gap:22px;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-grid-v133{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v170{padding:0 0 96px!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170,
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-v133{
    width:calc(100% - 2px)!important;
    height:clamp(172px,42vw,218px)!important;
    min-height:clamp(172px,42vw,218px)!important;
    border-radius:24px!important;
    margin-bottom:22px!important;
  }
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170{
    left:22px;
    right:22px;
    max-width:70%;
    gap:9px;
  }
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 h1{font-size:32px;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 p{font-size:11px;line-height:1.45;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 button{padding:10px 13px;font-size:9px;border-radius:12px;}
  #ysgp-portal-root .ysgp-academy-start-v170{grid-template-columns:1fr;gap:18px;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-faq-panel-v133{padding:20px!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-stage-v170{padding:20px 0!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-stage-v170 .ysgp-academy-stage-head-v133{padding:0 20px;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-rail-v170{padding:2px 20px 10px!important;scroll-padding-left:20px;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-language-card-v133{flex-basis:min(330px,86vw)!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-card-image-v133,
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-thumb-v133{height:176px!important;min-height:176px!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-grid-v133{grid-template-columns:1fr!important;gap:18px!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-stage-head-v133{flex-direction:column!important;align-items:flex-start!important;}
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-lessons-hero-v133{grid-template-columns:1fr!important;}
}

/* === v21.2.171 Academy rejected-build correction: open FAQ/language sections + reliable drag/click flow === */
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-start-v170{
  display:grid!important;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)!important;
  gap:34px!important;
  align-items:start!important;
  margin:0 0 30px!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-support-v170,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-support-grid-v139,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-support-grid-v140,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-support-grid-v141,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-panel-v133,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-stage-v170,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-courses-stage-v170,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-lessons-stage-v170{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  outline:0!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-support-v170,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-panel-v133{
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-stage-v133{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-stage-v170{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-stage-v170 .ysgp-academy-stage-head-v133{
  padding:0!important;
  margin:0 0 18px!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-title-v133,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-stage-head-v133{
  max-width:100%!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-list-v133{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-item-v133{
  background:linear-gradient(145deg,rgba(6,10,19,.86),rgba(9,13,23,.78))!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:18px!important;
  box-shadow:0 14px 40px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-item-v133.active{
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 0 1px rgba(34,211,238,.12),0 0 24px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-rail-v170{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  width:100%!important;
  max-width:100%!important;
  padding:2px 4px 14px!important;
  margin:0!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:4px!important;
  cursor:grab!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(34,211,238,.42) rgba(15,23,42,.35)!important;
  touch-action:pan-x!important;
  overscroll-behavior-inline:contain!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-rail-v170.is-dragging{
  cursor:grabbing!important;
  user-select:none!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-rail-v170.is-dragging .ysgp-academy-language-card-v133{
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-card-v133{
  flex:0 0 clamp(292px,31vw,390px)!important;
  scroll-snap-align:start!important;
  background:linear-gradient(155deg,rgba(6,12,24,.98),rgba(8,13,23,.92))!important;
  border:1px solid rgba(148,163,184,.13)!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-card-v133:focus-visible{
  outline:2px solid rgba(34,211,238,.75)!important;
  outline-offset:4px!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-courses-stage-v170,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-lessons-stage-v170{
  padding:0!important;
  margin-top:32px!important;
  scroll-margin-top:96px!important;
}
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-courses-stage-v170 .ysgp-academy-stage-head-v133,
#ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-lessons-stage-v170 .ysgp-academy-stage-head-v133{
  margin-bottom:18px!important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-start-v170{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-card-v133{
    flex-basis:min(360px,74vw)!important;
  }
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-start-v170{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-faq-panel-v133,
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-stage-v170{
    padding:0!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-stage-v170 .ysgp-academy-stage-head-v133{
    padding:0!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-rail-v170{
    padding:2px 2px 12px!important;
    scroll-padding-left:2px!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-language-card-v133{
    flex-basis:min(330px,86vw)!important;
  }
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-courses-stage-v170,
  #ysgp-portal-root .ysgp-academy-v171 .ysgp-academy-lessons-stage-v170{
    margin-top:28px!important;
  }
}

/* === v21.2.172 Academy course reveal + arrow language rail fix === */
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-selector-v172{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-rail-v172{
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:2px 2px 14px!important;
  margin:0!important;
  cursor:default!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  touch-action:pan-x pan-y!important;
  overscroll-behavior-inline:contain!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-rail-v172::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-rail-v172 .ysgp-academy-language-card-v133{
  pointer-events:auto!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-arrow-v172{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#67e8f9!important;
  background:linear-gradient(145deg,rgba(6,12,24,.86),rgba(8,13,23,.72))!important;
  border:1px solid rgba(34,211,238,.22)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 18px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  flex:0 0 auto!important;
  cursor:pointer!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-arrow-v172.prev svg{
  transform:rotate(180deg)!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-arrow-v172:hover,
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-arrow-v172:focus-visible{
  transform:translateY(-1px)!important;
  color:#fff!important;
  border-color:rgba(34,211,238,.52)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.32),0 0 24px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-courses-stage-v170,
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-lessons-stage-v170{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-course-grid-v133,
#ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-lesson-grid-v133{
  visibility:visible!important;
  opacity:1!important;
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-selector-v172{
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:8px!important;
  }
  #ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-arrow-v172{
    width:36px!important;
    height:36px!important;
  }
  #ysgp-portal-root .ysgp-academy-v172 .ysgp-academy-language-rail-v172{
    padding:2px 0 12px!important;
  }
}

/* === v21.2.173 Academy inline course-to-lessons flow cleanup ===
   Scope guard: Academy frontend only. Removes the visible back controls from the
   progressive Academy flow and replaces the separate lower lesson append with a
   same-slot lesson view rendered in the courses area. Academy video, progress,
   synopsis, admin data, and backend tracking are untouched. */
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-stage-head-v133.with-back button,
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-back-v133{
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-courses-stage-v173,
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin-top:34px!important;
  scroll-margin-top:96px!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173{
  animation:ysgpAcademyInlineReveal .28s ease both;
}
@keyframes ysgpAcademyInlineReveal{
  from{opacity:.001;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  gap:clamp(18px,2.4vw,28px)!important;
  align-items:center!important;
  width:min(100%,1040px)!important;
  margin:0 0 clamp(18px,2vw,26px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::before,
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::after{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-thumb-v133{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(34,211,238,.18)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.28),0 0 24px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-thumb-v133 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lesson-grid-v133{
  width:min(100%,1040px)!important;
  display:grid!important;
  gap:14px!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-course-grid-v133{
  visibility:visible!important;
  opacity:1!important;
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-courses-stage-v173,
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173{
    margin-top:28px!important;
    scroll-margin-top:84px!important;
  }
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:16px!important;
  }
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-thumb-v133{
    max-width:100%!important;
    border-radius:20px!important;
  }
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lesson-grid-v133{
    width:100%!important;
  }
}

/* === v21.2.174 Academy one-card language carousel polish ===
   Scope guard: Academy frontend only. Converts the language selector from a
   wide rail into a focused single-card carousel with arrows/swipe. Academy
   data, course reveal, lessons, video, progress tracking, and AI Synopsis are
   untouched. */
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-selector-v174{
  display:grid!important;
  grid-template-columns:44px minmax(280px,420px) 44px!important;
  grid-template-areas:"prev card next" "dots dots dots"!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  width:min(100%,620px)!important;
  margin:0 auto!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174.prev{grid-area:prev!important;}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174.next{grid-area:next!important;}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-single-v174{
  grid-area:card!important;
  position:relative!important;
  width:100%!important;
  max-width:420px!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  touch-action:pan-y!important;
  user-select:none!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-single-v174.is-dragging,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-single-v174.is-dragging *{
  cursor:grabbing!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-focus-card-v174{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 0 auto!important;
  margin:0!important;
  cursor:pointer!important;
  display:block!important;
  animation:ysgpAcademyLanguageCardIn .22s ease both!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-focus-card-v174 .ysgp-academy-card-image-v133{
  min-height:0!important;
  aspect-ratio:16/9!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174:disabled{
  opacity:.32!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-dots-v174{
  grid-area:dots!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:4px!important;
  min-height:12px!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-dots-v174 i{
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  display:block!important;
  background:rgba(148,163,184,.3)!important;
  box-shadow:none!important;
  transition:width .18s ease,background .18s ease,box-shadow .18s ease!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-dots-v174 i.active{
  width:22px!important;
  background:#22d3ee!important;
  box-shadow:0 0 16px rgba(34,211,238,.35)!important;
}
@keyframes ysgpAcademyLanguageCardIn{
  from{opacity:.001;transform:translateY(6px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:1100px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-selector-v174{
    width:min(100%,560px)!important;
    grid-template-columns:40px minmax(260px,1fr) 40px!important;
  }
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-selector-v174{
    width:100%!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:8px!important;
  }
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-single-v174{
    max-width:none!important;
  }
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-focus-card-v174{
    border-radius:24px!important;
  }
}

/* === v21.2.178 Academy media/render repair ===
   Keeps the existing Academy design, but fixes the hidden course grid regression
   and ensures uploaded banner/card imagery is shown cleanly without forced overlay. */
#ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-courses-stage-v173 .ysgp-academy-course-grid-v133,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-courses-stage-v170 .ysgp-academy-course-grid-v133{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-image-only::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-overlay-enabled::after{
  display:block!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-media-v170 img,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-banner-v133 > img{
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  -webkit-filter:none!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-card-image-v133 img,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-course-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-focus-card-v174 .ysgp-academy-card-image-v133 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
@media(max-width:900px){
  #ysgp-portal-root .ysgp-academy-v173 .ysgp-academy-courses-stage-v173 .ysgp-academy-course-grid-v133,
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-courses-stage-v170 .ysgp-academy-course-grid-v133{
    grid-template-columns:1fr!important;
  }
}

/* === v21.2.179 Academy banner copy regression repair ===
   Restores the original YS Academy title/subtitle/Start Learning CTA while preserving
   the v178 admin-controlled full-size banner media behavior. The optional overlay
   setting now controls only the visual darkening, not whether banner copy exists. */
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-image-only.is-copy-enabled::after,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-copy-enabled::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(2,6,23,.64) 0%,rgba(2,6,23,.42) 26%,rgba(2,6,23,.10) 56%,rgba(2,6,23,.16) 100%)!important;
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-overlay-enabled.is-copy-enabled::after{
  background:linear-gradient(90deg,rgba(2,6,23,.76) 0%,rgba(2,6,23,.52) 28%,rgba(2,6,23,.14) 58%,rgba(2,6,23,.24) 100%)!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-v170.is-copy-disabled.is-image-only::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 h1,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 p,
#ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170 button{
  position:relative!important;
  z-index:4!important;
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-academy-v170 .ysgp-academy-hero-copy-v170{
    max-width:min(76%,420px)!important;
  }
}

/* === v21.2.181 portal logo regression repair baseline, superseded by v21.2.182 contain sizing below === */
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:150px!important;
  height:62px!important;
  max-width:calc(100% - 42px)!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-mobile-official-brand-v169{
  width:112px!important;
  height:48px!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169,
#ysgp-portal-root .ysgp-mobile-official-brand-logo-v169{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* === v21.2.184 portal logo frame fill repair: one sidebar logo, larger contain fit, no duplicate === */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:208px!important;
  height:76px!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-mobile-official-brand-v169{
  width:128px!important;
  height:52px!important;
  max-width:42vw!important;
  display:none!important; /* v21.2.184: keep the header/mobile logo hidden on desktop; only the sidebar brand may be visible there. */
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169,
#ysgp-portal-root .ysgp-mobile-official-brand-logo-v169{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(var(--ysgp-logo-visual-scale,1.18)) translateZ(0)!important;
  transform-origin:center center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  image-rendering:auto!important;
}
@media (min-width:768px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:176px!important;height:66px!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:flex!important;width:128px!important;height:52px!important;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{width:112px!important;height:48px!important;}
}

/* === v21.2.185 final sidebar logo fill repair: one logo, bigger contain fit, no layout move === */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:208px!important;
  height:80px!important;
  max-width:calc(100% - 0px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  line-height:0!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(var(--ysgp-logo-visual-scale,1)) translateZ(0)!important;
  transform-origin:center center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
}
@media (min-width:768px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:184px!important;height:70px!important;max-width:calc(100% - 44px)!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:flex!important;width:142px!important;height:56px!important;max-width:44vw!important;overflow:visible!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-logo-v169{object-fit:contain!important;object-position:center!important;transform:scale(var(--ysgp-logo-visual-scale,1)) translateZ(0)!important;background:transparent!important;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{width:124px!important;height:50px!important;}
}

/* === v21.2.186 balanced one-logo sidebar repair ===
   Final controlled size: one admin-controlled logo in the original top-left
   sidebar brand area, not tiny and not oversized. Keeps dashboard/sidebar
   layout stable and removes the extreme v185 208x80 frame. */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:clamp(118px,8vw,135px)!important;
  height:68px!important;
  max-width:135px!important;
  max-height:68px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:135px!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(var(--ysgp-logo-visual-scale,1)) translateZ(0)!important;
  transform-origin:center 55%!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 auto!important;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
}
@media (min-width:768px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:124px!important;height:58px!important;max-width:124px!important;max-height:58px!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:flex!important;width:112px!important;height:52px!important;max-width:40vw!important;max-height:52px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-logo-v169{width:100%!important;height:100%!important;max-width:112px!important;max-height:52px!important;object-fit:contain!important;object-position:center!important;transform:scale(var(--ysgp-logo-visual-scale,1)) translateZ(0)!important;transform-origin:center 55%!important;background:transparent!important;border:0!important;box-shadow:none!important;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{width:104px!important;height:48px!important;max-width:104px!important;}
}

/* === v21.2.190 fixed portal logo visual frame ===
   Final direct repair: every uploaded/default portal logo is rendered inside the
   same controlled top-left display frame. The uploaded image dimensions no
   longer decide the on-screen size. One logo only, no crop, no stretch. */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  height:80px!important;
  min-height:80px!important;
  max-height:80px!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:136px!important;
  height:62px!important;
  min-width:136px!important;
  max-width:136px!important;
  min-height:62px!important;
  max-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169{
  display:block!important;
  width:136px!important;
  height:62px!important;
  min-width:0!important;
  max-width:136px!important;
  min-height:0!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  transform-origin:center center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  image-rendering:auto!important;
  box-sizing:border-box!important;
}
@media (min-width:768px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-sidebar-brand-bar-v169{height:74px!important;min-height:74px!important;max-height:74px!important;padding:0 18px!important;}
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:118px!important;height:54px!important;min-width:118px!important;max-width:118px!important;min-height:54px!important;max-height:54px!important;}
  #ysgp-portal-root .ysgp-official-brand-logo-v169{width:118px!important;height:54px!important;max-width:118px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:108px!important;height:50px!important;min-width:108px!important;max-width:108px!important;min-height:50px!important;max-height:50px!important;}
  #ysgp-portal-root .ysgp-official-brand-logo-v169{width:108px!important;height:50px!important;max-width:108px!important;max-height:50px!important;}
}


/* === v21.2.193 centered portal logo inside approved top-left brand box ===
   Final lock based on the latest user correction: make the logo slightly larger
   than v192 and center it inside the top-left sidebar brand box, while keeping
   one consistent automatic frame for every uploaded logo. */
#ysgp-portal-root .ysgp-sidebar-brand-bar-v169{
  height:80px!important;
  min-height:80px!important;
  max-height:80px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-official-brand-only-v169{
  width:132px!important;
  height:60px!important;
  min-width:132px!important;
  max-width:132px!important;
  min-height:60px!important;
  max-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  line-height:0!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-official-brand-logo-v169{
  display:block!important;
  width:132px!important;
  height:60px!important;
  min-width:132px!important;
  max-width:132px!important;
  min-height:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0 auto!important;
  pointer-events:none!important;
  -webkit-user-drag:none!important;
  image-rendering:auto!important;
  box-sizing:border-box!important;
}
@media (min-width:768px){
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:767px){
  #ysgp-portal-root .ysgp-sidebar-brand-bar-v169{height:74px!important;min-height:74px!important;max-height:74px!important;padding:0 16px!important;}
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:118px!important;height:54px!important;min-width:118px!important;max-width:118px!important;min-height:54px!important;max-height:54px!important;}
  #ysgp-portal-root .ysgp-official-brand-logo-v169{width:118px!important;height:54px!important;min-width:118px!important;max-width:118px!important;min-height:54px!important;max-height:54px!important;object-fit:contain!important;object-position:center center!important;transform:none!important;}
  #ysgp-portal-root .ysgp-mobile-official-brand-v169{display:none!important;}
}
@media (max-width:380px){
  #ysgp-portal-root .ysgp-official-brand-only-v169{width:108px!important;height:50px!important;min-width:108px!important;max-width:108px!important;min-height:50px!important;max-height:50px!important;}
  #ysgp-portal-root .ysgp-official-brand-logo-v169{width:108px!important;height:50px!important;min-width:108px!important;max-width:108px!important;min-height:50px!important;max-height:50px!important;}
}


/* v21.2.194 - YS Portal AI purple-surface refinement.
   Goal: keep the same layout and functionality, but give the main AI chat area
   a premium purple contrast surface that breaks away from the darker portal background. */
#ysgp-portal-root .ysgp-ai-shell .ysgp-ai-history-panel{
  background:
    radial-gradient(circle at top left, rgba(168,85,247,.10), transparent 38%),
    linear-gradient(180deg, rgba(18,12,30,.98), rgba(10,13,20,.98)) !important;
  border-color: rgba(168,85,247,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(139,92,246,.04), 0 18px 45px rgba(3,0,20,.34) !important;
}
#ysgp-portal-root .ysgp-ai-chat-card{
  min-height:0;
  max-width:100%;
  background:
    radial-gradient(circle at top left, rgba(168,85,247,.13), transparent 34%),
    radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(24,13,34,.985), rgba(12,10,24,.985)) !important;
  border-color: rgba(168,85,247,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(139,92,246,.04), 0 22px 60px rgba(4,1,18,.42) !important;
}
#ysgp-portal-root .ysgp-ai-chat-card > .border-b{
  background:
    linear-gradient(180deg, rgba(27,15,40,.98), rgba(18,12,30,.96)) !important;
  border-color: rgba(168,85,247,.12) !important;
}
#ysgp-portal-root .ysgp-ai-messages{
  background:
    radial-gradient(circle at center, rgba(124,58,237,.05), transparent 45%),
    linear-gradient(180deg, rgba(18,11,29,.35), rgba(11,10,21,0)) !important;
}
#ysgp-portal-root .ysgp-ai-input-dock{
  background:
    linear-gradient(180deg, rgba(20,13,33,.96), rgba(14,10,25,.985)) !important;
  border-top-color: rgba(168,85,247,.14) !important;
  box-shadow: 0 -18px 46px rgba(12,5,27,.24) !important;
}
#ysgp-portal-root .ysgp-ai-input-dock > .flex.items-center.gap-2,
#ysgp-portal-root .ysgp-ai-input-dock > div.flex.items-center.gap-2{
  background: linear-gradient(135deg, rgba(37,20,55,.96), rgba(25,18,39,.96)) !important;
  border-color: rgba(168,85,247,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(139,92,246,.05), 0 10px 24px rgba(7,3,18,.24) !important;
}
#ysgp-portal-root .ysgp-ai-input-dock .w-10.h-10.rounded-xl.bg-cyan-500,
#ysgp-portal-root .ysgp-ai-input-dock .w-10.h-10.rounded-xl.bg-cyan-500.hover\:bg-cyan-400{
  background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(139,92,246,.28) !important;
}
#ysgp-portal-root .ysgp-ai-header-action{
  border-color: rgba(168,85,247,.22) !important;
  background: rgba(39,24,59,.78) !important;
  color: #f3e8ff !important;
}
#ysgp-portal-root .ysgp-ai-header-action:hover{
  background: rgba(124,58,237,.18) !important;
  border-color: rgba(168,85,247,.42) !important;
  color: #ffffff !important;
}
#ysgp-portal-root .ysgp-ai-response-soft{
  background: linear-gradient(135deg, rgba(37,20,55,.985), rgba(21,15,35,.985)) !important;
  border: 1px solid rgba(168,85,247,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(167,139,250,.05), 0 0 28px rgba(139,92,246,.10), 0 18px 42px rgba(8,2,20,.32) !important;
}
#ysgp-portal-root .ysgp-ai-response-soft:before{
  background: linear-gradient(135deg, rgba(168,85,247,.18), transparent 38%, rgba(96,165,250,.10)) !important;
}
#ysgp-portal-root .ysgp-ai-response-body{color:#f3ecff !important;}
#ysgp-portal-root .ysgp-ai-response-body .ysgp-ai-section-title{
  border-color: rgba(168,85,247,.28) !important;
  background: rgba(124,58,237,.10) !important;
  box-shadow: 0 0 18px rgba(139,92,246,.08) !important;
  color: #d8b4fe !important;
}
#ysgp-portal-root .ysgp-ai-response-body .ysgp-ai-bullet span{
  background:#c084fc !important;
  box-shadow:0 0 12px rgba(192,132,252,.55) !important;
}
#ysgp-portal-root .ysgp-ai-response-body .ysgp-ai-bullet p{color:#eadcff !important;}
#ysgp-portal-root .ysgp-ai-response-body .ysgp-ai-strong{color:#d8b4fe !important;}
#ysgp-portal-root .ysgp-ai-response-body .ysgp-ai-em{color:#e9d5ff !important;}
#ysgp-portal-root .ysgp-attached-image-pill{
  background: linear-gradient(135deg, rgba(34,17,49,.94), rgba(18,12,30,.98)) !important;
  border-color: rgba(168,85,247,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(167,139,250,.04), 0 0 22px rgba(139,92,246,.10) !important;
}
#ysgp-portal-root .ysgp-attached-image-thumb{border-color: rgba(168,85,247,.28) !important;box-shadow:0 0 16px rgba(139,92,246,.12) !important;}
#ysgp-portal-root .ysgp-user-upload-bubble{
  background: linear-gradient(135deg, rgba(58,28,93,.97), rgba(35,19,58,.96)) !important;
  border-color: rgba(168,85,247,.30) !important;
  box-shadow: inset 0 0 0 1px rgba(167,139,250,.04), 0 0 24px rgba(139,92,246,.14), 0 18px 45px rgba(8,2,20,.36) !important;
}
#ysgp-portal-root .ysgp-upload-preview-shell{
  background: linear-gradient(135deg, rgba(168,85,247,.28), rgba(99,102,241,.20), rgba(6,182,212,.14)) !important;
  box-shadow:0 0 28px rgba(139,92,246,.16), inset 0 0 18px rgba(167,139,250,.10) !important;
}
#ysgp-portal-root .ysgp-upload-caption{
  background: rgba(68,35,104,.36) !important;
  border-color: rgba(168,85,247,.18) !important;
  color: #f5ebff !important;
}


/* v21.2.195 - Signal Desk premium purple extension.
   Scope: YS Portal AI right Signal Desk panel only. No logic changes. */
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\]{
  background:
    radial-gradient(circle at 50% 32%, rgba(168,85,247,.13), transparent 42%),
    radial-gradient(circle at bottom right, rgba(59,130,246,.08), transparent 34%),
    linear-gradient(180deg, rgba(23,13,35,.985), rgba(12,10,24,.985)) !important;
  border-color: rgba(168,85,247,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(167,139,250,.045), 0 22px 60px rgba(6,2,18,.42), 0 0 28px rgba(139,92,246,.07) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] > .flex.justify-between.items-center{
  border-bottom: 1px solid rgba(168,85,247,.12) !important;
  padding-bottom: 13px !important;
  margin-bottom: 16px !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] > .flex.justify-between.items-center span:first-child{
  color:#b994ff !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] h3{
  color:#fff !important;
  text-shadow:0 0 20px rgba(168,85,247,.18) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] .text-center .w-16.h-16{
  background: radial-gradient(circle at center, rgba(168,85,247,.20), rgba(17,12,30,.94)) !important;
  border-color: rgba(168,85,247,.30) !important;
  box-shadow: 0 0 34px rgba(139,92,246,.18), inset 0 0 18px rgba(167,139,250,.06) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] .text-center .w-16.h-16 svg{
  color:#d8b4fe !important;
  filter:drop-shadow(0 0 10px rgba(216,180,254,.32)) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] h4{
  color:#f8f4ff !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] p{
  color:#9f8fbd !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] > button.mt-4{
  background: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 56%, #6366f1 100%) !important;
  border: 1px solid rgba(216,180,254,.28) !important;
  box-shadow: 0 0 24px rgba(139,92,246,.24), 0 12px 30px rgba(6,182,212,.12) !important;
  color:#ffffff !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] > button.mt-4:hover{
  opacity:1 !important;
  filter:brightness(1.06) saturate(1.05) !important;
  box-shadow: 0 0 30px rgba(139,92,246,.34), 0 14px 34px rgba(6,182,212,.16) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] .ysgp-signal-session-history{
  background: linear-gradient(180deg, rgba(33,19,49,.72), rgba(18,12,30,.88)) !important;
  border-color: rgba(168,85,247,.18) !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] .ysgp-signal-session-history-head{
  color:#d8b4fe !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] .ysgp-signal-history-item{
  background:rgba(39,24,59,.55) !important;
  border-color:rgba(168,85,247,.12) !important;
}

/* v21.2.196 - Generate Signal wizard + signal recommendation + user message purple refinement.
   Scope: YS Portal AI only. No logic changes. */
#ysgp-portal-root .ysgp-ai-user-bubble{
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.16), transparent 35%),
    linear-gradient(135deg, rgba(102,54,160,.98) 0%, rgba(74,34,128,.98) 48%, rgba(39,24,73,.98) 100%) !important;
  border:1px solid rgba(168,85,247,.32) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.05),0 18px 40px rgba(18,7,35,.34),0 0 28px rgba(139,92,246,.15) !important;
  color:#fbf7ff !important;
  border-radius:24px 24px 8px 24px !important;
  line-height:1.7 !important;
}
#ysgp-portal-root .ysgp-ai-user-bubble:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.12), transparent 38%, rgba(34,211,238,.10));
  opacity:.6;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
#ysgp-portal-root .ysgp-ai-user-bubble--image{padding:10px !important;}
#ysgp-portal-root .ysgp-ai-signal-message-wrap{max-width:min(100%, 560px) !important;}
#ysgp-portal-root .ysgp-signal-card{
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.18), transparent 32%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.16), transparent 36%),
    linear-gradient(145deg, rgba(11,19,30,.985), rgba(16,10,29,.985)) !important;
  border:1px solid rgba(168,85,247,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.04),0 18px 48px rgba(8,3,20,.40),0 0 30px rgba(139,92,246,.10) !important;
}
#ysgp-portal-root .ysgp-signal-card-body{padding:18px !important;}
#ysgp-portal-root .ysgp-signal-card--chat{max-width:560px !important;}
#ysgp-portal-root .ysgp-signal-card--desk{max-width:100% !important;}
#ysgp-portal-root .ysgp-signal-card-head h3{font-size:clamp(22px, 2vw, 32px) !important;}
#ysgp-portal-root .ysgp-signal-card-head h3 span{color:#8d88a5 !important;}
#ysgp-portal-root .ysgp-signal-card-glow{opacity:.36 !important;filter:saturate(1.15);}
#ysgp-portal-root .ysgp-signal-card-badges span{
  border-radius:999px !important;
  padding:5px 10px !important;
  letter-spacing:.12em !important;
}
#ysgp-portal-root .ysgp-signal-card-grid{gap:10px !important;}
#ysgp-portal-root .ysgp-signal-card-cell{
  background:linear-gradient(180deg, rgba(6,12,21,.94), rgba(9,7,20,.94)) !important;
  border-color:rgba(168,85,247,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.03),0 8px 18px rgba(0,0,0,.18) !important;
  min-height:96px !important;
}
#ysgp-portal-root .ysgp-signal-card-cell .text-slate-500{color:#9f8fbd !important;}
#ysgp-portal-root .ysgp-signal-card-cell .text-white{color:#ffffff !important;}
#ysgp-portal-root .ysgp-signal-card-cell .text-rose-400{color:#fb7185 !important;}
#ysgp-portal-root .ysgp-signal-card-cell .text-emerald-400{color:#22e5c0 !important;}

#ysgp-portal-root .ysgp-signal-wizard-overlay{
  background:rgba(2,4,10,.84) !important;
  backdrop-filter:blur(16px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05) !important;
}
#ysgp-portal-root .ysgp-signal-wizard-shell--purple{
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.10), transparent 24%),
    radial-gradient(circle at top right, rgba(139,92,246,.14), transparent 30%),
    linear-gradient(135deg, rgba(12,11,24,.985), rgba(7,12,24,.985)) !important;
  border-color:rgba(168,85,247,.22) !important;
  box-shadow:0 32px 90px rgba(2,0,10,.72), 0 0 42px rgba(139,92,246,.12), inset 0 0 0 1px rgba(216,180,254,.04) !important;
}
#ysgp-portal-root .ysgp-signal-wizard-sidebar{
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.12), transparent 28%),
    linear-gradient(180deg, rgba(6,14,22,.98), rgba(10,8,20,.98)) !important;
  border-right-color:rgba(168,85,247,.16) !important;
}
#ysgp-portal-root .ysgp-signal-wizard-brand{color:#ffffff !important; text-shadow:0 0 18px rgba(139,92,246,.16);}
#ysgp-portal-root .ysgp-signal-wizard-brand svg{color:#22d3ee !important; filter:drop-shadow(0 0 12px rgba(34,211,238,.22));}
#ysgp-portal-root .ysgp-signal-wizard-step > div:first-child{
  background:#171b29;
  border:1px solid rgba(255,255,255,.04);
}
#ysgp-portal-root .ysgp-signal-wizard-sidebar .ysgp-signal-wizard-step > div:first-child{border:none;}
#ysgp-portal-root .ysgp-signal-wizard-main{background:transparent !important;}
#ysgp-portal-root .ysgp-signal-market-card,
#ysgp-portal-root .ysgp-signal-asset-card,
#ysgp-portal-root .ysgp-signal-config-block,
#ysgp-portal-root .ysgp-signal-sync-box{
  position:relative;
}
#ysgp-portal-root .ysgp-signal-market-card{
  background:linear-gradient(160deg, rgba(9,16,28,.96), rgba(20,12,34,.96)) !important;
  border-color:rgba(168,85,247,.12) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.025),0 10px 24px rgba(5,2,15,.22) !important;
}
#ysgp-portal-root .ysgp-signal-market-card:hover{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,.28) !important;
  box-shadow:0 16px 30px rgba(12,5,25,.26),0 0 24px rgba(139,92,246,.09) !important;
}
#ysgp-portal-root .ysgp-signal-search-input,
#ysgp-portal-root .ysgp-signal-wizard-main input[type="number"],
#ysgp-portal-root .ysgp-signal-wizard-main select{
  background:linear-gradient(180deg, rgba(7,12,21,.96), rgba(13,9,24,.96)) !important;
  border-color:rgba(168,85,247,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.03),0 8px 16px rgba(0,0,0,.16) !important;
}
#ysgp-portal-root .ysgp-signal-search-input:focus,
#ysgp-portal-root .ysgp-signal-wizard-main input[type="number"]:focus,
#ysgp-portal-root .ysgp-signal-wizard-main select:focus{border-color:rgba(168,85,247,.38) !important; box-shadow:0 0 0 3px rgba(139,92,246,.10) !important;}
#ysgp-portal-root .ysgp-signal-asset-card{
  background:linear-gradient(160deg, rgba(8,13,23,.94), rgba(17,10,29,.94)) !important;
  border-color:rgba(168,85,247,.12) !important;
}
#ysgp-portal-root .ysgp-signal-asset-card:hover{
  background:linear-gradient(160deg, rgba(20,12,35,.98), rgba(14,18,32,.98)) !important;
  border-color:rgba(168,85,247,.28) !important;
  box-shadow:0 12px 26px rgba(8,3,20,.22),0 0 20px rgba(139,92,246,.08) !important;
}
#ysgp-portal-root .ysgp-signal-asset-card .group-hover\:text-cyan-400:hover,
#ysgp-portal-root .ysgp-signal-asset-card .group-hover\:text-cyan-400{color:#d8b4fe !important;}
#ysgp-portal-root .ysgp-signal-config-block > label{color:#9f8fbd !important;}
#ysgp-portal-root .ysgp-signal-choice-bar{
  background:linear-gradient(180deg, rgba(7,12,21,.96), rgba(15,10,26,.96)) !important;
  border-color:rgba(168,85,247,.12) !important;
}
#ysgp-portal-root .ysgp-signal-choice-bar button{text-shadow:none !important;}
#ysgp-portal-root .ysgp-signal-choice-bar button.text-slate-500{color:#7f8399 !important;}
#ysgp-portal-root .ysgp-signal-wizard-footer{border-top-color:rgba(168,85,247,.12) !important;}
#ysgp-portal-root .ysgp-signal-action-secondary{
  background:linear-gradient(180deg, rgba(40,29,59,.78), rgba(25,16,40,.88)) !important;
  border:1px solid rgba(168,85,247,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.025) !important;
}
#ysgp-portal-root .ysgp-signal-action-secondary:hover{background:linear-gradient(180deg, rgba(60,42,88,.82), rgba(32,21,52,.92)) !important;}
#ysgp-portal-root .ysgp-signal-action-primary,
#ysgp-portal-root .ysgp-ai-generate-mobile,
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] > button.mt-4{
  background:linear-gradient(135deg, #22d3ee 0%, #8b5cf6 58%, #6366f1 100%) !important;
  border:1px solid rgba(216,180,254,.24) !important;
  box-shadow:0 0 24px rgba(139,92,246,.24),0 14px 32px rgba(34,211,238,.10) !important;
}
#ysgp-portal-root .ysgp-signal-action-primary:hover,
#ysgp-portal-root .ysgp-ai-generate-mobile:hover{filter:brightness(1.05) saturate(1.06) !important;}
#ysgp-portal-root .ysgp-signal-sync-shell .w-20,
#ysgp-portal-root .ysgp-signal-sync-shell .w-24{
  background:radial-gradient(circle at center, rgba(20,16,34,.96), rgba(8,12,22,.98)) !important;
  border-color:rgba(168,85,247,.34) !important;
  box-shadow:0 0 34px rgba(139,92,246,.18), inset 0 0 20px rgba(216,180,254,.08) !important;
}
#ysgp-portal-root .ysgp-signal-sync-shell h3{color:#d8b4fe !important;}
#ysgp-portal-root .ysgp-signal-sync-shell h2 .text-slate-600{color:#7e6f9a !important;}
#ysgp-portal-root .ysgp-signal-sync-box{
  background:linear-gradient(180deg, rgba(8,12,22,.96), rgba(18,10,32,.96)) !important;
  border-color:rgba(168,85,247,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(216,180,254,.03),0 16px 30px rgba(5,2,15,.22) !important;
}
#ysgp-portal-root .ysgp-signal-sync-box .text-cyan-400{color:#7dd3fc !important;}
#ysgp-portal-root .ysgp-signal-sync-box .text-emerald-400{color:#22e5c0 !important;}
#ysgp-portal-root .ysgp-signal-sync-box .text-slate-500{color:#9f8fbd !important;}
@media (max-width: 767px){
  #ysgp-portal-root .ysgp-ai-user-bubble{max-width:94% !important;}
  #ysgp-portal-root .ysgp-signal-card-body{padding:16px !important;}
  #ysgp-portal-root .ysgp-ai-signal-message-wrap{max-width:100% !important;}
}


/* v21.2.197 - Signal recommendation redesign.
   Scope: YS Portal AI signal cards only. Keeps logic intact, updates sizing + premium styling. */
#ysgp-portal-root .ysgp-ai-signal-message-wrap{
  max-width:min(100%, 500px) !important;
}
#ysgp-portal-root .ysgp-signal-card{
  width:100%;
  position:relative;
  overflow:hidden;
  border-radius:28px !important;
  border:1px solid rgba(168,85,247,.18) !important;
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.18), transparent 36%),
    linear-gradient(145deg, rgba(12,16,29,.98) 0%, rgba(23,12,37,.98) 100%) !important;
  box-shadow:0 20px 44px rgba(7,3,19,.38), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
#ysgp-portal-root .ysgp-signal-card--chat{
  max-width:500px !important;
}
#ysgp-portal-root .ysgp-signal-card--desk{
  max-width:218px !important;
  margin:0 auto !important;
  border-radius:24px !important;
}
#ysgp-portal-root .ysgp-signal-card-body{
  position:relative;
  padding:18px !important;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:100%;
}
#ysgp-portal-root .ysgp-signal-card-body--desk{
  padding:14px !important;
  gap:10px;
}
#ysgp-portal-root .ysgp-signal-card-sheen{
  position:absolute;
  inset:1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 28%, rgba(34,211,238,.05) 60%, transparent 82%);
  opacity:.8;
}
#ysgp-portal-root .ysgp-signal-card-glow{
  position:absolute;
  right:-22px;
  top:-22px;
  width:94px;
  height:94px;
  border-radius:999px;
  filter:blur(0px);
  opacity:.9;
  pointer-events:none;
}
#ysgp-portal-root .ysgp-signal-card.is-buy .ysgp-signal-card-glow{
  background:radial-gradient(circle, rgba(16,185,129,.28) 0%, rgba(34,211,238,.22) 38%, rgba(34,211,238,0) 74%);
}
#ysgp-portal-root .ysgp-signal-card.is-sell .ysgp-signal-card-glow{
  background:radial-gradient(circle, rgba(244,114,182,.26) 0%, rgba(168,85,247,.22) 40%, rgba(168,85,247,0) 74%);
}
#ysgp-portal-root .ysgp-signal-card-head{
  position:relative;
  z-index:2;
}
#ysgp-portal-root .ysgp-signal-card-head-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
#ysgp-portal-root .ysgp-signal-card-icon{
  width:42px;
  height:42px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-icon{
  width:38px;
  height:38px;
  border-radius:14px;
}
#ysgp-portal-root .ysgp-signal-card.is-buy .ysgp-signal-card-icon{
  background:linear-gradient(135deg, rgba(13,41,43,.95), rgba(9,56,66,.92));
  color:#37e6c8;
  border-color:rgba(45,212,191,.26);
}
#ysgp-portal-root .ysgp-signal-card.is-sell .ysgp-signal-card-icon{
  background:linear-gradient(135deg, rgba(53,18,55,.96), rgba(81,27,88,.92));
  color:#ff8dcf;
  border-color:rgba(244,114,182,.24);
}
#ysgp-portal-root .ysgp-signal-card-copy{
  min-width:0;
  flex:1 1 auto;
}
#ysgp-portal-root .ysgp-signal-card-kicker{
  font-size:9px;
  line-height:1;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:#8ba0c6;
  font-weight:800;
}
#ysgp-portal-root .ysgp-signal-card-title{
  margin:0;
  font-size:clamp(18px, 1.45vw, 28px) !important;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.04em;
  color:#f8fbff !important;
  display:flex;
  align-items:baseline;
  gap:0;
  min-width:0;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-title{
  font-size:clamp(14px, 1.15vw, 19px) !important;
}
#ysgp-portal-root .ysgp-signal-card-title span{
  color:#8f8ab1 !important;
}
#ysgp-portal-root .ysgp-signal-card-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
#ysgp-portal-root .ysgp-signal-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  border:1px solid transparent;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-chip{
  min-height:22px;
  padding:0 9px;
  font-size:9px;
}
#ysgp-portal-root .ysgp-signal-card.is-buy .ysgp-signal-chip--type{
  background:rgba(34,211,238,.13);
  color:#6ee7f9;
  border-color:rgba(34,211,238,.20);
}
#ysgp-portal-root .ysgp-signal-card.is-sell .ysgp-signal-chip--type{
  background:rgba(244,114,182,.13);
  color:#fda4d3;
  border-color:rgba(244,114,182,.20);
}
#ysgp-portal-root .ysgp-signal-chip--status.is-active{
  background:rgba(124,58,237,.16);
  color:#dbc4ff;
  border-color:rgba(168,85,247,.24);
}
#ysgp-portal-root .ysgp-signal-chip--status.is-conditional{
  background:rgba(251,191,36,.12);
  color:#fcd34d;
  border-color:rgba(251,191,36,.20);
}
#ysgp-portal-root .ysgp-signal-card-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-grid{
  gap:8px !important;
}
#ysgp-portal-root .ysgp-signal-card-cell{
  min-height:82px !important;
  border-radius:18px !important;
  padding:12px 12px 13px !important;
  background:linear-gradient(180deg, rgba(6,10,20,.96), rgba(18,10,30,.92)) !important;
  border:1px solid rgba(168,85,247,.13) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 10px 20px rgba(0,0,0,.16) !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-cell{
  min-height:72px !important;
  border-radius:16px !important;
  padding:10px 10px 11px !important;
}
#ysgp-portal-root .ysgp-signal-card-label{
  font-size:9px;
  line-height:1.15;
  margin-bottom:9px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#9c93bc;
  font-weight:800;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-label{
  font-size:8px;
  margin-bottom:7px;
}
#ysgp-portal-root .ysgp-signal-card-value{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight:800 !important;
  line-height:1.12;
  letter-spacing:-.03em;
  word-break:break-word;
}
#ysgp-portal-root .ysgp-signal-card--desk .ysgp-signal-card-value{
  font-size:clamp(13px, 1.1vw, 15px) !important;
}
#ysgp-portal-root .ysgp-signal-card-value--entry{color:#f9fbff !important;}
#ysgp-portal-root .ysgp-signal-card-value--stop{color:#ff7eab !important;}
#ysgp-portal-root .ysgp-signal-card-value--target{color:#4ce9d0 !important;}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\]{
  padding:16px 14px 14px !important;
}
#ysgp-portal-root .ysgp-ai-shell > .hidden.xl\:flex.w-\[280px\] h3{
  margin-bottom:12px !important;
}
@media (max-width: 1279px){
  #ysgp-portal-root .ysgp-ai-signal-message-wrap{
    max-width:min(100%, 480px) !important;
  }
}
@media (max-width: 767px){
  #ysgp-portal-root .ysgp-signal-card--chat,
  #ysgp-portal-root .ysgp-signal-card--desk{
    max-width:100% !important;
  }
  #ysgp-portal-root .ysgp-signal-card-body{
    padding:15px !important;
  }
  #ysgp-portal-root .ysgp-signal-card-cell{
    min-height:74px !important;
    padding:10px !important;
  }
  #ysgp-portal-root .ysgp-signal-card-grid{
    gap:8px !important;
  }
}


/* v21.2.198 - Signal wizard sidebar steps redesign */
#ysgp-portal-root .ysgp-signal-wizard-steps{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
}
#ysgp-portal-root .ysgp-signal-wizard-step{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:14px 14px 14px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(160deg, rgba(8,13,23,.88), rgba(17,10,29,.92));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 14px 28px rgba(0,0,0,.18);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
  overflow:visible;
}
#ysgp-portal-root .ysgp-signal-wizard-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:33px;
  top:100%;
  width:2px;
  height:14px;
  background:linear-gradient(180deg, rgba(34,211,238,.26), rgba(139,92,246,.08));
  border-radius:999px;
  opacity:.9;
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-active{
  border-color:rgba(168,85,247,.34);
  background:
    radial-gradient(circle at top left, rgba(139,92,246,.20), transparent 34%),
    radial-gradient(circle at bottom right, rgba(34,211,238,.10), transparent 34%),
    linear-gradient(160deg, rgba(23,10,39,.97), rgba(11,14,28,.96));
  box-shadow:0 18px 34px rgba(24,8,38,.30), 0 0 0 1px rgba(168,85,247,.10), inset 0 0 0 1px rgba(255,255,255,.02);
  transform:translateX(2px);
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-complete{
  border-color:rgba(34,211,238,.24);
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.15), transparent 32%),
    linear-gradient(160deg, rgba(9,24,31,.95), rgba(12,12,24,.96));
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-pending{
  opacity:.88;
}
#ysgp-portal-root .ysgp-signal-wizard-step-indicator{
  width:34px;
  height:34px;
  border-radius:999px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  position:relative;
  z-index:2;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(20,26,40,.96), rgba(12,15,24,.98));
  color:#93a0b6;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-complete .ysgp-signal-wizard-step-indicator{
  color:#041016;
  border-color:rgba(34,211,238,.16);
  background:linear-gradient(135deg, rgba(34,211,238,.96), rgba(45,212,191,.92));
  box-shadow:0 0 20px rgba(34,211,238,.26);
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-active .ysgp-signal-wizard-step-indicator{
  color:#ffffff;
  border-color:rgba(168,85,247,.28);
  background:linear-gradient(135deg, rgba(107,33,168,.98), rgba(168,85,247,.96));
  box-shadow:0 0 22px rgba(168,85,247,.24);
}
#ysgp-portal-root .ysgp-signal-wizard-step-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
#ysgp-portal-root .ysgp-signal-wizard-step-kicker{
  display:block;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:#7f8ca7;
  font-weight:800;
}
#ysgp-portal-root .ysgp-signal-wizard-step-label{
  display:block;
  font-size:16px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
  color:#e2e8f0;
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-active .ysgp-signal-wizard-step-kicker{
  color:#c4b5fd;
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-active .ysgp-signal-wizard-step-label,
#ysgp-portal-root .ysgp-signal-wizard-step.is-complete .ysgp-signal-wizard-step-label{
  color:#ffffff;
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-pending .ysgp-signal-wizard-step-kicker{
  color:#667085;
}
#ysgp-portal-root .ysgp-signal-wizard-step.is-pending .ysgp-signal-wizard-step-label{
  color:#7b8499;
}


/* v21.2.199 - YS AI naming + module logo refresh */
#ysgp-portal-root .ysgp-ai-module-glyph{
  display:block;
  object-fit:contain;
  object-position:center;
  filter: drop-shadow(0 0 10px rgba(196,181,253,.18));
}
#ysgp-portal-root .ysgp-ai-chat-card .ysgp-ai-module-glyph{
  width:18px;
  height:18px;
}


/* === v21.2.200 Academy purple-surface alignment ===
   Goal: bring the Academy page into the same premium purple/cyan surface family
   already approved for the refreshed YS AI / Signal Desk experience, without
   changing Academy flow, data, tracking, or layout logic. */
#ysgp-portal-root .ysgp-academy-v174{
  position:relative;
}
#ysgp-portal-root .ysgp-academy-v174::before{
  content:"";
  position:absolute;
  inset:120px 0 auto 0;
  height:780px;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 8%, rgba(168,85,247,.10), transparent 24%),
    radial-gradient(circle at 78% 16%, rgba(34,211,238,.08), transparent 24%),
    radial-gradient(circle at 60% 52%, rgba(124,58,237,.06), transparent 28%);
  filter:blur(2px);
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(168,85,247,.16)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at top left, rgba(168,85,247,.12), transparent 32%),
    radial-gradient(circle at top right, rgba(34,211,238,.08), transparent 34%),
    linear-gradient(135deg, rgba(22,10,37,.92), rgba(10,8,24,.97))!important;
  box-shadow:0 30px 92px rgba(0,0,0,.36), 0 0 0 1px rgba(168,85,247,.04), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133{padding:24px!important;}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170{padding:24px!important;}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{padding:24px!important;}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173::before{
  content:"";
  position:absolute;
  inset:-28% auto auto -12%;
  width:320px;
  height:320px;
  border-radius:999px;
  background:rgba(168,85,247,.12);
  filter:blur(76px);
  pointer-events:none;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-title-v133 h2,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133 h2,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 h2{
  text-shadow:0 18px 58px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-os-eyebrow-v139,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133 > span,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-body-v133 small,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 span{
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-os-heading-block-v139 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-body-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-body-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lesson-card-v133 p{
  color:#b9abd5!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-hero-copy-v170 button{
  border:1px solid rgba(168,85,247,.26)!important;
  background:linear-gradient(135deg, rgba(6,182,212,.16), rgba(168,85,247,.18), rgba(59,130,246,.14))!important;
  color:#f5f3ff!important;
  box-shadow:0 18px 42px rgba(6,182,212,.12), 0 0 26px rgba(168,85,247,.10), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-card-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-card-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133{
  border-color:rgba(168,85,247,.18)!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.08), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(168,85,247,.12), transparent 34%),
    linear-gradient(145deg, rgba(20,11,34,.94), rgba(9,8,22,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28), 0 0 24px rgba(168,85,247,.05), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133.active,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-card-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-card-v133.is-selected,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-card-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lesson-card-v133:not(:disabled):focus-visible{
  border-color:rgba(168,85,247,.34)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.34), 0 0 0 1px rgba(168,85,247,.08), 0 0 28px rgba(168,85,247,.14), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-card-image-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-thumb-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-thumb-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lesson-thumb-v133{
  background:#080814!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-card-image-v133::after,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-thumb-shade-v133{
  background:linear-gradient(to top, rgba(10,8,22,.92), rgba(10,8,22,.12) 56%, rgba(0,0,0,.16))!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-card-badge-v133{
  border-color:rgba(168,85,247,.24)!important;
  background:rgba(91,33,182,.22)!important;
  color:#f5f3ff!important;
  box-shadow:0 0 18px rgba(168,85,247,.10)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-body-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-body-v133{
  background:linear-gradient(180deg, rgba(18,10,31,.88), rgba(9,8,22,.98))!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-body-v133 em,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-actions-v133 button:first-child,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lesson-card-v133 em{
  border:1px solid rgba(168,85,247,.24)!important;
  background:linear-gradient(135deg, rgba(6,182,212,.18), rgba(168,85,247,.24), rgba(99,102,241,.18))!important;
  color:#f8fafc!important;
  box-shadow:0 12px 28px rgba(24,8,38,.24), 0 0 18px rgba(168,85,247,.10)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-actions-v133 button,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-back-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133.with-back button{
  border:1px solid rgba(168,85,247,.20)!important;
  background:rgba(91,33,182,.12)!important;
  color:#ddd6fe!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-actions-v133 button:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-back-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133.with-back button:hover{
  border-color:rgba(168,85,247,.34)!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-synopsis-v133{
  border-color:rgba(168,85,247,.22)!important;
  background:rgba(91,33,182,.10)!important;
  color:#e9d5ff!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-progress-v133 span,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-progress-v133 small,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-meta-v133 span,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-meta-v133 em,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lesson-card-v133 > span{
  color:#b7aad3!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-progress-track-v133{
  background:rgba(8,8,20,.88)!important;
  border-color:rgba(168,85,247,.15)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-progress-track-v133 i{
  background:linear-gradient(90deg, #22d3ee, #8b5cf6, #6366f1)!important;
  box-shadow:0 0 20px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-empty-v133{
  border-color:rgba(168,85,247,.20)!important;
  background:rgba(91,33,182,.08)!important;
  color:#c4b5fd!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v172,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174{
  color:#d8b4fe!important;
  background:linear-gradient(145deg, rgba(22,10,37,.95), rgba(10,8,24,.92))!important;
  border-color:rgba(168,85,247,.26)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26), 0 0 18px rgba(168,85,247,.10), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v172:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v172:focus-visible,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-arrow-v174:focus-visible{
  color:#fff!important;
  border-color:rgba(168,85,247,.42)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.30), 0 0 22px rgba(168,85,247,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-dots-v174 i{
  background:rgba(168,85,247,.24)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-dots-v174 i.active{
  background:linear-gradient(90deg,#22d3ee,#8b5cf6)!important;
  box-shadow:0 0 16px rgba(168,85,247,.28)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-course-video-card{
  border-color:rgba(168,85,247,.26)!important;
  background:radial-gradient(circle at top left, rgba(168,85,247,.14), transparent 34%), linear-gradient(180deg, rgba(16,10,30,.96), rgba(5,7,18,.98))!important;
  box-shadow:0 0 72px rgba(168,85,247,.14), 0 24px 90px rgba(0,0,0,.44)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-course-video-head{
  border-bottom-color:rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-course-video-head p{color:#b9abd5!important;}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{padding:22px!important;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{padding:18px!important;border-radius:24px!important;}
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170 .ysgp-academy-stage-head-v133{padding:0!important;}
}


/* === v21.2.201 Academy direct-layout refinement ===
   User-approved direction: keep the new purple language, but do NOT wrap Academy
   sections inside large boxed form containers. Keep the design direct on the
   original page background, while keeping FAQ open state fully matched to the
   refreshed purple/cyan identity. */
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173::before{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-stage-v170,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-courses-stage-v173,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{
  padding:0!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-title-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133{
  margin-bottom:20px!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(168,85,247,.18)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.07), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(168,85,247,.11), transparent 34%),
    linear-gradient(145deg, rgba(19,11,34,.94), rgba(8,8,21,.98))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133:hover,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133:hover{
  border-color:rgba(168,85,247,.28)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.30), 0 0 24px rgba(168,85,247,.10), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133.active,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133.active,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133.active,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133.active{
  border-color:rgba(34,211,238,.34)!important;
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.12), transparent 30%),
    radial-gradient(circle at top left, rgba(168,85,247,.18), transparent 34%),
    linear-gradient(145deg, rgba(24,11,41,.96), rgba(10,8,24,.98))!important;
  box-shadow:0 26px 62px rgba(0,0,0,.34), 0 0 26px rgba(168,85,247,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 button,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 button,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 button{
  min-height:unset!important;
  padding:20px 22px!important;
  color:#f5f3ff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button span,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 button span{
  color:#f5f3ff!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button svg,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 button svg{
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 p,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 p{
  margin:0!important;
  padding:0 22px 20px!important;
  color:#c9b9e9!important;
  font:650 12px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-language-selector-v174,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-course-grid-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lesson-grid-v133{
  position:relative!important;
  z-index:1!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133{
  padding:0!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133{
  border-color:rgba(168,85,247,.20)!important;
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.08), transparent 30%),
    radial-gradient(circle at top left, rgba(168,85,247,.12), transparent 34%),
    linear-gradient(145deg, rgba(19,11,34,.94), rgba(8,8,21,.98))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-title-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-stage-head-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133{margin-bottom:18px!important;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 button,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 button,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 button,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 button{padding:17px 18px!important;font-size:14px!important;}
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v141 .ysgp-academy-faq-item-v133 p,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v140 .ysgp-academy-faq-item-v133 p,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-panel-v139 .ysgp-academy-faq-item-v133 p,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-faq-item-v133 p{padding:0 18px 18px!important;}
}


/* === v21.2.202 Academy lessons hero direct layout refinement ===
   Removes the remaining boxed/form-like shell around the selected course summary
   at the top of the lessons view, while preserving the modern thumbnail/progress look. */
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173{
  padding:0!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v173,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v173{
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v173::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v173::before{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-thumb-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-thumb-v133{
  border:1px solid rgba(168,85,247,.18)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.08), transparent 28%),
    radial-gradient(circle at top left, rgba(168,85,247,.10), transparent 34%),
    linear-gradient(145deg, rgba(19,11,34,.94), rgba(8,8,21,.98))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 > div:nth-child(2),
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133 > div:nth-child(2){
  min-width:0!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-v133{
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(168,85,247,.12)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-track-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-track-v133{
  background:rgba(10,8,24,.92)!important;
  border-color:rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-track-v133 i,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133 > div:nth-child(2) .ysgp-academy-progress-track-v133 i{
  background:linear-gradient(90deg,#22d3ee 0%, #8b5cf6 55%, #a855f7 100%)!important;
}
@media(max-width:1180px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133{margin-bottom:22px!important;}
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-hero-v133{gap:14px!important;}
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-thumb-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-thumb-v133{min-height:190px!important;}
}


/* === v21.2.203 Academy lessons hero wrapper removal final pass ===
   The selected-course summary at the top of the lessons view must not look like
   a large boxed form. Match the higher-specificity purple rules and force the
   hero strip to render directly on the page background with only its internal
   thumbnail/progress elements styled. */
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173{
  display:grid!important;
  grid-template-columns:minmax(240px,270px) minmax(0,1fr)!important;
  gap:clamp(18px,2.4vw,28px)!important;
  align-items:center!important;
  width:min(100%,1040px)!important;
  margin:0 0 22px 0!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::before,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::after,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133::after,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::after,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::before,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133::after,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133::after,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173::after{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133,
#ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-v174 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v133 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v133,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-stage-v173 .ysgp-academy-lessons-hero-v173{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}


/* === v21.2.205 Overview production CSS lock ===
   Fixes v204 production issue where Tailwind arbitrary classes did not fully
   render, causing white outlines and a flat unfinished Overview page. This is
   scoped only to Overview and uses explicit CSS so the final WordPress UI shows
   the approved purple/cyan design reliably. */
#ysgp-portal-root .ysgp-overview-v205{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#ysgp-portal-root .ysgp-overview-v205::before{
  content:none!important;
  display:none!important;
}
#ysgp-portal-root .ysgp-overview-v205::after{
  content:none!important;
  display:none!important;
}
/* top header and CTA */
#ysgp-portal-root .ysgp-overview-v205 > div:first-child{
  padding:4px 0 2px!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child h1{
  color:#fff!important;
  text-shadow:0 16px 52px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child p{
  color:#aeb8cc!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child > div:first-child > div:first-child{
  border:1px solid rgba(168,85,247,.34)!important;
  background:linear-gradient(135deg, rgba(91,33,182,.26), rgba(34,211,238,.10))!important;
  color:#efe7ff!important;
  box-shadow:0 0 22px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child > button{
  min-width:230px!important;
  justify-content:center!important;
  border:1px solid rgba(168,85,247,.28)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#7c3aed 0%,#a855f7 48%,#22d3ee 100%)!important;
  color:#ffffff!important;
  box-shadow:0 18px 44px rgba(168,85,247,.22),0 0 22px rgba(34,211,238,.16)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child > button:hover{
  transform:translateY(-1px) scale(1.015)!important;
  box-shadow:0 24px 54px rgba(168,85,247,.28),0 0 28px rgba(34,211,238,.18)!important;
}
/* stat cards */
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div{
  border:1px solid rgba(168,85,247,.18)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34,211,238,.09), transparent 32%),
    radial-gradient(circle at 0% 0%, rgba(168,85,247,.14), transparent 36%),
    linear-gradient(145deg, rgba(19,12,36,.94), rgba(8,10,22,.98))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(168,85,247,.34)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.38),0 0 26px rgba(168,85,247,.13), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div h4{
  color:#fff!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div h4 + div{
  color:#c1b5d8!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div .rounded-xl{
  border-color:rgba(168,85,247,.22)!important;
  background:rgba(91,33,182,.13)!important;
  color:#ddd6fe!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div:nth-child(1) .rounded-xl,
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div:nth-child(3) .rounded-xl{
  border-color:rgba(34,211,238,.24)!important;
  color:#a5f3fc!important;
  background:rgba(34,211,238,.10)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div:nth-child(2) .rounded-xl{
  border-color:rgba(16,185,129,.24)!important;
  color:#86efac!important;
  background:rgba(16,185,129,.10)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div [class*="rounded-full"],
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2) > div [class*="inline-flex"]{
  border-color:rgba(168,85,247,.22)!important;
  background:rgba(91,33,182,.13)!important;
  color:#e9d5ff!important;
}
/* chart + live panels */
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div{
  border:1px solid rgba(168,85,247,.20)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 12%, rgba(168,85,247,.14), transparent 28%),
    radial-gradient(circle at 10% 100%, rgba(34,211,238,.09), transparent 32%),
    linear-gradient(150deg, rgba(19,11,35,.95), rgba(8,10,22,.98) 58%, rgba(8,24,42,.92))!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child{
  min-height:420px!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child{
  background:
    radial-gradient(circle at 100% 0%, rgba(168,85,247,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(34,211,238,.10), transparent 34%),
    linear-gradient(180deg, rgba(24,13,41,.96), rgba(7,10,22,.99))!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) h3{
  color:#fff!important;
  text-shadow:0 12px 34px rgba(168,85,247,.16)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) select{
  border:1px solid rgba(168,85,247,.24)!important;
  background:#141023!important;
  color:#e9d5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child > div:nth-child(4),
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child > div:nth-child(3){
  border-bottom-color:rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child .h-px{
  background:rgba(255,255,255,.055)!important;
}
/* chart bars: target the inner bar divs with inline height */
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child [style*="height"]{
  border:1px solid rgba(168,85,247,.18)!important;
  border-bottom:none!important;
  border-radius:14px 14px 4px 4px!important;
  background:linear-gradient(to top,#37136b 0%,#7c3aed 58%,#c084fc 100%)!important;
  box-shadow:0 0 18px rgba(168,85,247,.20)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child [style*="100%"]{
  background:linear-gradient(to top,#0891b2 0%,#22d3ee 58%,#a5f3fc 100%)!important;
  box-shadow:0 0 22px rgba(34,211,238,.36)!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child [class*="bottom-6"]{
  color:#8ea0b8!important;
}
/* live feed cards */
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child .flex-1 > div{
  border:1px solid rgba(168,85,247,.15)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg, rgba(10,12,26,.92), rgba(35,17,56,.62))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .22s ease, background .22s ease, transform .22s ease!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child .flex-1 > div:hover{
  transform:translateX(2px)!important;
  border-color:rgba(168,85,247,.30)!important;
  background:linear-gradient(135deg, rgba(15,16,32,.98), rgba(47,22,74,.78))!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child h4{
  color:#f8fafc!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child p{
  color:#94a3b8!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:last-child span{
  color:#7f8ca3!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-overview-v205 > div:first-child > button{width:100%!important;}
  #ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div{border-radius:26px!important;}
  #ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3) > div:first-child{min-height:360px!important;}
}

/* === v21.2.206 Overview direct-on-site background refinement ===
   Removes the page-level framed/glow wrapper so Overview sits directly on the
   original portal background, while preserving the new purple cards/panels. */
#ysgp-portal-root .ysgp-overview-v205,
#ysgp-portal-root .ysgp-overview-v205 > .grid,
#ysgp-portal-root .ysgp-overview-v205 > .flex{
  background:transparent!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:first-child{
  margin-bottom:.15rem!important;
}
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(2),
#ysgp-portal-root .ysgp-overview-v205 > div:nth-child(3){
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}


/* === v21.2.207 V8 Signals premium purple restoration === */
#ysgp-portal-root .ysgp-v8-theme-v207{
  position:relative;
}
#ysgp-portal-root .ysgp-v8-head-v207{
  gap:1rem;
  align-items:flex-end;
}
#ysgp-portal-root .ysgp-v8-head-v207 h1{
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}
#ysgp-portal-root .ysgp-v8-head-v207 h1 svg{
  color:#22d3ee!important;
  filter:drop-shadow(0 0 12px rgba(34,211,238,.28));
}
#ysgp-portal-root .ysgp-v8-feed-v207{
  background:linear-gradient(135deg, rgba(26,14,50,.94), rgba(7,15,33,.92))!important;
  border:1px solid rgba(34,211,238,.20)!important;
  color:#67e8f9!important;
  box-shadow:0 14px 34px rgba(17,24,39,.28), 0 0 0 1px rgba(168,85,247,.06);
}
#ysgp-portal-root .ysgp-v8-feed-v207 .bg-emerald-400{
  background:#22d3ee!important;
  box-shadow:0 0 10px rgba(34,211,238,.65);
}
#ysgp-portal-root .ysgp-v8-card-v207{
  background:
    radial-gradient(circle at 84% 18%, rgba(34,211,238,.13), transparent 17%),
    radial-gradient(circle at 16% 14%, rgba(168,85,247,.12), transparent 22%),
    linear-gradient(135deg, rgba(27,14,49,.96) 0%, rgba(10,12,29,.98) 52%, rgba(8,26,43,.97) 100%)!important;
  border:1px solid rgba(160,110,255,.18)!important;
  box-shadow:0 22px 52px rgba(11,9,25,.34), inset 0 1px 0 rgba(255,255,255,.03)!important;
  border-radius:30px!important;
}
#ysgp-portal-root .ysgp-v8-card-v207:hover{
  border-color:rgba(34,211,238,.28)!important;
  transform:translateY(-1px);
}
#ysgp-portal-root .ysgp-v8-card-v207 .bg-emerald-500,
#ysgp-portal-root .ysgp-v8-card-v207 .bg-rose-500{
  opacity:.12!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 h3{
  letter-spacing:-.03em;
}
#ysgp-portal-root .ysgp-v8-levels-v207{
  background:rgba(4,8,21,.72)!important;
  border:1px solid rgba(124,58,237,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(2,6,23,.18)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 > div{
  min-height:88px;
  padding:14px 14px 12px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
#ysgp-portal-root .ysgp-v8-levels-v207 > div .text-slate-500{
  color:rgba(196,181,253,.58)!important;
}
#ysgp-portal-root .ysgp-v8-status-v207{
  min-width:142px;
  gap:.55rem;
}
#ysgp-portal-root .ysgp-v8-status-v207 > .text-slate-500{
  color:rgba(196,181,253,.65)!important;
}
#ysgp-portal-root .ysgp-v8-status-v207 button{
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(34,211,238,.12))!important;
  border:1px solid rgba(168,85,247,.24)!important;
  color:#67e8f9!important;
  box-shadow:0 10px 28px rgba(34,211,238,.08);
}
#ysgp-portal-root .ysgp-v8-status-v207 button:hover{
  background:linear-gradient(135deg, rgba(139,92,246,.26), rgba(34,211,238,.18))!important;
}
#ysgp-portal-root .ysgp-v8-footer-v207{
  border-top:1px solid rgba(255,255,255,.08)!important;
}
#ysgp-portal-root .ysgp-v8-notes-v207{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015))!important;
  border:1px solid rgba(168,85,247,.18)!important;
  color:#cbd5e1!important;
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v207{
  background:linear-gradient(90deg, rgba(147,51,234,.18), rgba(34,211,238,.12))!important;
  border:1px solid rgba(168,85,247,.24)!important;
  color:#d8b4fe!important;
  box-shadow:0 12px 32px rgba(76,29,149,.16);
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v207:hover{
  color:#ffffff!important;
  border-color:rgba(34,211,238,.28)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-loading-v207{
  background:rgba(10,14,28,.9)!important;
  border:1px solid rgba(168,85,247,.20)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-v8-analysis-panel-v207{
  background:linear-gradient(180deg, rgba(12,8,28,.96), rgba(8,12,26,.96))!important;
  border:1px solid rgba(139,92,246,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 18px 40px rgba(15,23,42,.20)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-panel-v207 .absolute{
  background:linear-gradient(to bottom, #c084fc, #22d3ee)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-panel-v207 p{
  color:#d6d3f1!important;
}
@media (max-width: 767px){
  #ysgp-portal-root .ysgp-v8-card-v207{
    padding:1.05rem!important;
    border-radius:24px!important;
  }
  #ysgp-portal-root .ysgp-v8-levels-v207{
    width:100%;
  }
  #ysgp-portal-root .ysgp-v8-status-v207{
    min-width:100%;
    align-items:flex-start!important;
  }
}

/* === v21.2.208 YS V8 Signals visible purple cockpit redesign ===
   Stronger production lock because v207 was too subtle on the live site. */
#ysgp-portal-root .ysgp-v8-theme-v207{
  max-width:1180px!important;
  padding:12px 0 80px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-v8-theme-v207::before{
  content:"";
  position:absolute;
  inset:20px 0 auto 0;
  height:360px;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 18%, rgba(168,85,247,.18), transparent 28%),
    radial-gradient(circle at 76% 12%, rgba(34,211,238,.12), transparent 26%);
  filter:blur(10px);
  opacity:.7;
  z-index:-1;
}
#ysgp-portal-root .ysgp-v8-head-v207{
  margin-bottom:26px!important;
  align-items:flex-start!important;
  gap:18px!important;
}
#ysgp-portal-root .ysgp-v8-head-v207 > div:first-child{
  padding:0!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-v8-head-v207 h1{
  font-size:clamp(2.1rem,4vw,3.35rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-shadow:0 18px 55px rgba(168,85,247,.22)!important;
}
#ysgp-portal-root .ysgp-v8-head-v207 h1 svg{
  width:34px!important;
  height:34px!important;
  color:#22d3ee!important;
  filter:drop-shadow(0 0 14px rgba(34,211,238,.55)) drop-shadow(0 0 22px rgba(168,85,247,.22))!important;
}
#ysgp-portal-root .ysgp-v8-head-v207 p{
  color:#b8abc9!important;
  font-size:13px!important;
  margin-top:12px!important;
}
#ysgp-portal-root .ysgp-v8-feed-v207{
  min-width:210px!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  color:#e9d5ff!important;
  background:
    linear-gradient(135deg, rgba(124,58,237,.26), rgba(34,211,238,.13)),
    rgba(10,9,23,.92)!important;
  border:1px solid rgba(168,85,247,.35)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26), 0 0 24px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-v8-feed-v207 div{
  background:#22d3ee!important;
  box-shadow:0 0 12px rgba(34,211,238,.75)!important;
}
#ysgp-portal-root .ysgp-v8-theme-v207 > .space-y-6{
  display:grid!important;
  gap:22px!important;
}
#ysgp-portal-root .ysgp-v8-card-v207{
  position:relative!important;
  padding:28px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(34,211,238,.18), transparent 20%),
    radial-gradient(circle at 10% 10%, rgba(168,85,247,.24), transparent 32%),
    linear-gradient(135deg, rgba(38,18,70,.98) 0%, rgba(15,10,35,.98) 48%, rgba(6,18,35,.96) 100%)!important;
  border:1px solid rgba(168,85,247,.42)!important;
  box-shadow:
    0 26px 72px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 40px rgba(168,85,247,.12)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-v8-card-v207::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(34,211,238,.42), rgba(168,85,247,.48), rgba(34,211,238,.12));
  height:1px;
  opacity:.65;
}
#ysgp-portal-root .ysgp-v8-card-v207::after{
  content:"SIGNAL MATRIX";
  position:absolute;
  top:18px;
  right:24px;
  color:rgba(216,180,254,.18);
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.22em;
  pointer-events:none;
}
#ysgp-portal-root .ysgp-v8-card-v207:hover{
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:
    0 30px 78px rgba(0,0,0,.44),
    0 0 46px rgba(168,85,247,.17)!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 > .absolute:not(.top-0.left-0){
  opacity:.25!important;
  filter:blur(80px)!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 .min-w-\[220px\]{
  min-width:250px!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 .min-w-\[220px\] > div:first-child{
  width:66px!important;
  height:66px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg, rgba(34,211,238,.16), rgba(124,58,237,.20))!important;
  border:1px solid rgba(34,211,238,.30)!important;
  color:#67e8f9!important;
  box-shadow:0 0 26px rgba(34,211,238,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 h3{
  font-size:clamp(1.75rem,3vw,2.55rem)!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-shadow:0 15px 45px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-v8-card-v207 h3 + p{
  color:#a99ac5!important;
  letter-spacing:.18em!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207{
  padding:10px!important;
  gap:10px!important;
  background:rgba(4,6,18,.72)!important;
  border:1px solid rgba(168,85,247,.22)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 48px rgba(0,0,0,.22)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 > div{
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(20,13,39,.92), rgba(5,7,18,.96))!important;
  border:1px solid rgba(168,85,247,.18)!important;
  min-height:84px!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 > div:hover{
  border-color:rgba(34,211,238,.24)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 .text-slate-500{
  color:#a78bfa!important;
  opacity:.82!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 .text-white{
  color:#f8fafc!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 .text-emerald-400{
  color:#2dd4bf!important;
  text-shadow:0 0 18px rgba(45,212,191,.24)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v207 .text-rose-400{
  color:#fb7185!important;
  text-shadow:0 0 16px rgba(251,113,133,.18)!important;
}
#ysgp-portal-root .ysgp-v8-status-v207{
  min-width:136px!important;
  padding:4px 0!important;
}
#ysgp-portal-root .ysgp-v8-status-v207 span:first-child{
  border-radius:12px!important;
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(124,58,237,.20))!important;
  border-color:rgba(34,211,238,.30)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-v8-status-v207 span:nth-child(2){
  color:#c084fc!important;
  font-size:1.15rem!important;
}
#ysgp-portal-root .ysgp-v8-status-v207 button{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  color:#e9d5ff!important;
  background:linear-gradient(145deg, rgba(124,58,237,.24), rgba(34,211,238,.15))!important;
  border:1px solid rgba(168,85,247,.30)!important;
}
#ysgp-portal-root .ysgp-v8-footer-v207{
  margin-top:24px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(168,85,247,.16)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v207{
  min-height:44px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg, rgba(139,92,246,.26), rgba(34,211,238,.14))!important;
  border:1px solid rgba(168,85,247,.32)!important;
  color:#e9d5ff!important;
  box-shadow:0 12px 32px rgba(168,85,247,.12)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v207:hover{
  transform:translateY(-1px);
  color:#fff!important;
  border-color:rgba(34,211,238,.38)!important;
}
#ysgp-portal-root .ysgp-v8-notes-v207,
#ysgp-portal-root .ysgp-v8-analysis-panel-v207{
  background:linear-gradient(180deg, rgba(27,14,49,.92), rgba(8,8,22,.96))!important;
  border:1px solid rgba(168,85,247,.24)!important;
  color:#d8d1ea!important;
}
@media(max-width:900px){
  #ysgp-portal-root .ysgp-v8-head-v207{align-items:flex-start!important;}
  #ysgp-portal-root .ysgp-v8-card-v207{padding:22px!important;}
  #ysgp-portal-root .ysgp-v8-card-v207 .min-w-\[220px\]{min-width:0!important;width:100%!important;}
  #ysgp-portal-root .ysgp-v8-status-v207{min-width:0!important;width:100%;align-items:flex-start!important;}
}


/* === v21.2.209 YS V8 Signals JSX-locked cockpit redesign ===
   Stronger production lock because v207 was too subtle on the live site. */
#ysgp-portal-root .ysgp-v8-cockpit-v209{
  max-width:1180px!important;
  padding:12px 0 80px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209::before{
  content:"";
  position:absolute;
  inset:20px 0 auto 0;
  height:360px;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 18%, rgba(168,85,247,.18), transparent 28%),
    radial-gradient(circle at 76% 12%, rgba(34,211,238,.12), transparent 26%);
  filter:blur(10px);
  opacity:.7;
  z-index:-1;
}
#ysgp-portal-root .ysgp-v8-head-v209{
  margin-bottom:26px!important;
  align-items:flex-start!important;
  gap:18px!important;
}
#ysgp-portal-root .ysgp-v8-head-v209 > div:first-child{
  padding:0!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-v8-head-v209 h1{
  font-size:clamp(2.1rem,4vw,3.35rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-shadow:0 18px 55px rgba(168,85,247,.22)!important;
}
#ysgp-portal-root .ysgp-v8-head-v209 h1 svg{
  width:34px!important;
  height:34px!important;
  color:#22d3ee!important;
  filter:drop-shadow(0 0 14px rgba(34,211,238,.55)) drop-shadow(0 0 22px rgba(168,85,247,.22))!important;
}
#ysgp-portal-root .ysgp-v8-head-v209 p{
  color:#b8abc9!important;
  font-size:13px!important;
  margin-top:12px!important;
}
#ysgp-portal-root .ysgp-v8-feed-v209{
  min-width:210px!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  color:#e9d5ff!important;
  background:
    linear-gradient(135deg, rgba(124,58,237,.26), rgba(34,211,238,.13)),
    rgba(10,9,23,.92)!important;
  border:1px solid rgba(168,85,247,.35)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26), 0 0 24px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-v8-feed-v209 div{
  background:#22d3ee!important;
  box-shadow:0 0 12px rgba(34,211,238,.75)!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209 > .space-y-6{
  display:grid!important;
  gap:22px!important;
}
#ysgp-portal-root .ysgp-v8-card-v209{
  position:relative!important;
  padding:28px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(34,211,238,.18), transparent 20%),
    radial-gradient(circle at 10% 10%, rgba(168,85,247,.24), transparent 32%),
    linear-gradient(135deg, rgba(38,18,70,.98) 0%, rgba(15,10,35,.98) 48%, rgba(6,18,35,.96) 100%)!important;
  border:1px solid rgba(168,85,247,.42)!important;
  box-shadow:
    0 26px 72px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 40px rgba(168,85,247,.12)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-v8-card-v209::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(34,211,238,.42), rgba(168,85,247,.48), rgba(34,211,238,.12));
  height:1px;
  opacity:.65;
}
#ysgp-portal-root .ysgp-v8-card-v209::after{
  content:"SIGNAL MATRIX";
  position:absolute;
  top:18px;
  right:24px;
  color:rgba(216,180,254,.18);
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.22em;
  pointer-events:none;
}
#ysgp-portal-root .ysgp-v8-card-v209:hover{
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:
    0 30px 78px rgba(0,0,0,.44),
    0 0 46px rgba(168,85,247,.17)!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 > .absolute:not(.top-0.left-0){
  opacity:.25!important;
  filter:blur(80px)!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 .min-w-\[220px\]{
  min-width:250px!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 .min-w-\[220px\] > div:first-child{
  width:66px!important;
  height:66px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg, rgba(34,211,238,.16), rgba(124,58,237,.20))!important;
  border:1px solid rgba(34,211,238,.30)!important;
  color:#67e8f9!important;
  box-shadow:0 0 26px rgba(34,211,238,.16), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 h3{
  font-size:clamp(1.75rem,3vw,2.55rem)!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-shadow:0 15px 45px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 h3 + p{
  color:#a99ac5!important;
  letter-spacing:.18em!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209{
  padding:10px!important;
  gap:10px!important;
  background:rgba(4,6,18,.72)!important;
  border:1px solid rgba(168,85,247,.22)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 48px rgba(0,0,0,.22)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 > div{
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(20,13,39,.92), rgba(5,7,18,.96))!important;
  border:1px solid rgba(168,85,247,.18)!important;
  min-height:84px!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 > div:hover{
  border-color:rgba(34,211,238,.24)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 .text-slate-500{
  color:#a78bfa!important;
  opacity:.82!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 .text-white{
  color:#f8fafc!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 .text-emerald-400{
  color:#2dd4bf!important;
  text-shadow:0 0 18px rgba(45,212,191,.24)!important;
}
#ysgp-portal-root .ysgp-v8-levels-v209 .text-rose-400{
  color:#fb7185!important;
  text-shadow:0 0 16px rgba(251,113,133,.18)!important;
}
#ysgp-portal-root .ysgp-v8-status-v209{
  min-width:136px!important;
  padding:4px 0!important;
}
#ysgp-portal-root .ysgp-v8-status-v209 span:first-child{
  border-radius:12px!important;
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(124,58,237,.20))!important;
  border-color:rgba(34,211,238,.30)!important;
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-v8-status-v209 span:nth-child(2){
  color:#c084fc!important;
  font-size:1.15rem!important;
}
#ysgp-portal-root .ysgp-v8-status-v209 button{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  color:#e9d5ff!important;
  background:linear-gradient(145deg, rgba(124,58,237,.24), rgba(34,211,238,.15))!important;
  border:1px solid rgba(168,85,247,.30)!important;
}
#ysgp-portal-root .ysgp-v8-footer-v209{
  margin-top:24px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(168,85,247,.16)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v209{
  min-height:44px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg, rgba(139,92,246,.26), rgba(34,211,238,.14))!important;
  border:1px solid rgba(168,85,247,.32)!important;
  color:#e9d5ff!important;
  box-shadow:0 12px 32px rgba(168,85,247,.12)!important;
}
#ysgp-portal-root .ysgp-v8-analysis-btn-v209:hover{
  transform:translateY(-1px);
  color:#fff!important;
  border-color:rgba(34,211,238,.38)!important;
}
#ysgp-portal-root .ysgp-v8-notes-v209,
#ysgp-portal-root .ysgp-v8-analysis-panel-v209{
  background:linear-gradient(180deg, rgba(27,14,49,.92), rgba(8,8,22,.96))!important;
  border:1px solid rgba(168,85,247,.24)!important;
  color:#d8d1ea!important;
}
@media(max-width:900px){
  #ysgp-portal-root .ysgp-v8-head-v209{align-items:flex-start!important;}
  #ysgp-portal-root .ysgp-v8-card-v209{padding:22px!important;}
  #ysgp-portal-root .ysgp-v8-card-v209 .min-w-\[220px\]{min-width:0!important;width:100%!important;}
  #ysgp-portal-root .ysgp-v8-status-v209{min-width:0!important;width:100%;align-items:flex-start!important;}
}


/* v209 final visible lock: force V8 page to visually differ from the old card. */
#ysgp-portal-root .ysgp-v8-cockpit-v209{
  max-width:1120px!important;
  padding-top:8px!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209 .ysgp-v8-card-v209{
  background:
    radial-gradient(circle at 86% 18%, rgba(34,211,238,.26), transparent 22%),
    radial-gradient(circle at 8% 5%, rgba(168,85,247,.36), transparent 34%),
    linear-gradient(135deg, rgba(46,20,84,.99), rgba(17,9,42,.99) 48%, rgba(5,23,43,.98))!important;
  border:1px solid rgba(168,85,247,.55)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48), 0 0 54px rgba(168,85,247,.20)!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209 .ysgp-v8-levels-v209{
  background:linear-gradient(135deg, rgba(11,8,27,.90), rgba(24,13,47,.80))!important;
  border-color:rgba(192,132,252,.28)!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209 .ysgp-v8-feed-v209{
  background:linear-gradient(90deg, rgba(168,85,247,.34), rgba(34,211,238,.18))!important;
  border-color:rgba(192,132,252,.38)!important;
}
#ysgp-portal-root .ysgp-v8-cockpit-v209 .ysgp-v8-analysis-btn-v209{
  background:linear-gradient(90deg, rgba(168,85,247,.34), rgba(34,211,238,.22))!important;
}


/* === v21.2.210 YS V4 Channels / YS Nexus purple-cyan theme === */
#ysgp-portal-root .ysgp-v4-nexus-v210{
  position:relative;
  isolation:isolate;
}
#ysgp-portal-root .ysgp-v4-nexus-v210::before{
  content:"";
  position:absolute;
  inset:40px auto auto 8%;
  width:44%;
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(139,92,246,.12), transparent 68%);
  filter:blur(70px);
  pointer-events:none;
  z-index:-1;
}
#ysgp-portal-root .ysgp-v4-hero-v210{
  border:1px solid rgba(168,85,247,.18)!important;
  background:
    radial-gradient(circle at 16% 12%, rgba(168,85,247,.17), transparent 29%),
    radial-gradient(circle at 78% 28%, rgba(34,211,238,.14), transparent 25%),
    linear-gradient(135deg, rgba(22,10,39,.88), rgba(8,15,31,.96) 56%, rgba(6,28,45,.88))!important;
  box-shadow:0 26px 80px rgba(0,0,0,.34), 0 0 0 1px rgba(168,85,247,.04), inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
#ysgp-portal-root .ysgp-v4-hero-v210::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.35), transparent);
  pointer-events:none;
}
#ysgp-portal-root .ysgp-v4-eyebrow-v210{
  border:1px solid rgba(168,85,247,.26)!important;
  border-left:2px solid #22d3ee!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(34,211,238,.10))!important;
  color:#c4b5fd!important;
  box-shadow:0 0 22px rgba(168,85,247,.10)!important;
}
#ysgp-portal-root .ysgp-v4-title-v210{
  font-family:inherit!important;
  text-transform:none!important;
  letter-spacing:-.055em!important;
}
#ysgp-portal-root .ysgp-v4-title-gradient-v210{
  background-image:linear-gradient(90deg,#a855f7 0%, #7c3aed 38%, #22d3ee 100%)!important;
  filter:drop-shadow(0 0 18px rgba(168,85,247,.16));
}
#ysgp-portal-root .ysgp-v4-copy-v210{
  color:#b9abd5!important;
  border-left:1px solid rgba(168,85,247,.22)!important;
}
#ysgp-portal-root .ysgp-v4-primary-btn-v210,
#ysgp-portal-root .ysgp-v4-secondary-btn-v210{
  border-radius:16px!important;
  min-height:48px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-v4-primary-btn-v210{
  color:#fff!important;
  border-color:rgba(168,85,247,.28)!important;
  background:linear-gradient(90deg, rgba(147,51,234,.30), rgba(34,211,238,.20))!important;
  box-shadow:0 16px 42px rgba(124,58,237,.18)!important;
}
#ysgp-portal-root .ysgp-v4-primary-btn-v210:hover{
  background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-v4-secondary-btn-v210{
  color:#d8b4fe!important;
  border-color:rgba(168,85,247,.18)!important;
  background:rgba(16,12,28,.72)!important;
}
#ysgp-portal-root .ysgp-v4-secondary-btn-v210:hover{
  border-color:rgba(34,211,238,.24)!important;
  background:rgba(38,18,61,.74)!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-v4-metric-v210{
  border-color:rgba(168,85,247,.15)!important;
  background:linear-gradient(160deg, rgba(23,10,39,.96), rgba(5,9,20,.95))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-v4-metric-v210 span:first-child{
  color:#fff!important;
  text-shadow:0 0 18px rgba(168,85,247,.16);
}
#ysgp-portal-root .ysgp-v4-metric-accuracy span:first-child{
  color:#22d3ee!important;
}
#ysgp-portal-root .ysgp-v4-metric-v210 span:last-child{
  color:#8da0bf!important;
}
#ysgp-portal-root .ysgp-v4-filter-row-v210{
  padding-top:2px;
}
#ysgp-portal-root .ysgp-v4-filter-chip-v210{
  border-color:rgba(168,85,247,.16)!important;
  background:rgba(18,13,31,.72)!important;
  color:#cbd5e1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#ysgp-portal-root .ysgp-v4-filter-chip-v210:hover{
  border-color:rgba(34,211,238,.26)!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-v4-filter-chip-v210.is-active{
  background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(124,58,237,.22),0 0 20px rgba(34,211,238,.12)!important;
}
#ysgp-portal-root .ysgp-v4-section-title-v210 h3{
  color:#f5f3ff!important;
  font-family:inherit!important;
  letter-spacing:.08em!important;
}
#ysgp-portal-root .ysgp-v4-section-title-v210 > div:first-child{
  background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important;
}
#ysgp-portal-root .ysgp-v4-section-title-v210 > div:last-child{
  background:linear-gradient(90deg,rgba(168,85,247,.35),transparent)!important;
}
#ysgp-portal-root .ysgp-v4-channel-card-v210{
  border-color:rgba(168,85,247,.16)!important;
  background:#050714!important;
  box-shadow:0 24px 60px rgba(0,0,0,.33),0 0 0 1px rgba(168,85,247,.035)!important;
}
#ysgp-portal-root .ysgp-v4-channel-card-v210:hover{
  border-color:rgba(168,85,247,.40)!important;
  box-shadow:0 30px 74px rgba(0,0,0,.42),0 0 34px rgba(168,85,247,.16)!important;
  transform:translateY(-2px);
}
#ysgp-portal-root .ysgp-v4-card-shade-v210{
  background:
    radial-gradient(circle at 22% 20%, rgba(168,85,247,.18), transparent 32%),
    linear-gradient(to top, rgba(7,5,18,.98), rgba(12,6,24,.46), rgba(2,6,23,.10))!important;
}
#ysgp-portal-root .ysgp-v4-card-body-v210 .text-cyan-300{
  color:#67e8f9!important;
}
#ysgp-portal-root .ysgp-v4-card-body-v210 h4{
  color:#fff!important;
  letter-spacing:-.03em;
  text-shadow:0 0 18px rgba(0,0,0,.35);
}
#ysgp-portal-root .ysgp-v4-online-v210{
  border-color:rgba(34,211,238,.34)!important;
  background:rgba(6,182,212,.13)!important;
  color:#a5f3fc!important;
  box-shadow:0 0 18px rgba(34,211,238,.10)!important;
}
@media(max-width:767px){
  #ysgp-portal-root .ysgp-v4-hero-v210{padding:24px!important;border-radius:26px!important;}
  #ysgp-portal-root .ysgp-v4-title-v210{font-size:2.45rem!important;}
  #ysgp-portal-root .ysgp-v4-primary-btn-v210,#ysgp-portal-root .ysgp-v4-secondary-btn-v210{width:100%;justify-content:center;}
}


/* === v21.2.220 V8 signal setup/timeframe meta badge polish === */
#ysgp-portal-root .ysgp-v8-card-v209 .ysgp-v8-meta-badge-v219{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  width:auto!important;
  max-width:max-content!important;
  margin-top:7px!important;
  padding:6px 11px 5px!important;
  border-radius:999px!important;
  border:1px solid rgba(192,132,252,.24)!important;
  background:linear-gradient(90deg, rgba(15,23,42,.55), rgba(88,28,135,.24), rgba(8,47,73,.20))!important;
  color:#c4b5fd!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-shadow:0 0 14px rgba(192,132,252,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 22px rgba(88,28,135,.16)!important;
  white-space:nowrap!important;
}
#ysgp-portal-root .ysgp-v8-card-v209 .ysgp-v8-meta-badge-v219::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 10px rgba(34,211,238,.75);
  flex:0 0 auto;
}
#ysgp-portal-root .ysgp-v8-card-v209:hover .ysgp-v8-meta-badge-v219{
  border-color:rgba(34,211,238,.30)!important;
  color:#e9d5ff!important;
  background:linear-gradient(90deg, rgba(88,28,135,.34), rgba(14,116,144,.18))!important;
}
@media (max-width: 767px){
  #ysgp-portal-root .ysgp-v8-card-v209 .ysgp-v8-meta-badge-v219{
    font-size:9px!important;
    padding:5px 9px!important;
    letter-spacing:.13em!important;
  }
}

/* v222 V8 empty-state lock: frontend must mirror empty admin queue */
.ysgp-v8-empty-feed-v222{
  background: radial-gradient(circle at 18% 15%, rgba(139,92,246,.18), transparent 42%), radial-gradient(circle at 82% 10%, rgba(34,211,238,.12), transparent 38%), rgba(8,10,18,.72) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}


/* v227 V8 result-tracking polish: clearer meta, status and matrix labels. */
#ysgp-portal-root .ysgp-v8-cockpit-v209 .ysgp-v8-card-v209::after{
  top:16px!important;
  right:26px!important;
  color:rgba(216,180,254,.28)!important;
  letter-spacing:.24em!important;
  font-size:9px!important;
  text-shadow:0 0 18px rgba(168,85,247,.18)!important;
}
#ysgp-portal-root .ysgp-v8-meta-badge-v219{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(34,211,238,.13), rgba(168,85,247,.22))!important;
  border:1px solid rgba(168,85,247,.34)!important;
  color:#ddd6fe!important;
  box-shadow:0 0 22px rgba(168,85,247,.10), inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.20em!important;
}
#ysgp-portal-root .ysgp-v8-meta-badge-v219::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 12px rgba(34,211,238,.75);
  flex:0 0 auto;
}
#ysgp-portal-root .ysgp-v8-status-v209 span:first-child{
  min-width:76px!important;
  text-align:center!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  box-shadow:0 0 18px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#ysgp-portal-root .ysgp-v8-status-v209 span:nth-child(2){
  display:block!important;
  max-width:132px!important;
  text-align:right!important;
  line-height:1.05!important;
  word-break:normal!important;
  white-space:normal!important;
}
#ysgp-portal-root .ysgp-v8-status-v209 span:last-of-type{
  color:#b6a7d4!important;
  letter-spacing:.22em!important;
  opacity:.9!important;
}
#ysgp-portal-root .ysgp-v8-notes-v209{
  font-size:11px!important;
  line-height:1.55!important;
  color:#e9d5ff!important;
  background:linear-gradient(90deg, rgba(18,8,34,.96), rgba(8,9,24,.96))!important;
  border-color:rgba(192,132,252,.26)!important;
}
@media(max-width:900px){
  #ysgp-portal-root .ysgp-v8-status-v209 span:nth-child(2){text-align:left!important;max-width:100%!important;}
}

/* === v21.2.233 SAFE Strategies premium redesign recovery (CSS only, no React changes) === */
#ysgp-portal-root .ysgp-strategies-library-page{
  width:min(1180px,calc(100vw - 64px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:38px 0 72px!important;
  color:#f8fbff!important;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  margin:0 0 26px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
}
#ysgp-portal-root .ysgp-strategies-library-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 14px!important;
  margin:0 0 14px!important;
  border:1px solid rgba(168,85,247,.34)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(88,28,135,.50),rgba(10,22,52,.72))!important;
  color:#8ff4ff!important;
  box-shadow:0 0 26px rgba(168,85,247,.18)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-strategies-library-header h1{
  margin:0!important;
  font-size:clamp(52px,5vw,82px)!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
  color:#fff!important;
  text-shadow:0 18px 55px rgba(139,92,246,.22),0 0 32px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  margin:16px 0 0!important;
  max-width:760px!important;
  color:#aab6c9!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.7!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0 0 24px!important;
  padding:22px 24px!important;
  border:1px solid rgba(127,92,218,.30)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(34,211,238,.18),transparent 30%),
    radial-gradient(circle at 12% 18%,rgba(168,85,247,.17),transparent 26%),
    linear-gradient(135deg,rgba(17,12,33,.92),rgba(10,17,36,.96) 55%,rgba(6,30,60,.90))!important;
  box-shadow:0 25px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro:before,
#ysgp-portal-root .ysgp-strategies-library-empty:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px, transparent 1px)!important;
  background-size:34px 34px!important;
  opacity:.18!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro > *,
#ysgp-portal-root .ysgp-strategies-library-empty > *{position:relative!important;z-index:1!important;}
#ysgp-portal-root .ysgp-strategies-library-intro-icon,
#ysgp-portal-root .ysgp-strategies-library-icon,
#ysgp-portal-root .ysgp-strategy-library-icon{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#69f1ff!important;
  background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(139,92,246,.24))!important;
  border:1px solid rgba(103,232,249,.24)!important;
  box-shadow:0 0 30px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
  flex:0 0 auto!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{
  margin:0!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro p,
#ysgp-portal-root .ysgp-strategies-library-empty p{
  margin:8px 0 0!important;
  color:rgba(213,224,242,.76)!important;
  font-weight:650!important;
  line-height:1.65!important;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin:0 0 24px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:450px!important;
  padding:0!important;
  border:1px solid rgba(117,88,209,.30)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(168,85,247,.15),transparent 34%),
    radial-gradient(circle at 88% 5%,rgba(34,211,238,.14),transparent 28%),
    linear-gradient(180deg,rgba(22,17,42,.96),rgba(8,13,29,.98) 54%,rgba(6,18,39,.96))!important;
  box-shadow:0 25px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(34,211,238,.42)!important;
  box-shadow:0 34px 96px rgba(0,0,0,.45),0 0 32px rgba(124,58,237,.14),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-glow{display:none!important;}
#ysgp-portal-root .ysgp-strategy-library-media{
  position:relative!important;
  height:214px!important;
  flex:0 0 214px!important;
  overflow:hidden!important;
  border-radius:30px 30px 0 0!important;
  border-bottom:1px solid rgba(75,221,255,.16)!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(168,85,247,.26),transparent 34%),
    radial-gradient(circle at 78% 18%,rgba(59,130,246,.22),transparent 34%),
    linear-gradient(135deg,rgba(42,16,76,.98),rgba(14,24,62,.98))!important;
}
#ysgp-portal-root .ysgp-strategy-library-thumb{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.12) contrast(1.04)!important;
}
#ysgp-portal-root .ysgp-strategy-library-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.10) 55%,rgba(2,6,23,.18))!important;
  pointer-events:none!important;
}
#ysgp-portal-root .ysgp-strategy-library-media-fallback{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#ysgp-portal-root .ysgp-strategy-library-media-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#6ff2ff!important;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(168,85,247,.18))!important;
  border:1px solid rgba(103,232,249,.24)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:22px 22px 24px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 18px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  margin:0 0 10px!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  margin:0!important;
  color:rgba(212,223,240,.76)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.62!important;
}
#ysgp-portal-root .ysgp-strategy-library-badge,
#ysgp-portal-root .ysgp-strategy-library-tags span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:6px 10px!important;
  border:1px solid rgba(103,232,249,.22)!important;
  border-radius:999px!important;
  background:rgba(15,55,92,.38)!important;
  color:#a5f3fc!important;
  font-size:9px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#ysgp-portal-root .ysgp-strategy-library-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:18px 0 0!important;
}
#ysgp-portal-root .ysgp-strategy-library-actions{
  display:flex!important;
  gap:10px!important;
  margin-top:auto!important;
  padding-top:20px!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn{
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2fd6ff 0%,#4f8cff 45%,#8b5cf6 100%)!important;
  box-shadow:0 16px 36px rgba(59,130,246,.28),0 0 24px rgba(139,92,246,.16)!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary,
#ysgp-portal-root .ysgp-strategy-copy-btn{
  border:1px solid rgba(103,232,249,.18)!important;
  color:#8ff4ff!important;
  background:linear-gradient(135deg,rgba(10,35,60,.70),rgba(20,14,42,.70))!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.is-disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:24px!important;
  padding:16px 18px!important;
  border:1px solid rgba(168,85,247,.32)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(63,21,111,.46),rgba(8,19,46,.90))!important;
  color:rgba(220,228,242,.80)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:rgba(3,6,16,.84)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#ysgp-portal-root .ysgp-strategy-modal{
  position:relative!important;
  width:min(1050px,calc(100vw - 56px))!important;
  max-height:86vh!important;
  overflow:auto!important;
  padding:30px!important;
  border-radius:30px!important;
  border:1px solid rgba(127,92,218,.36)!important;
  background:
    radial-gradient(circle at 84% 10%,rgba(34,211,238,.13),transparent 28%),
    radial-gradient(circle at 14% 18%,rgba(168,85,247,.14),transparent 30%),
    linear-gradient(140deg,rgba(15,21,43,.98),rgba(11,15,33,.98) 52%,rgba(18,11,38,.98))!important;
  box-shadow:0 45px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:16px!important;
}
#ysgp-portal-root .ysgp-strategy-modal-head h2{
  margin:6px 0 0!important;
  font-size:clamp(34px,3vw,46px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-strategy-modal-close{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.06)!important;
  color:#cbd5e1!important;
}
#ysgp-portal-root .ysgp-strategy-modal-desc{
  max-width:820px!important;
  margin:0 0 24px!important;
  color:rgba(220,228,242,.82)!important;
  font-size:15px!important;
  line-height:1.75!important;
  font-weight:650!important;
}
#ysgp-portal-root .ysgp-strategy-modal-sections{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:18px!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section{
  padding:22px!important;
  border:1px solid rgba(127,92,218,.30)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(9,16,34,.86),rgba(9,12,27,.96))!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section h3,
#ysgp-portal-root .ysgp-strategy-code-head h3{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:15px!important;
  letter-spacing:-.02em!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section ol{
  margin:0!important;
  padding-left:18px!important;
  color:rgba(220,228,242,.82)!important;
  font-weight:700!important;
  line-height:1.8!important;
}
#ysgp-portal-root .ysgp-strategy-code-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
#ysgp-portal-root .ysgp-strategy-copy-btn{
  min-height:38px!important;
  border-radius:14px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#ysgp-portal-root .ysgp-strategy-code-block,
#ysgp-portal-root .ysgp-strategy-code-empty{
  max-height:390px!important;
  overflow:auto!important;
  margin:0!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(103,232,249,.16)!important;
  background:rgba(2,6,18,.92)!important;
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#ysgp-portal-root .ysgp-strategy-modal-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:20px!important;
}
@media(max-width:1020px){
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-strategy-modal-sections{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-page{width:calc(100vw - 28px)!important;padding-top:24px!important;}
  #ysgp-portal-root .ysgp-strategies-library-header{display:block!important;}
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-strategy-library-media{height:196px!important;flex-basis:196px!important;}
  #ysgp-portal-root .ysgp-strategy-modal-backdrop{padding:12px!important;align-items:flex-end!important;}
  #ysgp-portal-root .ysgp-strategy-modal{width:100%!important;max-height:92vh!important;padding:20px!important;border-radius:24px!important;}
}

/* === v21.2.234 Strategies clean alignment repair (safe CSS only) === */
#ysgp-portal-root .ysgp-strategies-library-page{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto!important;
  padding:58px 32px 76px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  display:block!important;
  margin:0 0 30px!important;
  padding:0!important;
}
#ysgp-portal-root .ysgp-strategies-library-kicker{
  position:static!important;
  transform:none!important;
  display:inline-flex!important;
  margin:0 0 16px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(154,103,255,.36)!important;
  background:linear-gradient(135deg,rgba(104,55,190,.34),rgba(12,42,72,.38))!important;
  color:#76f1ff!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  box-shadow:0 0 22px rgba(139,92,246,.16)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-strategies-library-header h1{
  margin:0!important;
  padding:0!important;
  font-size:clamp(48px,4.4vw,68px)!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  color:#fff!important;
  text-shadow:0 12px 42px rgba(139,92,246,.18)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  margin:12px 0 0!important;
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.6!important;
  color:rgba(200,211,229,.80)!important;
  font-weight:700!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  width:100%!important;
  margin:0 0 28px!important;
  padding:24px 28px!important;
  border-radius:26px!important;
  border:1px solid rgba(99,102,241,.20)!important;
  background:linear-gradient(135deg,rgba(12,17,35,.94),rgba(18,16,40,.92) 48%,rgba(7,32,56,.88))!important;
  box-shadow:0 22px 56px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin:0 0 28px!important;
  padding:0!important;
  background:transparent!important;
}
#ysgp-portal-root .ysgp-strategy-library-card{
  min-height:430px!important;
  border-radius:28px!important;
  border:1px solid rgba(115,89,211,.24)!important;
  background:linear-gradient(180deg,rgba(17,21,42,.98),rgba(9,13,29,.98) 58%,rgba(8,20,38,.96))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(66,220,255,.32)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 26px rgba(139,92,246,.10)!important;
}
#ysgp-portal-root .ysgp-strategy-library-media{
  height:215px!important;
  flex-basis:215px!important;
  background:radial-gradient(circle at 35% 18%,rgba(139,92,246,.22),transparent 34%),linear-gradient(135deg,rgba(23,19,50,.98),rgba(8,34,62,.90))!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  padding:20px 22px 22px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  font-size:20px!important;
  line-height:1.15!important;
  margin:0 0 10px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  font-size:13.5px!important;
  line-height:1.58!important;
}
#ysgp-portal-root .ysgp-strategy-library-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:auto!important;
  padding-top:18px!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn{
  min-height:42px!important;
  border-radius:14px!important;
  padding:0 14px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  margin-top:26px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(32,18,57,.55),rgba(7,19,42,.86))!important;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(3,6,16,.82)!important;
}
#ysgp-portal-root .ysgp-strategy-modal{
  width:min(980px,calc(100vw - 48px))!important;
  max-height:86vh!important;
  overflow:auto!important;
  margin:auto!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(13,18,37,.98),rgba(13,14,32,.98) 48%,rgba(20,12,40,.98))!important;
}
@media(max-width:1100px){
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-page{padding:32px 18px 64px!important;}
  #ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
  #ysgp-portal-root .ysgp-strategies-library-header h1{font-size:clamp(42px,13vw,56px)!important;}
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-strategy-library-media{height:200px!important;flex-basis:200px!important;}
}

/* === v21.2.235 Strategies true purple AI-fintech redesign (safe CSS only) === */
#ysgp-portal-root .ysgp-strategies-library-page{
  position:relative!important;
  isolation:isolate!important;
  width:min(1320px,calc(100vw - 56px))!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:50px 34px 78px!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(168,85,247,.28),transparent 28%),
    radial-gradient(circle at 78% 12%,rgba(34,211,238,.16),transparent 34%),
    radial-gradient(circle at 54% 54%,rgba(124,58,237,.14),transparent 46%),
    linear-gradient(180deg,rgba(14,11,28,.18),rgba(6,8,16,0) 42%)!important;
  border-radius:0!important;
}
#ysgp-portal-root .ysgp-strategies-library-page:before{
  content:""!important;
  position:absolute!important;
  inset:18px 0 auto 0!important;
  height:420px!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(168,85,247,.32),transparent 22%),
    radial-gradient(circle at 70% 22%,rgba(34,211,238,.18),transparent 25%),
    linear-gradient(135deg,rgba(88,28,135,.20),rgba(14,165,233,.07) 70%,transparent)!important;
  filter:blur(10px)!important;
  opacity:.9!important;
}
#ysgp-portal-root .ysgp-strategies-library-page:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-2!important;
  background-image:
    linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 72%)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  position:relative!important;
  max-width:100%!important;
  margin:0 0 32px!important;
  padding:0 0 0 4px!important;
}
#ysgp-portal-root .ysgp-strategies-library-kicker{
  margin:0 0 14px!important;
  background:linear-gradient(135deg,rgba(132,59,255,.48),rgba(48,42,115,.44),rgba(8,92,117,.36))!important;
  border:1px solid rgba(190,150,255,.42)!important;
  color:#bff7ff!important;
  box-shadow:0 0 30px rgba(168,85,247,.28), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-strategies-library-header h1{
  font-size:clamp(54px,5.4vw,84px)!important;
  line-height:.9!important;
  letter-spacing:-.075em!important;
  color:#fff!important;
  text-shadow:
    0 0 22px rgba(168,85,247,.26),
    0 12px 45px rgba(0,0,0,.40)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  margin-top:14px!important;
  color:rgba(226,232,255,.78)!important;
  font-size:15px!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  margin:0 0 30px!important;
  padding:26px 30px!important;
  border-radius:30px!important;
  border:1px solid rgba(168,85,247,.34)!important;
  background:
    radial-gradient(circle at 86% 10%,rgba(34,211,238,.18),transparent 30%),
    radial-gradient(circle at 12% 50%,rgba(168,85,247,.22),transparent 36%),
    linear-gradient(135deg,rgba(37,22,72,.92),rgba(12,18,42,.96) 55%,rgba(8,31,58,.88))!important;
  box-shadow:
    0 26px 80px rgba(2,6,18,.42),
    0 0 45px rgba(124,58,237,.10),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro-icon,
#ysgp-portal-root .ysgp-strategies-library-icon,
#ysgp-portal-root .ysgp-strategy-library-icon{
  background:
    radial-gradient(circle at 35% 25%,rgba(34,211,238,.30),transparent 40%),
    linear-gradient(145deg,rgba(139,92,246,.44),rgba(14,165,233,.18))!important;
  border:1px solid rgba(125,211,252,.34)!important;
  box-shadow:0 0 34px rgba(56,189,248,.16), inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#78f3ff!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{
  color:#fff!important;
  font-size:31px!important;
  text-shadow:0 0 20px rgba(168,85,247,.16)!important;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  width:100%!important;
  gap:26px!important;
  margin:0 0 30px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card{
  position:relative!important;
  min-height:462px!important;
  overflow:hidden!important;
  border-radius:32px!important;
  border:1px solid rgba(168,85,247,.32)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(168,85,247,.24),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(34,211,238,.16),transparent 30%),
    linear-gradient(150deg,rgba(40,24,79,.97),rgba(13,17,42,.98) 50%,rgba(8,30,58,.94))!important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 40px rgba(124,58,237,.10)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 30%,rgba(34,211,238,.05) 100%)!important;
  opacity:.75!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(34,211,238,.46)!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.46),
    0 0 42px rgba(168,85,247,.18),
    0 0 28px rgba(34,211,238,.10)!important;
}
#ysgp-portal-root .ysgp-strategy-library-media{
  height:232px!important;
  flex-basis:232px!important;
  border-bottom:1px solid rgba(168,85,247,.30)!important;
  background:
    radial-gradient(circle at 28% 14%,rgba(168,85,247,.34),transparent 28%),
    radial-gradient(circle at 75% 24%,rgba(34,211,238,.20),transparent 32%),
    linear-gradient(135deg,rgba(66,29,132,.96),rgba(16,21,54,.96) 52%,rgba(6,42,73,.92))!important;
}
#ysgp-portal-root .ysgp-strategy-library-media img{
  transform:scale(1.02)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  position:relative!important;
  z-index:1!important;
  padding:24px 24px 26px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  color:#fff!important;
  font-size:22px!important;
  letter-spacing:-.045em!important;
  text-shadow:0 10px 26px rgba(0,0,0,.35)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  color:rgba(228,235,255,.76)!important;
  font-size:14px!important;
  line-height:1.62!important;
}
#ysgp-portal-root .ysgp-strategy-library-badge,
#ysgp-portal-root .ysgp-strategy-library-tags span{
  border:1px solid rgba(103,232,249,.28)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.20),rgba(139,92,246,.20))!important;
  color:#bff8ff!important;
  box-shadow:0 0 18px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.primary{
  color:#fff!important;
  border:0!important;
  background:linear-gradient(135deg,#24d8ff 0%,#6975ff 48%,#a855f7 100%)!important;
  box-shadow:0 18px 42px rgba(99,102,241,.35),0 0 28px rgba(34,211,238,.14)!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary{
  border:1px solid rgba(103,232,249,.18)!important;
  background:linear-gradient(135deg,rgba(5,18,35,.80),rgba(41,23,70,.58))!important;
  color:rgba(167,243,255,.78)!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  border:1px solid rgba(168,85,247,.32)!important;
  background:
    linear-gradient(135deg,rgba(54,26,96,.70),rgba(9,17,40,.84) 62%,rgba(7,44,68,.46))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.25),0 0 24px rgba(168,85,247,.08)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  background:rgba(3,5,13,.76)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#ysgp-portal-root .ysgp-strategy-modal{
  border:1px solid rgba(168,85,247,.36)!important;
  background:
    radial-gradient(circle at 82% 4%,rgba(34,211,238,.14),transparent 30%),
    radial-gradient(circle at 14% 24%,rgba(168,85,247,.18),transparent 32%),
    linear-gradient(145deg,rgba(27,22,52,.98),rgba(10,14,31,.98) 54%,rgba(8,29,55,.96))!important;
  box-shadow:0 46px 130px rgba(0,0,0,.60),0 0 44px rgba(168,85,247,.16)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section,
#ysgp-portal-root .ysgp-strategy-code-block,
#ysgp-portal-root .ysgp-strategy-code-empty{
  border-color:rgba(168,85,247,.28)!important;
  background:linear-gradient(145deg,rgba(18,14,36,.82),rgba(7,13,29,.94))!important;
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-page{width:100%!important;padding:30px 16px 64px!important;}
  #ysgp-portal-root .ysgp-strategy-library-card{min-height:auto!important;}
}

/* === v21.2.236 Strategies direct-component purple redesign (safe CSS only) ===
   User requested: no large page background/panel. Redesign the actual elements only. */
#ysgp-portal-root .ysgp-strategies-library-page{
  position:relative!important;
  isolation:auto!important;
  width:min(1180px,calc(100vw - 72px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 0 72px!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-strategies-library-page:before,
#ysgp-portal-root .ysgp-strategies-library-page:after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  margin:0 0 28px!important;
  padding:0!important;
  max-width:760px!important;
  text-align:left!important;
}
#ysgp-portal-root .ysgp-strategies-library-kicker{
  display:inline-flex!important;
  width:auto!important;
  padding:8px 15px!important;
  margin:0 0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(173,108,255,.38)!important;
  background:linear-gradient(135deg,rgba(118,63,214,.35),rgba(29,182,255,.14))!important;
  color:#c6f7ff!important;
  box-shadow:0 0 24px rgba(150,82,255,.18)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-strategies-library-header h1{
  font-size:clamp(54px,4.6vw,76px)!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  margin:0!important;
  color:#fff!important;
  text-shadow:0 0 28px rgba(156,91,255,.20),0 14px 40px rgba(0,0,0,.34)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  margin:12px 0 0!important;
  color:rgba(213,223,242,.78)!important;
  font-size:15px!important;
  font-weight:700!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  margin:0 0 24px!important;
  padding:24px 28px!important;
  border-radius:28px!important;
  border:1px solid rgba(127,91,255,.28)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(34,211,238,.16),transparent 30%),
    radial-gradient(circle at 0% 45%,rgba(168,85,247,.18),transparent 36%),
    linear-gradient(135deg,rgba(25,18,48,.90),rgba(11,16,35,.96) 60%,rgba(7,27,52,.92))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{
  font-size:30px!important;
  line-height:1.05!important;
  color:#fff!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro p,
#ysgp-portal-root .ysgp-strategies-library-empty p{
  color:rgba(216,226,244,.72)!important;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  margin:0 0 24px!important;
  width:100%!important;
}
#ysgp-portal-root .ysgp-strategy-library-card{
  min-height:430px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(137,92,255,.30)!important;
  background:
    radial-gradient(circle at 16% 3%,rgba(168,85,247,.18),transparent 34%),
    radial-gradient(circle at 96% 6%,rgba(34,211,238,.13),transparent 30%),
    linear-gradient(160deg,rgba(26,17,51,.96),rgba(9,14,32,.98) 55%,rgba(8,30,58,.92))!important;
  box-shadow:0 24px 72px rgba(0,0,0,.32),0 0 28px rgba(124,58,237,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.66!important;
  background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 26%,rgba(51,209,255,.045) 100%)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(54,218,255,.42)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.44),0 0 34px rgba(168,85,247,.14),0 0 24px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-strategy-library-media{
  height:210px!important;
  flex-basis:210px!important;
  background:
    radial-gradient(circle at 22% 10%,rgba(168,85,247,.24),transparent 33%),
    radial-gradient(circle at 74% 20%,rgba(34,211,238,.16),transparent 34%),
    linear-gradient(145deg,rgba(46,23,88,.96),rgba(11,18,44,.98) 55%,rgba(6,38,68,.94))!important;
  border-bottom:1px solid rgba(137,92,255,.30)!important;
}
#ysgp-portal-root .ysgp-strategy-library-thumb{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-strategy-library-media-fallback{
  background:
    radial-gradient(circle at 50% 36%,rgba(125,211,252,.13),transparent 30%),
    linear-gradient(145deg,rgba(67,31,118,.78),rgba(9,16,40,.95) 58%,rgba(7,37,66,.88))!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  padding:22px 22px 24px!important;
  z-index:1!important;
}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  font-size:21px!important;
  color:#fff!important;
  letter-spacing:-.045em!important;
  margin-bottom:10px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  color:rgba(222,231,248,.76)!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}
#ysgp-portal-root .ysgp-strategy-library-icon,
#ysgp-portal-root .ysgp-strategy-library-media-icon,
#ysgp-portal-root .ysgp-strategies-library-intro-icon{
  background:linear-gradient(145deg,rgba(139,92,246,.44),rgba(14,165,233,.18))!important;
  border:1px solid rgba(125,211,252,.34)!important;
  color:#7df2ff!important;
  box-shadow:0 0 26px rgba(56,189,248,.13),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
#ysgp-portal-root .ysgp-strategy-library-badge,
#ysgp-portal-root .ysgp-strategy-library-tags span{
  border:1px solid rgba(103,232,249,.25)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(139,92,246,.18))!important;
  color:#bcf7ff!important;
  box-shadow:0 0 14px rgba(34,211,238,.07)!important;
}
#ysgp-portal-root .ysgp-strategy-library-actions{
  gap:10px!important;
  margin-top:18px!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn{
  min-height:42px!important;
  border-radius:14px!important;
  font-weight:950!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#24d8ff 0%,#5f8dff 46%,#9b5cff 100%)!important;
  box-shadow:0 16px 34px rgba(99,102,241,.28),0 0 22px rgba(34,211,238,.10)!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary{
  border:1px solid rgba(103,232,249,.17)!important;
  background:linear-gradient(135deg,rgba(6,18,35,.78),rgba(43,24,77,.56))!important;
  color:rgba(173,245,255,.78)!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  margin-top:4px!important;
  border-radius:18px!important;
  border:1px solid rgba(137,92,255,.30)!important;
  background:linear-gradient(135deg,rgba(49,24,92,.58),rgba(9,16,39,.76) 62%,rgba(7,40,66,.38))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  background:rgba(3,5,13,.76)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#ysgp-portal-root .ysgp-strategy-modal{
  border-radius:30px!important;
  border:1px solid rgba(137,92,255,.36)!important;
  background:
    radial-gradient(circle at 84% 8%,rgba(34,211,238,.14),transparent 32%),
    radial-gradient(circle at 14% 24%,rgba(168,85,247,.18),transparent 32%),
    linear-gradient(145deg,rgba(24,18,50,.98),rgba(8,13,31,.98) 56%,rgba(7,29,55,.96))!important;
  box-shadow:0 46px 130px rgba(0,0,0,.60),0 0 40px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section,
#ysgp-portal-root .ysgp-strategy-code-block,
#ysgp-portal-root .ysgp-strategy-code-empty{
  border-color:rgba(137,92,255,.26)!important;
  background:linear-gradient(145deg,rgba(18,14,36,.82),rgba(7,13,29,.94))!important;
}
@media(max-width:1100px){
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-page{width:calc(100vw - 28px)!important;padding:24px 0 62px!important;}
  #ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
  #ysgp-portal-root .ysgp-strategies-library-header h1{font-size:clamp(44px,13vw,58px)!important;}
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-strategy-library-card{min-height:auto!important;}
  #ysgp-portal-root .ysgp-strategy-library-media{height:200px!important;flex-basis:200px!important;}
}


/* === v21.2.237 QA hardening: Strategies component-only redesign, no page wrapper panel === */
#ysgp-portal-root .ysgp-strategies-library-page,
#ysgp-portal-root .ysgp-strategies-library-page.animate-slide-up,
#ysgp-portal-root .ysgp-strategies-library-page.max-w-7xl{
  width:min(1120px,calc(100vw - 72px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:34px 0 70px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
#ysgp-portal-root .ysgp-strategies-library-page:before,
#ysgp-portal-root .ysgp-strategies-library-page:after,
#ysgp-portal-root .ysgp-strategies-library-header:before,
#ysgp-portal-root .ysgp-strategies-library-header:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-strategies-library-header{
  width:100%!important;
  max-width:720px!important;
  margin:0 0 24px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:left!important;
  display:block!important;
}
#ysgp-portal-root .ysgp-strategies-library-kicker,
#ysgp-portal-root .ysgp-strategy-library-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  margin:0 0 13px!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(158,104,255,.42)!important;
  background:linear-gradient(135deg,rgba(113,58,196,.42),rgba(18,156,210,.16))!important;
  color:#bdf6ff!important;
  letter-spacing:.18em!important;
  box-shadow:0 0 22px rgba(139,92,246,.18)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
#ysgp-portal-root .ysgp-strategies-library-header h1{
  margin:0!important;
  font-size:clamp(48px,4.2vw,66px)!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  color:#fff!important;
  text-shadow:0 18px 42px rgba(0,0,0,.42),0 0 24px rgba(153,96,255,.14)!important;
}
#ysgp-portal-root .ysgp-strategies-library-header p{
  margin:12px 0 0!important;
  font-size:14.5px!important;
  line-height:1.45!important;
  color:rgba(215,225,244,.76)!important;
  font-weight:750!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro,
#ysgp-portal-root .ysgp-strategies-library-empty{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  margin:0 0 24px!important;
  padding:22px 26px!important;
  border-radius:26px!important;
  border:1px solid rgba(120,92,255,.30)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(35,215,255,.16),transparent 30%),
    radial-gradient(circle at 8% 42%,rgba(163,86,255,.20),transparent 34%),
    linear-gradient(135deg,rgba(22,17,44,.90),rgba(8,14,32,.96) 55%,rgba(6,31,58,.90))!important;
  box-shadow:0 22px 62px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro:before,
#ysgp-portal-root .ysgp-strategies-library-empty:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 34%,rgba(34,211,238,.045))!important;
  display:block!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro > *,
#ysgp-portal-root .ysgp-strategies-library-empty > *{
  position:relative!important;
  z-index:1!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro-icon,
#ysgp-portal-root .ysgp-strategies-library-icon,
#ysgp-portal-root .ysgp-strategy-library-icon,
#ysgp-portal-root .ysgp-strategy-library-media-icon{
  background:linear-gradient(145deg,rgba(131,83,255,.46),rgba(17,171,226,.20))!important;
  border:1px solid rgba(125,231,255,.34)!important;
  color:#80f4ff!important;
  box-shadow:0 0 26px rgba(56,189,248,.15), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro h2{
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
  margin:0 0 6px!important;
}
#ysgp-portal-root .ysgp-strategies-library-intro p,
#ysgp-portal-root .ysgp-strategies-library-empty p{
  color:rgba(218,228,246,.72)!important;
  font-size:13.5px!important;
}
#ysgp-portal-root .ysgp-strategy-library-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  margin:0 0 24px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
#ysgp-portal-root .ysgp-strategy-library-card,
#ysgp-portal-root article.ysgp-strategy-library-card.glass-card{
  position:relative!important;
  min-height:428px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(137,92,255,.32)!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(168,85,247,.21),transparent 34%),
    radial-gradient(circle at 92% 6%,rgba(34,211,238,.14),transparent 30%),
    linear-gradient(158deg,rgba(28,18,55,.97),rgba(8,13,31,.985) 55%,rgba(7,30,58,.93))!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34),0 0 28px rgba(124,58,237,.09),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  display:block!important;
  opacity:.70!important;
  background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 29%,rgba(50,213,255,.04) 100%)!important;
}
#ysgp-portal-root .ysgp-strategy-library-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(58,218,255,.44)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.44),0 0 34px rgba(168,85,247,.15),0 0 24px rgba(34,211,238,.08)!important;
}
#ysgp-portal-root .ysgp-strategy-library-media{
  position:relative!important;
  height:210px!important;
  flex-basis:210px!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(137,92,255,.30)!important;
  background:
    radial-gradient(circle at 22% 10%,rgba(168,85,247,.26),transparent 33%),
    radial-gradient(circle at 74% 20%,rgba(34,211,238,.17),transparent 34%),
    linear-gradient(145deg,rgba(46,23,88,.98),rgba(10,17,42,.98) 55%,rgba(6,38,68,.94))!important;
}
#ysgp-portal-root .ysgp-strategy-library-media img,
#ysgp-portal-root .ysgp-strategy-library-thumb{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
}
#ysgp-portal-root .ysgp-strategy-library-media-fallback{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(125,211,252,.14),transparent 30%),
    linear-gradient(145deg,rgba(68,31,119,.82),rgba(9,16,40,.96) 58%,rgba(7,37,66,.90))!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-body{
  position:relative!important;
  z-index:1!important;
  padding:21px 21px 23px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
#ysgp-portal-root .ysgp-strategy-library-card h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
#ysgp-portal-root .ysgp-strategy-library-card p{
  color:rgba(224,233,250,.74)!important;
  font-size:13.3px!important;
  line-height:1.62!important;
}
#ysgp-portal-root .ysgp-strategy-library-badge,
#ysgp-portal-root .ysgp-strategy-library-tags span{
  border:1px solid rgba(103,232,249,.25)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(139,92,246,.18))!important;
  color:#bcf7ff!important;
  box-shadow:0 0 14px rgba(34,211,238,.07)!important;
}
#ysgp-portal-root .ysgp-strategy-library-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn{
  min-height:42px!important;
  border-radius:14px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,#24d8ff 0%,#5f8dff 46%,#9b5cff 100%)!important;
  box-shadow:0 16px 34px rgba(99,102,241,.28),0 0 22px rgba(34,211,238,.10)!important;
}
#ysgp-portal-root .ysgp-strategy-library-btn.secondary,
#ysgp-portal-root .ysgp-strategy-copy-btn{
  border:1px solid rgba(103,232,249,.17)!important;
  background:linear-gradient(135deg,rgba(6,18,35,.78),rgba(43,24,77,.56))!important;
  color:rgba(173,245,255,.78)!important;
}
#ysgp-portal-root .ysgp-strategies-library-note{
  margin-top:4px!important;
  border-radius:18px!important;
  border:1px solid rgba(137,92,255,.30)!important;
  background:linear-gradient(135deg,rgba(49,24,92,.58),rgba(9,16,39,.76) 62%,rgba(7,40,66,.38))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(3,5,13,.78)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#ysgp-portal-root .ysgp-strategy-modal{
  width:min(1040px,100%)!important;
  max-height:88vh!important;
  overflow:auto!important;
  border-radius:30px!important;
  border:1px solid rgba(137,92,255,.36)!important;
  background:
    radial-gradient(circle at 84% 8%,rgba(34,211,238,.14),transparent 32%),
    radial-gradient(circle at 14% 24%,rgba(168,85,247,.18),transparent 32%),
    linear-gradient(145deg,rgba(24,18,50,.98),rgba(8,13,31,.98) 56%,rgba(7,29,55,.96))!important;
  box-shadow:0 46px 130px rgba(0,0,0,.60),0 0 40px rgba(168,85,247,.14)!important;
}
#ysgp-portal-root .ysgp-strategy-modal-section,
#ysgp-portal-root .ysgp-strategy-code-block,
#ysgp-portal-root .ysgp-strategy-code-empty{
  border-color:rgba(137,92,255,.26)!important;
  background:linear-gradient(145deg,rgba(18,14,36,.82),rgba(7,13,29,.94))!important;
}
@media(max-width:1100px){
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #ysgp-portal-root .ysgp-strategies-library-page{width:min(920px,calc(100vw - 48px))!important;}
}
@media(max-width:760px){
  #ysgp-portal-root .ysgp-strategies-library-page{width:calc(100vw - 28px)!important;padding:24px 0 62px!important;}
  #ysgp-portal-root .ysgp-strategies-library-header .ysgp-os-page-title-v139,
  #ysgp-portal-root .ysgp-strategies-library-header h1{font-size:clamp(42px,13vw,56px)!important;}
  #ysgp-portal-root .ysgp-strategies-library-intro,
  #ysgp-portal-root .ysgp-strategies-library-empty{align-items:flex-start!important;padding:18px!important;border-radius:22px!important;}
  #ysgp-portal-root .ysgp-strategy-library-grid{grid-template-columns:1fr!important;gap:18px!important;}
  #ysgp-portal-root .ysgp-strategy-library-card{min-height:auto!important;}
  #ysgp-portal-root .ysgp-strategy-library-media{height:200px!important;flex-basis:200px!important;}
  #ysgp-portal-root .ysgp-strategy-modal-backdrop{padding:12px!important;align-items:flex-end!important;}
  #ysgp-portal-root .ysgp-strategy-modal{max-height:92vh!important;border-radius:24px!important;}
}

/* v242 Academy dedicated course pages: no below-language loading, direct premium course library */
.ysgp-academy-v242-lock,
.ysgp-academy-v133 .ysgp-academy-page-hero-v242{
  max-width: 1220px;
  margin: 0 auto 28px;
}
.ysgp-academy-page-hero-v242{
  position: relative;
  overflow: hidden;
  min-height: 220px;
  border-radius: 32px;
  padding: 38px 42px;
  border: 1px solid rgba(168,85,247,.34);
  background:
    radial-gradient(circle at 18% 15%, rgba(168,85,247,.38), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(34,211,238,.25), transparent 34%),
    linear-gradient(135deg, rgba(22,9,44,.94), rgba(8,13,27,.96) 55%, rgba(6,32,47,.74));
  box-shadow: 0 24px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
}
.ysgp-academy-page-hero-v242:before{
  content:"";
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent);
  pointer-events:none;
}
.ysgp-academy-page-hero-copy-v242{position:relative; z-index:2; max-width:720px;}
.ysgp-academy-page-hero-copy-v242 span,
.ysgp-academy-page-head-v242 span{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(168,85,247,.38);
  background:linear-gradient(90deg, rgba(168,85,247,.22), rgba(34,211,238,.12));
  color:#c9a7ff;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:900;
}
.ysgp-academy-page-hero-copy-v242 h1{
  color:#fff;
  font-size: clamp(42px, 6vw, 78px);
  line-height:.94;
  font-weight:1000;
  letter-spacing:-.06em;
  text-shadow:0 0 28px rgba(168,85,247,.22);
}
.ysgp-academy-page-hero-copy-v242 p{margin-top:15px; color:#b8bdd6; font-weight:700; max-width:620px;}
.ysgp-academy-page-stats-v242{
  position:absolute; right:32px; bottom:32px; z-index:2;
  display:flex; gap:14px; flex-wrap:wrap;
}
.ysgp-academy-page-stats-v242 div{
  min-width:125px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(34,211,238,.20);
  background:linear-gradient(145deg, rgba(8,13,27,.86), rgba(48,21,91,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.24);
}
.ysgp-academy-page-stats-v242 b{display:block; color:#36e5ff; font-size:28px; font-weight:1000; line-height:1;}
.ysgp-academy-page-stats-v242 small{display:block; margin-top:7px; color:#9aa3bd; text-transform:uppercase; letter-spacing:.12em; font-weight:900; font-size:9px;}
.ysgp-academy-courses-page-v242,
.ysgp-academy-lessons-page-v242{
  max-width:1220px !important;
  margin:0 auto 44px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.ysgp-academy-page-head-v242{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:20px !important;
  margin:0 0 22px !important;
  padding:0 !important;
}
.ysgp-academy-page-head-v242 h2{font-size:clamp(32px,4vw,52px) !important; line-height:.95 !important; letter-spacing:-.045em !important;}
.ysgp-academy-page-head-v242 p{color:#aeb6cf !important; font-weight:700 !important;}
.ysgp-academy-back-btn-v242{
  display:inline-flex; align-items:center; gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.28);
  color:#dfe8ff;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:linear-gradient(135deg, rgba(91,45,168,.36), rgba(16,185,229,.18));
  box-shadow:0 0 22px rgba(168,85,247,.14);
}
.ysgp-academy-back-btn-v242 svg{transform:rotate(180deg);}
.ysgp-academy-back-btn-v242:hover{border-color:rgba(34,211,238,.55); transform:translateY(-1px);}
.ysgp-academy-course-grid-page-v242{
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap:24px !important;
}
.ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133{
  overflow:hidden;
  border-radius:30px !important;
  border:1px solid rgba(168,85,247,.28) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(168,85,247,.22), transparent 36%),
    radial-gradient(circle at 86% 4%, rgba(34,211,238,.16), transparent 36%),
    linear-gradient(180deg, rgba(14,19,37,.96), rgba(9,10,18,.98)) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133:hover{
  transform:translateY(-5px);
  border-color:rgba(34,211,238,.42) !important;
  box-shadow:0 30px 90px rgba(95,40,180,.22), 0 0 36px rgba(34,211,238,.09) !important;
}
.ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{min-height:210px !important;}
.ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 h3{font-size:26px !important; letter-spacing:-.03em;}
.ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133 button:first-child,
.ysgp-academy-lesson-card-v133 em{
  background:linear-gradient(90deg,#9b5cff,#1ecfff) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(34,211,238,.18), 0 0 22px rgba(168,85,247,.16) !important;
}
.ysgp-academy-lessons-page-v242 .ysgp-academy-lessons-hero-v133{
  border-radius:30px !important;
  border:1px solid rgba(168,85,247,.28) !important;
  background:linear-gradient(135deg, rgba(33,16,62,.75), rgba(6,17,34,.88)) !important;
}
@media(max-width:900px){
  .ysgp-academy-page-hero-v242{padding:30px 24px; min-height:auto;}
  .ysgp-academy-page-stats-v242{position:relative; right:auto; bottom:auto; margin-top:24px;}
  .ysgp-academy-page-head-v242{align-items:flex-start !important; flex-direction:column !important;}
}


/* v243 Academy courses page: wide 3-column course grid inspired by leaked-style gallery */
.ysgp-academy-layout-wide-v243{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-page-hero-v242,
.ysgp-academy-layout-wide-v243 .ysgp-academy-courses-page-v242,
.ysgp-academy-layout-wide-v243 .ysgp-academy-lessons-page-v242{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-page-hero-v242{
  margin-bottom:34px !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-page-head-v242{
  padding-right:6px !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133{
  min-width:0 !important;
  width:100% !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
  min-height:280px !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 h3{
  font-size:30px !important;
}
.ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 p{
  font-size:14px !important;
}
@media (max-width: 1180px){
  .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px){
  .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{
    grid-template-columns:minmax(0, 1fr) !important;
    gap:22px !important;
  }
  .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
    min-height:220px !important;
  }
}


/* v244 Academy force-wide courses layout repair
   Purpose: fix cases where v242/v243 classes are cached or the outer max-w-7xl wrapper keeps the course page narrow.
   This targets the rendered courses/lessons page directly. */
.ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242),
.ysgp-academy-v133:has(.ysgp-academy-lessons-page-v242),
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242),
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-lessons-page-v242){
  width: min(100%, 1480px) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 2.2vw, 36px) !important;
  padding-right: clamp(18px, 2.2vw, 36px) !important;
}

#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242) .ysgp-academy-page-hero-v242,
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-lessons-page-v242) .ysgp-academy-page-hero-v242{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 34px !important;
}

#ysgp-portal-root .ysgp-academy-courses-page-v242,
#ysgp-portal-root .ysgp-academy-lessons-page-v242{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242{
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2vw, 32px) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 470px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(153, 91, 255, .42) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(168,85,247,.30), transparent 38%),
    radial-gradient(circle at 82% 8%, rgba(34,211,238,.18), transparent 40%),
    linear-gradient(180deg, rgba(14,17,31,.98), rgba(11,8,20,.99)) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.38), 0 0 34px rgba(128,70,255,.10), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
  min-height: 255px !important;
  height: 255px !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133{
  padding: 26px 28px 28px !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 h3{
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  margin-bottom: 12px !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 p{
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #c3c8da !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133{
  gap: 12px !important;
  flex-wrap: wrap !important;
}

#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133 button{
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
}

/* When only one course exists, don't leave the page feeling tiny; make it a premium wide feature card. */
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133:only-child{
  max-width: 560px !important;
}

@media (max-width: 1200px){
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242),
  .ysgp-academy-v133:has(.ysgp-academy-lessons-page-v242),
  #ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242),
  #ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-lessons-page-v242){
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242{
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133:only-child{
    max-width: none !important;
  }
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
    min-height: 220px !important;
    height: 220px !important;
  }
}


/* v245 Academy courses layout correction: no banner, direct full-width 3-column course gallery */
#ysgp-portal-root .ysgp-academy-layout-wide-v243,
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242){
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding: clamp(18px,2vw,34px) clamp(18px,2.4vw,42px) 70px !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-page-hero-v242,
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242) .ysgp-academy-page-hero-v242{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-courses-page-v242{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-courses-page-v242 .ysgp-academy-page-head-v242{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:22px !important;
  margin:0 0 30px !important;
  padding:0 !important;
}
#ysgp-portal-root .ysgp-academy-courses-page-v242 .ysgp-academy-page-head-v242 h2{
  font-size:clamp(44px,4.2vw,72px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  color:#fff !important;
  text-shadow:0 0 28px rgba(168,85,247,.18) !important;
}
#ysgp-portal-root .ysgp-academy-courses-page-v242 .ysgp-academy-page-head-v242 p{
  max-width:760px !important;
  font-size:14px !important;
  color:#aeb6cf !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(24px,2vw,34px) !important;
  justify-content:stretch !important;
  align-items:stretch !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133,
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133:only-child{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:520px !important;
  border-radius:34px !important;
  border:1px solid rgba(147,91,255,.42) !important;
  background:
    radial-gradient(circle at 20% 0%,rgba(168,85,247,.26),transparent 38%),
    radial-gradient(circle at 82% 10%,rgba(34,211,238,.16),transparent 42%),
    linear-gradient(180deg,rgba(12,17,32,.98),rgba(9,7,18,.99)) !important;
  box-shadow:0 28px 88px rgba(0,0,0,.36),0 0 36px rgba(137,70,255,.09),inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
  height:280px !important;
  min-height:280px !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133{
  padding:28px 30px 30px !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 h3{
  font-size:clamp(30px,2.1vw,38px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  margin:8px 0 14px !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 p{
  font-size:14px !important;
  line-height:1.65 !important;
  min-height:44px !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
#ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133 button{
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:16px !important;
}
@media (max-width:1280px){
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-layout-wide-v243,
  #ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-course-grid-page-v242){padding:16px 14px 56px !important;}
  #ysgp-portal-root .ysgp-academy-courses-page-v242 .ysgp-academy-page-head-v242{align-items:flex-start !important; flex-direction:column !important;}
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242{grid-template-columns:1fr !important;}
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{height:225px !important; min-height:225px !important;}
  #ysgp-portal-root .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133{min-height:auto !important;}
}


/* v246 Academy direct course gallery — NO big hero/banner after language click.
   The language click opens a clean dedicated course page with a 3-card row like a course library. */
#ysgp-portal-root .ysgp-academy-layout-wide-v243{
  width:100% !important;
  max-width:1380px !important;
  margin:0 auto !important;
  padding:44px clamp(18px,2.6vw,44px) 72px !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-page-hero-v242{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-courses-page-v242{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-head-v246{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 30px !important;
  padding:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-head-v246 > div span{
  display:inline-flex !important;
  width:max-content !important;
  margin-bottom:12px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(34,211,238,.32) !important;
  background:linear-gradient(135deg,rgba(126,58,242,.35),rgba(6,182,212,.13)) !important;
  color:#67e8f9 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
#ysgp-portal-root .ysgp-academy-gallery-head-v246 h2{
  font-size:clamp(42px,4.3vw,76px) !important;
  line-height:.9 !important;
  letter-spacing:-.07em !important;
  color:#fff !important;
  margin:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-head-v246 p{
  margin-top:12px !important;
  max-width:680px !important;
  color:#aeb6cf !important;
  font-size:14px !important;
  line-height:1.65 !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-card-v133{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:430px !important;
  border-radius:28px !important;
  border:1px solid rgba(139,92,246,.40) !important;
  background:linear-gradient(180deg,rgba(13,18,34,.98),rgba(10,7,20,.99)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 28px rgba(139,92,246,.08),inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{
  height:230px !important;
  min-height:230px !important;
  border-radius:0 !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133{
  padding:24px 26px 26px !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-body-v133 h3{
  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-actions-v133{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-layout-wide-v243{padding:20px 14px 58px !important;}
  #ysgp-portal-root .ysgp-academy-gallery-head-v246{align-items:flex-start !important;flex-direction:column !important;}
  #ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242{grid-template-columns:1fr !important;}
  #ysgp-portal-root .ysgp-academy-layout-wide-v243 .ysgp-academy-course-grid-page-v242 .ysgp-academy-course-thumb-v133{height:220px !important;min-height:220px !important;}
}

/* v247 Academy clean gallery correction
   User request: no added background color/hero, course thumbnails only, 3 per row, lessons as episode thumbnail cards. */
#ysgp-portal-root .ysgp-academy-layout-wide-v243{
  width:100% !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:34px 18px 70px !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
#ysgp-portal-root .ysgp-academy-layout-wide-v243:before,
#ysgp-portal-root .ysgp-academy-layout-wide-v243:after,
#ysgp-portal-root .ysgp-academy-courses-page-v242:before,
#ysgp-portal-root .ysgp-academy-courses-page-v242:after,
#ysgp-portal-root .ysgp-academy-lessons-page-v242:before,
#ysgp-portal-root .ysgp-academy-lessons-page-v242:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-final-v247,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-final-v247 .ysgp-academy-gallery-head-v246,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247 .ysgp-academy-gallery-head-v246{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 26px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-final-v247 .ysgp-academy-gallery-head-v246 h2,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247 .ysgp-academy-gallery-head-v246 h2{
  font-size:clamp(42px,4.6vw,74px) !important;
  letter-spacing:-.07em !important;
  line-height:.92 !important;
  margin:10px 0 10px !important;
}
#ysgp-portal-root .ysgp-academy-gallery-final-v247 .ysgp-academy-gallery-head-v246 p,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247 .ysgp-academy-gallery-head-v246 p{
  max-width:560px !important;
  color:#a8b0c5 !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247,
#ysgp-portal-root .ysgp-academy-lesson-gallery-grid-v247{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
  max-width:none !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-card-v133,
#ysgp-portal-root .ysgp-academy-lesson-thumb-card-v247{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(125,91,255,.32) !important;
  background:linear-gradient(180deg,rgba(12,15,27,.96),rgba(8,8,18,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-card-v133:only-child{
  max-width:360px !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-thumb-v133,
#ysgp-portal-root .ysgp-academy-episode-thumb-v247{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  border-radius:0 !important;
  aspect-ratio:16/9 !important;
  background:#070a12 !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-episode-thumb-v247 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-body-v133{
  padding:22px 22px 24px !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-body-v133 h3,
#ysgp-portal-root .ysgp-academy-episode-body-v247 h3{
  font-size:25px !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  margin:8px 0 8px !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-body-v133 p,
#ysgp-portal-root .ysgp-academy-episode-body-v247 p{
  font-size:13px !important;
  line-height:1.55 !important;
  color:#b3bad0 !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-actions-v133{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
}
#ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-actions-v133 button{
  height:38px !important;
  border-radius:14px !important;
  padding:0 15px !important;
  font-size:10px !important;
}
#ysgp-portal-root .ysgp-academy-lesson-thumb-card-v247{
  display:block !important;
  text-align:left !important;
  padding:0 !important;
  cursor:pointer !important;
}
#ysgp-portal-root .ysgp-academy-episode-body-v247{
  padding:18px 20px 14px !important;
}
#ysgp-portal-root .ysgp-academy-episode-body-v247 small{
  display:inline-flex !important;
  color:#67e8f9 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
#ysgp-portal-root .ysgp-academy-lesson-thumb-card-v247 > span{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-lesson-thumb-card-v247 > em{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:42px !important;
  margin:0 20px 20px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-course-gallery-grid-v247,
  #ysgp-portal-root .ysgp-academy-lesson-gallery-grid-v247{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-layout-wide-v243{padding:24px 14px 56px !important;}
  #ysgp-portal-root .ysgp-academy-gallery-final-v247 .ysgp-academy-gallery-head-v246,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247 .ysgp-academy-gallery-head-v246{align-items:flex-start !important;flex-direction:column !important;}
  #ysgp-portal-root .ysgp-academy-course-gallery-grid-v247,
  #ysgp-portal-root .ysgp-academy-lesson-gallery-grid-v247{grid-template-columns:1fr !important;}
  #ysgp-portal-root .ysgp-academy-course-gallery-grid-v247 .ysgp-academy-course-card-v133:only-child{max-width:none !important;}
}


/* v248 Academy strict thumbnail-only gallery
   User-approved direction: keep original site background, no big hero/colored blocks,
   no extra SMC/details/progress text, course selection and lesson selection as simple
   thumbnail galleries only. Clicking a lesson thumbnail starts the video. */
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248::before,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248::after,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 *::before,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 *::after{
  box-shadow:none;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-gallery-minimal-v248),
#ysgp-portal-root .ysgp-academy-layout-wide-v243{
  width:min(100%,1380px) !important;
  max-width:1380px !important;
  padding:26px 18px 60px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-stage-head-v133.ysgp-academy-simple-head-v248{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248 h2{
  margin:0 !important;
  font-size:clamp(38px,4.2vw,68px) !important;
  line-height:.95 !important;
  letter-spacing:-.07em !important;
  color:#fff !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-back-btn-minimal-v248{
  flex:0 0 auto !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  width:100% !important;
  max-width:none !important;
  align-items:start !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-card-v248{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248:only-child{
  max-width:300px !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  text-align:left !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:disabled{
  cursor:not-allowed !important;
  opacity:.55 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/10 !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#05070d !important;
  border:1px solid rgba(86,100,130,.24) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 video,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-media-fallback-v170,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-course-thumb-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-lesson-thumb-v133{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-course-play-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-card-badge-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-complete-badge-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-course-body-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-episode-body-v247,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-card-v247 > em,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-card-v247 > span,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-course-meta-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-course-actions-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-progress-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-synopsis-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-gallery-head-v246 span,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-gallery-head-v246 p{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-shade-v248{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(2,6,23,.08) 0%,rgba(2,6,23,.18) 100%) !important;
  pointer-events:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-play-v248{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  pointer-events:none !important;
  opacity:.92 !important;
  text-shadow:0 6px 26px rgba(0,0,0,.35) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:hover .ysgp-academy-thumb-play-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:focus-visible .ysgp-academy-thumb-play-v248{
  transform:scale(1.04) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:hover .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:focus-visible .ysgp-academy-thumb-image-v248{
  border-color:rgba(95,209,249,.55) !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-gallery-minimal-v248),
  #ysgp-portal-root .ysgp-academy-layout-wide-v243{
    padding:22px 14px 48px !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-stage-head-v133.ysgp-academy-simple-head-v248{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
    grid-template-columns:1fr !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248:only-child{
    max-width:none !important;
  }
}


/* v249 Academy thumbnail scale + video overlay repair
   Fixes v248 visual scale: thumbnails now fill the 3-column slots, one-item rows
   do not shrink to a tiny card, lesson screen hides the course title header, and
   the video overlay is placed safely below the fixed portal top bar. */
#ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-gallery-minimal-v248),
#ysgp-portal-root .ysgp-academy-layout-wide-v243{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:34px clamp(34px,4.6vw,76px) 72px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-stage-head-v133.ysgp-academy-simple-head-v248{
  width:100% !important;
  margin:0 0 22px !important;
  padding:0 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248 h2{
  font-size:clamp(52px,5.6vw,92px) !important;
  line-height:.88 !important;
  letter-spacing:-.085em !important;
  margin:0 !important;
  color:#fff !important;
}
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248{
  justify-content:flex-end !important;
  margin-bottom:22px !important;
  min-height:44px !important;
}
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248 h2{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-back-btn-minimal-v248{
  height:42px !important;
  padding:0 22px !important;
  border-radius:999px !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(26px,2.5vw,42px) !important;
  width:100% !important;
  max-width:none !important;
  align-items:start !important;
  justify-content:stretch !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248:only-child{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  justify-self:stretch !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248{
  width:100% !important;
  max-width:none !important;
  display:block !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248{
  width:100% !important;
  height:auto !important;
  min-height:clamp(230px,17vw,330px) !important;
  aspect-ratio:16/9 !important;
  border-radius:26px !important;
  border:1px solid rgba(102,126,170,.34) !important;
  background:#05070d !important;
  overflow:hidden !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-media-fallback-v170{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-play-v248 svg{
  width:46px !important;
  height:46px !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.55)) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:hover .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248:focus-visible .ysgp-academy-thumb-image-v248{
  border-color:rgba(34,211,238,.58) !important;
  transform:translateY(-2px) !important;
}
#ysgp-portal-root .ysgp-course-video-overlay{
  position:fixed !important;
  top:76px !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:calc(100vh - 76px) !important;
  padding:28px 24px !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  z-index:9999 !important;
}
#ysgp-portal-root .ysgp-course-video-card{
  width:min(100%,1060px) !important;
  max-width:1060px !important;
  max-height:calc(100vh - 130px) !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
#ysgp-portal-root .ysgp-course-video-close{
  position:fixed !important;
  top:94px !important;
  right:clamp(24px,4vw,56px) !important;
  z-index:10000 !important;
}
#ysgp-portal-root .ysgp-course-video-player{
  max-height:calc(100vh - 198px) !important;
  object-fit:contain !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-v133:has(.ysgp-academy-gallery-minimal-v248),
  #ysgp-portal-root .ysgp-academy-layout-wide-v243{
    padding:22px 16px 52px !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-stage-head-v133.ysgp-academy-simple-head-v248{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248{
    align-items:flex-end !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248{
    min-height:220px !important;
  }
  #ysgp-portal-root .ysgp-course-video-overlay{
    top:64px !important;
    height:calc(100vh - 64px) !important;
    padding:18px 10px !important;
  }
  #ysgp-portal-root .ysgp-course-video-close{top:76px !important;right:14px !important;}
  #ysgp-portal-root .ysgp-course-video-card{max-height:calc(100vh - 100px) !important;border-radius:20px !important;}
  #ysgp-portal-root .ysgp-course-video-player{max-height:calc(100vh - 154px) !important;}
}


/* v250 Academy lesson thumbnail size parity
   Make lesson thumbnails use the exact same visual scale as course thumbnails.
   This intentionally hides course/lesson titles on the lesson gallery and keeps
   the original portal background untouched. */
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  min-height:42px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248 h2,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-simple-head-v248 h2{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(26px,2.5vw,42px) !important;
  width:100% !important;
  max-width:none !important;
  align-items:start !important;
  justify-content:stretch !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-card-v133,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-card-v133{
  display:block !important;
  grid-template-columns:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  justify-self:stretch !important;
  text-align:left !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:clamp(300px,22vw,430px) !important;
  aspect-ratio:16/9 !important;
  max-width:none !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(34,211,238,.42) !important;
  background:#05070d !important;
  box-shadow:0 24px 58px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-media-fallback-v170{
  width:100% !important;
  height:100% !important;
  min-height:inherit !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{grid-template-columns:1fr !important;}
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{min-height:240px !important;}
}


/* v251 Academy lesson thumbnails must match course thumbnails exactly.
   Fix: v250 made lessons visually square because min-height overrode the ratio.
   Keep one shared 16:10 thumbnail shape for course and lesson cards. */
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16/10 !important;
  border-radius:22px !important;
}
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-media-fallback-v170{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child{
  width:100% !important;
  max-width:none !important;
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{
    min-height:0 !important;
    aspect-ratio:16/10 !important;
  }
}

/* v252 Academy thumbnail parity hardening
   Real fix for the rejected lesson gallery: courses and lessons now share one final
   wide thumbnail geometry. This removes the v250 tall/square lesson effect without
   changing backend progress, AI Synopsis, language flow, or protected systems. */
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248,
#ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
#ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(22px,2.2vw,34px) !important;
  width:100% !important;
  max-width:none !important;
  align-items:start !important;
  justify-content:stretch !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-card-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-card-v248:only-child,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-thumb-card-v248:only-child,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248 > .ysgp-academy-lesson-thumb-only-v248:only-child{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:stretch !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-button-v248,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 button.ysgp-academy-lesson-thumb-only-v248{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  line-height:0 !important;
  text-align:left !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#05070d !important;
  border:1px solid rgba(102,126,170,.34) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 img,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 video,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-media-fallback-v170,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-course-thumb-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-lesson-thumb-v133,
#ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img,
#ysgp-portal-root .ysgp-academy-native-v141 .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133 img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-course-body-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248 .ysgp-academy-episode-body-v247,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 .ysgp-academy-course-body-v133,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 .ysgp-academy-episode-body-v247,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 > span,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 > em,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 small,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 p,
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-only-v248 h3{
  display:none !important;
}
#ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-lessons-head-clean-v252{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#ysgp-portal-root .ysgp-course-video-overlay{
  position:fixed !important;
  top:76px !important;
  left:0 !important;
  right:0 !important;
  bottom:auto !important;
  width:100vw !important;
  height:calc(100dvh - 76px) !important;
  min-height:calc(100vh - 76px) !important;
  padding:28px 24px !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(0,0,0,.86) !important;
  z-index:2147483000 !important;
}
#ysgp-portal-root .ysgp-course-video-card{
  width:min(100%,1080px) !important;
  max-width:1080px !important;
  max-height:calc(100dvh - 132px) !important;
  border-radius:26px !important;
  overflow:hidden !important;
}
#ysgp-portal-root .ysgp-course-video-close{
  position:fixed !important;
  top:92px !important;
  right:clamp(18px,4vw,54px) !important;
  z-index:2147483001 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#ysgp-portal-root .ysgp-course-video-player{
  max-height:calc(100dvh - 202px) !important;
  object-fit:contain !important;
}
@media (max-width:1180px){
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-grid-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-grid-v133{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #ysgp-portal-root .ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-lessons-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-thumb-image-v248,
  #ysgp-portal-root .ysgp-academy-lessons-gallery-final-v247.ysgp-academy-gallery-minimal-v248 .ysgp-academy-lesson-thumb-v133{
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    border-radius:20px !important;
  }
  #ysgp-portal-root .ysgp-course-video-overlay{
    top:64px !important;
    height:calc(100dvh - 64px) !important;
    min-height:calc(100vh - 64px) !important;
    padding:18px 10px !important;
  }
  #ysgp-portal-root .ysgp-course-video-close{
    top:76px !important;
    right:14px !important;
  }
  #ysgp-portal-root .ysgp-course-video-card{
    max-height:calc(100dvh - 104px) !important;
    border-radius:20px !important;
  }
  #ysgp-portal-root .ysgp-course-video-player{
    max-height:calc(100dvh - 164px) !important;
  }
}

/* v253 Academy video portal centering repair
   Moves the video overlay safely above transformed Academy containers via React portal
   and centers the player in the portal content area instead of painting a black block
   inside the lessons section. Academy progress/video tracking remains unchanged. */
html.ysgp-course-video-open-v253,
body.ysgp-course-video-open-v253{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
body > .ysgp-course-video-overlay-v253,
#ysgp-portal-root .ysgp-course-video-overlay-v253{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100dvw!important;
  height:100dvh!important;
  min-width:100dvw!important;
  min-height:100dvh!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:88px 34px 34px 248px!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
  contain:none!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 50% 40%, rgba(124,58,237,.13), transparent 34%),
    radial-gradient(circle at 62% 54%, rgba(34,211,238,.08), transparent 38%),
    rgba(2,6,14,.58)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overscroll-behavior:contain!important;
  touch-action:manipulation!important;
}
body > .ysgp-course-video-overlay-v253::before,
#ysgp-portal-root .ysgp-course-video-overlay-v253::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 28%, rgba(0,0,0,.16));
  z-index:-1;
}
body > .ysgp-course-video-overlay-v253 .ysgp-course-video-card,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-card{
  position:relative!important;
  z-index:2!important;
  width:min(1120px, calc(100dvw - 300px))!important;
  max-width:1120px!important;
  max-height:calc(100dvh - 132px)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(168,85,247,.34)!important;
  background:linear-gradient(180deg, rgba(18,12,31,.96), rgba(4,7,14,.98))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62), 0 0 56px rgba(124,58,237,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:none!important;
}
body > .ysgp-course-video-overlay-v253 .ysgp-course-video-head,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-head{
  flex:0 0 auto!important;
  min-height:62px!important;
  padding:16px 20px!important;
  background:rgba(17,10,30,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body > .ysgp-course-video-overlay-v253 .ysgp-course-video-player,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-player{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  max-height:calc(100dvh - 198px)!important;
  min-height:0!important;
  object-fit:contain!important;
  background:#000!important;
  border-radius:0!important;
  flex:0 1 auto!important;
}
body > .ysgp-course-video-overlay-v253 .ysgp-course-video-close,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-close{
  position:fixed!important;
  top:96px!important;
  right:clamp(18px,3.2vw,56px)!important;
  z-index:2147483647!important;
  width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:rgba(5,8,18,.84)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 24px rgba(124,58,237,.16)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
body > .ysgp-course-video-overlay-v253 .ysgp-course-video-close:hover,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-close:hover{
  background:rgba(18,20,36,.94)!important;
  border-color:rgba(34,211,238,.42)!important;
}
@media (max-width:1180px) and (min-width:900px){
  body > .ysgp-course-video-overlay-v253,
  #ysgp-portal-root .ysgp-course-video-overlay-v253{
    padding-left:224px!important;
    padding-right:24px!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-card,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-card{
    width:min(980px, calc(100dvw - 260px))!important;
  }
}
@media (max-width:899px){
  body > .ysgp-course-video-overlay-v253,
  #ysgp-portal-root .ysgp-course-video-overlay-v253{
    padding:76px 12px 18px!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(2,6,14,.72)!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-card,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-card{
    width:min(100%,680px)!important;
    max-height:calc(100dvh - 104px)!important;
    border-radius:22px!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-head,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-head{
    min-height:0!important;
    padding:12px 14px!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-head p,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-head p{
    display:none!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-player,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-player{
    max-height:calc(100dvh - 154px)!important;
  }
  body > .ysgp-course-video-overlay-v253 .ysgp-course-video-close,
  #ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-close{
    top:calc(env(safe-area-inset-top,0px) + 18px)!important;
    right:14px!important;
    width:48px!important;
    height:48px!important;
  }
}


/* v254 Premium portal typography polish
   Purpose: make portal/academy typography calmer and more global-SaaS, without layout or business-logic changes. */
#ysgp-portal-root,
#ysgp-landing-root{
  --ysgp-font-ui:"Inter","SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ysgp-font-display:"Inter","SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-family:var(--ysgp-font-ui)!important;
  font-synthesis-weight:none!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1!important;
}
#ysgp-portal-root h1,
#ysgp-portal-root h2,
#ysgp-portal-root h3,
#ysgp-portal-root .ysgp-page-title,
#ysgp-portal-root .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-display-title,
#ysgp-landing-root h1,
#ysgp-landing-root h2,
#ysgp-landing-root h3,
#ysgp-landing-root .ysgp-display-title{
  font-family:var(--ysgp-font-display)!important;
  font-weight:760!important;
  letter-spacing:-.034em!important;
  line-height:1.04!important;
  text-rendering:optimizeLegibility!important;
}
#ysgp-portal-root .ysgp-academy-simple-head-v248 .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-stage-head-v133 .ysgp-os-section-title-v139{
  font-size:clamp(40px,4.65vw,66px)!important;
  font-weight:760!important;
  letter-spacing:-.038em!important;
  line-height:1.02!important;
  text-shadow:0 16px 48px rgba(0,0,0,.34)!important;
}
#ysgp-portal-root .ysgp-academy-simple-head-v248{
  align-items:center!important;
  gap:18px!important;
}
#ysgp-portal-root .ysgp-academy-back-btn-v242,
#ysgp-portal-root .ysgp-academy-back-btn-minimal-v248,
#ysgp-portal-root .ysgp-course-video-head h3,
#ysgp-portal-root .ysgp-course-video-overlay-v253 .ysgp-course-video-head h3{
  font-family:var(--ysgp-font-ui)!important;
  font-weight:720!important;
  letter-spacing:-.012em!important;
}
#ysgp-portal-root .ysgp-academy-back-btn-v242,
#ysgp-portal-root .ysgp-academy-back-btn-minimal-v248{
  letter-spacing:.11em!important;
}
#ysgp-portal-root .ysgp-academy-language-body-v133 h3,
#ysgp-portal-root .ysgp-academy-faq-title-v133 h2,
#ysgp-portal-root .ysgp-card-title,
#ysgp-portal-root .ysgp-module-title{
  font-family:var(--ysgp-font-display)!important;
  font-weight:740!important;
  letter-spacing:-.025em!important;
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-simple-head-v248 .ysgp-os-section-title-v139,
  #ysgp-portal-root .ysgp-academy-stage-head-v133 .ysgp-os-section-title-v139{
    font-size:clamp(32px,11vw,46px)!important;
    letter-spacing:-.032em!important;
  }
}


/* v255 Academy courses heading removal
   Removes the duplicated language course title (for example Arabic Courses) from
   the dedicated courses page. The selected language is already chosen on the
   previous screen, so the courses gallery now starts cleanly with only the small
   Back to languages action. No Academy logic, progress, video, or backend data
   is changed. */
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  margin:0 0 20px!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255 .ysgp-os-section-title-v139,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255 h1,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255 h2,
#ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255 h3,
#ysgp-portal-root .ysgp-academy-courses-head-clean-v255 .ysgp-os-section-title-v139{
  display:none!important;
}
@media (max-width:760px){
  #ysgp-portal-root .ysgp-academy-courses-page-v242.ysgp-academy-gallery-minimal-v248 .ysgp-academy-courses-head-clean-v255{
    justify-content:flex-end!important;
    align-items:flex-end!important;
    min-height:40px!important;
    margin-bottom:16px!important;
  }
}

/* v258 Dynamic packages polish
   Keeps the original premium plan-card design, but when a 4th+ package is enabled,
   the package cards become a compact global 4-up grid instead of dropping the new
   package awkwardly underneath. This is layout-only and does not change package logic. */
.ysgp-package-grid-dynamic{
  display:grid!important;
  grid-template-columns:repeat(1,minmax(0,1fr))!important;
  gap:1.5rem!important;
  width:100%!important;
  max-width:72rem!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ysgp-package-grid-dynamic .ysgp-package-card{
  min-width:0!important;
}
@media (min-width:768px){
  .ysgp-package-grid-dynamic{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:1180px){
  .ysgp-package-grid-dynamic.is-compact{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:94rem!important;
    gap:1.25rem!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card.is-compact,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing.is-compact{
    padding:1.5rem!important;
    border-radius:1.45rem!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card h4,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing h4{
    font-size:1.05rem!important;
    line-height:1.25!important;
    margin-bottom:.45rem!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card p,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing p{
    font-size:.78rem!important;
    margin-bottom:1.35rem!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card ul,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing ul{
    font-size:.78rem!important;
    gap:.65rem!important;
    margin-bottom:1.5rem!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card li,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing li{
    line-height:1.35!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card .text-4xl,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card .text-5xl,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing .text-5xl{
    font-size:2.15rem!important;
    line-height:1!important;
  }
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card a,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card button,
  .ysgp-package-grid-dynamic.is-compact .ysgp-package-card-landing button{
    min-height:44px!important;
    padding-top:.78rem!important;
    padding-bottom:.78rem!important;
  }
}
@media (max-width:1179px) and (min-width:768px){
  .ysgp-package-grid-dynamic.is-compact{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:54rem!important;
  }
}

/* v261 Direct Team Volume package/access polish */
.ysgp-plan-group-v261{margin-bottom:34px;}
.ysgp-plan-group-head-v261{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;}
.ysgp-plan-group-head-v261 span{color:#fff;font-weight:900;font-size:14px;letter-spacing:.12em;text-transform:uppercase;}
.ysgp-plan-group-head-v261 small{color:#7dd3fc;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.06);border-radius:999px;padding:7px 11px;}
.ysgp-direct-team-summary-v261{margin-top:22px;}
.ysgp-direct-team-list-v261 .ysgp-binary-result-grid,.ysgp-direct-team-grid-v261{align-items:stretch;}
.ysgp-direct-team-list-v261 .ysgp-binary-node{height:100%;}
@media (max-width: 720px){.ysgp-plan-group-head-v261{align-items:flex-start;flex-direction:column}.ysgp-plan-group-head-v261 small{line-height:1.5}}

/* v264 Premium Direct Team Map - visual-only two-leg direct-team layout */
#ysgp-portal-root .ysgp-dtm-page{gap:18px;}
#ysgp-portal-root .ysgp-partner-program-card.ysgp-dtm-hero{position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.18);background:radial-gradient(circle at 14% 0%,rgba(124,58,237,.22),transparent 30%),radial-gradient(circle at 86% 10%,rgba(34,211,238,.18),transparent 32%),linear-gradient(135deg,#07111f 0%,#101827 52%,#0b1020 100%);box-shadow:0 26px 70px rgba(2,6,23,.22);color:#e5f4ff;}
#ysgp-portal-root .ysgp-dtm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 85%);pointer-events:none;}
#ysgp-portal-root .ysgp-dtm-hero>*{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-dtm-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;}
#ysgp-portal-root .ysgp-dtm-hero-head span{display:block;color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:950;margin-bottom:6px;}
#ysgp-portal-root .ysgp-dtm-hero-head h2{margin:0;color:#f8fbff;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.045em;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-hero-head p{margin:8px 0 0;color:#b8c6d9;font-size:13px;line-height:1.55;font-weight:760;max-width:780px;}
#ysgp-portal-root .ysgp-dtm-privacy-note{color:#8ca4bf!important;}
#ysgp-portal-root .ysgp-dtm-hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,211,238,.24);background:rgba(34,211,238,.08);color:#c9f7ff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950;white-space:nowrap;}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls{background:rgba(15,23,42,.7);border-color:rgba(148,163,184,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls label span{color:#9fb3c8;}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls input,#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls select{border-color:rgba(148,163,184,.24);background:rgba(2,6,23,.68);color:#e6f1ff;}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls input::placeholder{color:#71839b;}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls button[type="button"]{background:rgba(255,255,255,.07);color:#c9f7ff;border-color:rgba(34,211,238,.22);}
#ysgp-portal-root .ysgp-dtm-hero .ysgp-dtm-controls button[type="submit"]{border-color:rgba(34,211,238,.45);background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 24px rgba(37,99,235,.18);}
#ysgp-portal-root .ysgp-dtm-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
#ysgp-portal-root .ysgp-dtm-summary-grid>div{min-height:104px;border:1px solid rgba(205,219,238,.82);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.045);}
#ysgp-portal-root .ysgp-dtm-summary-grid small{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-summary-grid strong{display:block;color:#071126;font-size:clamp(22px,2.3vw,30px);font-weight:950;line-height:1;margin:9px 0 7px;}
#ysgp-portal-root .ysgp-dtm-summary-grid span{display:block;color:#52637a;font-size:12px;line-height:1.35;font-weight:800;}
#ysgp-portal-root .ysgp-dtm-map-card{position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.18);border-radius:32px;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.14),transparent 36%),radial-gradient(circle at 13% 42%,rgba(124,58,237,.16),transparent 34%),linear-gradient(180deg,#07111f 0%,#0c1423 50%,#080c16 100%);padding:28px;box-shadow:0 28px 72px rgba(2,6,23,.24);}
#ysgp-portal-root .ysgp-dtm-map-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.26;pointer-events:none;}
#ysgp-portal-root .ysgp-dtm-map-card>*{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-dtm-root-wrap{position:relative;display:flex;justify-content:center;margin-bottom:58px;}
#ysgp-portal-root .ysgp-dtm-root-wrap:after{content:"";position:absolute;left:50%;bottom:-44px;width:2px;height:44px;background:linear-gradient(180deg,rgba(125,211,252,.7),rgba(124,58,237,.25));transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-root-card{width:min(100%,620px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid rgba(125,211,252,.24);border-radius:28px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.82));box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);padding:18px;color:#f8fbff;}
#ysgp-portal-root .ysgp-dtm-root-card .ysgp-partner-avatar{box-shadow:0 0 0 4px rgba(34,211,238,.08),0 18px 34px rgba(2,6,23,.35);}
#ysgp-portal-root .ysgp-dtm-root-copy{min-width:0;}
#ysgp-portal-root .ysgp-dtm-root-copy>span{display:block;color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;margin-bottom:5px;}
#ysgp-portal-root .ysgp-dtm-root-copy h3{margin:0;color:#fff;font-size:clamp(22px,2.3vw,30px);font-weight:950;letter-spacing:-.04em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-root-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
#ysgp-portal-root .ysgp-dtm-root-badges em{display:inline-flex;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.06);color:#cbd5e1;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;font-style:normal;}
#ysgp-portal-root .ysgp-dtm-root-metrics{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;}
#ysgp-portal-root .ysgp-dtm-root-metrics div{border:1px solid rgba(34,211,238,.16);background:rgba(8,13,24,.5);border-radius:18px;padding:12px;}
#ysgp-portal-root .ysgp-dtm-root-metrics small{display:block;color:#8aa1bb;font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-root-metrics strong{display:block;color:#e0faff;font-size:18px;font-weight:950;margin-top:6px;}
#ysgp-portal-root .ysgp-dtm-branch-labels{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:12px;}
#ysgp-portal-root .ysgp-dtm-branch-labels:before{content:"";position:absolute;left:25%;right:25%;top:-14px;height:28px;border-top:2px solid rgba(125,211,252,.32);border-left:2px solid rgba(125,211,252,.32);border-right:2px solid rgba(125,211,252,.32);border-radius:22px 22px 0 0;}
#ysgp-portal-root .ysgp-dtm-branch-labels span{position:relative;display:flex;justify-content:center;color:#9ee7ff;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-branch-labels span:before{content:"";position:absolute;top:-14px;left:50%;width:2px;height:14px;background:rgba(125,211,252,.32);transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;}
#ysgp-portal-root .ysgp-dtm-branch{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.045);padding:18px;}
#ysgp-portal-root .ysgp-dtm-branch header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
#ysgp-portal-root .ysgp-dtm-branch header span{display:block;color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:5px;}
#ysgp-portal-root .ysgp-dtm-branch header h3{margin:0;color:#fff;font-size:20px;font-weight:950;letter-spacing:-.03em;}
#ysgp-portal-root .ysgp-dtm-branch header>strong{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.08);color:#d8fbff;border-radius:999px;min-height:34px;padding:0 12px;font-size:13px;font-weight:950;white-space:nowrap;}
#ysgp-portal-root .ysgp-dtm-branch-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
#ysgp-portal-root .ysgp-dtm-branch-meta small{display:inline-flex;border:1px solid rgba(148,163,184,.17);background:rgba(255,255,255,.045);color:#aebdd1;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;}
#ysgp-portal-root .ysgp-dtm-members-grid,#ysgp-portal-root .ysgp-dtm-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#ysgp-portal-root .ysgp-dtm-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
#ysgp-portal-root .ysgp-dtm-member-card{min-width:0;height:100%;}
#ysgp-portal-root .ysgp-dtm-member-main{width:100%;height:100%;min-height:170px;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));color:#e5f4ff;text-align:left;padding:13px;cursor:pointer;box-shadow:0 16px 32px rgba(2,6,23,.13);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
#ysgp-portal-root .ysgp-dtm-member-main:hover,#ysgp-portal-root .ysgp-dtm-member-main:focus-visible{transform:translateY(-2px);border-color:rgba(34,211,238,.34);background:linear-gradient(180deg,rgba(34,211,238,.09),rgba(255,255,255,.045));outline:none;}
#ysgp-portal-root .ysgp-dtm-member-avatar{display:inline-flex;border-radius:999px;padding:3px;background:rgba(255,255,255,.09);box-shadow:0 12px 24px rgba(0,0,0,.18);}
#ysgp-portal-root .ysgp-dtm-member-main section{min-width:0;display:grid;gap:6px;}
#ysgp-portal-root .ysgp-dtm-member-main strong{display:block;color:#fff;font-size:14px;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-member-main em{display:block;color:#9fb3c8;font-style:normal;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-member-badges{display:flex;flex-wrap:wrap;gap:5px;}
#ysgp-portal-root .ysgp-dtm-member-badges span{display:inline-flex;align-items:center;min-height:19px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;line-height:1;}
#ysgp-portal-root .ysgp-dtm-member-badges .status-active{background:rgba(16,185,129,.13);color:#bbf7d0;border-color:rgba(16,185,129,.22);}
#ysgp-portal-root .ysgp-dtm-member-badges .status-deactivated,#ysgp-portal-root .ysgp-dtm-member-badges .status-inactive,#ysgp-portal-root .ysgp-dtm-member-badges .status-blocked{background:rgba(244,63,94,.13);color:#fecdd3;border-color:rgba(244,63,94,.22);}
#ysgp-portal-root .ysgp-dtm-own-team-badge{background:rgba(124,58,237,.16)!important;color:#ddd6fe!important;border-color:rgba(124,58,237,.26)!important;}
#ysgp-portal-root .ysgp-dtm-member-main small{display:block;color:#d6e7f7;font-size:11px;line-height:1.35;font-weight:850;}
#ysgp-portal-root .ysgp-dtm-member-main i{display:block;color:#7f93ac;font-size:10px;font-style:normal;font-weight:750;}
#ysgp-portal-root .ysgp-dtm-show-more{width:100%;margin-top:14px;min-height:42px;border:1px solid rgba(34,211,238,.24);border-radius:16px;background:rgba(34,211,238,.08);color:#c9f7ff;font-size:12px;font-weight:950;cursor:pointer;}
#ysgp-portal-root .ysgp-dtm-show-more:hover,#ysgp-portal-root .ysgp-dtm-show-more:focus-visible{background:rgba(34,211,238,.14);outline:none;}
#ysgp-portal-root .ysgp-dtm-direct-note{margin:10px 0 0;color:#8ca4bf;font-size:12px;line-height:1.45;font-weight:750;text-align:center;}
#ysgp-portal-root .ysgp-dtm-empty-placement{min-height:198px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed rgba(148,163,184,.22);border-radius:22px;background:rgba(255,255,255,.035);color:#9fb3c8;padding:22px;}
#ysgp-portal-root .ysgp-dtm-empty-orb{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.07);color:#a5f3fc;margin-bottom:10px;}
#ysgp-portal-root .ysgp-dtm-empty-placement>span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;padding:5px 8px;margin-bottom:8px;}
#ysgp-portal-root .ysgp-dtm-empty-placement h3{margin:0;color:#fff;font-size:16px;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-empty-placement p{margin:7px 0 0;color:#8ca4bf;font-size:12px;line-height:1.45;font-weight:750;}
#ysgp-portal-root .ysgp-dtm-empty-placement button{margin-top:12px;border:0;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;min-height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:950;cursor:pointer;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-main{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#dbe7f5;color:#0f172a;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-main strong{color:#0f172a;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-main em{color:#64748b;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-main small{color:#475569;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-main i{color:#64748b;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-badges span{background:#eef5ff;color:#174ea6;border-color:#dbeafe;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-member-badges .status-active{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
@media (max-width:1280px){#ysgp-portal-root .ysgp-dtm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#ysgp-portal-root .ysgp-dtm-members-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:980px){#ysgp-portal-root .ysgp-dtm-root-card{grid-template-columns:auto 1fr;}#ysgp-portal-root .ysgp-dtm-root-metrics{grid-column:1/-1;}#ysgp-portal-root .ysgp-dtm-root-wrap{margin-bottom:26px;}#ysgp-portal-root .ysgp-dtm-root-wrap:after,#ysgp-portal-root .ysgp-dtm-branch-labels{display:none;}#ysgp-portal-root .ysgp-dtm-branches{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-dtm-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){#ysgp-portal-root .ysgp-dtm-hero-head{display:block;}#ysgp-portal-root .ysgp-dtm-hero-pill{margin-top:14px;}#ysgp-portal-root .ysgp-dtm-summary-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-map-card{padding:18px;border-radius:24px;}#ysgp-portal-root .ysgp-dtm-root-card{grid-template-columns:1fr;text-align:center;justify-items:center;border-radius:24px;}#ysgp-portal-root .ysgp-dtm-root-copy h3{white-space:normal;}#ysgp-portal-root .ysgp-dtm-root-badges{justify-content:center;}#ysgp-portal-root .ysgp-dtm-root-metrics{width:100%;grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-branch{padding:14px;border-radius:22px;}#ysgp-portal-root .ysgp-dtm-branch header{align-items:flex-start;flex-direction:column;}#ysgp-portal-root .ysgp-dtm-members-grid,#ysgp-portal-root .ysgp-dtm-search-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-member-main{min-height:150px;}#ysgp-portal-root .ysgp-dtm-drawer aside{width:100%;height:min(88vh,720px);}}
@media (max-width:420px){#ysgp-portal-root .ysgp-dtm-member-main{grid-template-columns:1fr;text-align:center;justify-items:center;}#ysgp-portal-root .ysgp-dtm-member-badges{justify-content:center;}#ysgp-portal-root .ysgp-dtm-member-main section{justify-items:center;}#ysgp-portal-root .ysgp-dtm-member-main strong,#ysgp-portal-root .ysgp-dtm-member-main em{white-space:normal;}}

/* v265 Direct Team Tree visual restoration - direct-only data, old tree feeling without old payout logic */
#ysgp-portal-root .ysgp-dtm-tree-page{max-width:1280px;margin-inline:auto;}
#ysgp-portal-root .ysgp-dtm-tree-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:4px 2px 0;background:transparent;border:0;box-shadow:none;}
#ysgp-portal-root .ysgp-dtm-tree-intro span{display:block;color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;margin-bottom:6px;}
#ysgp-portal-root .ysgp-dtm-tree-intro h2{margin:0;color:#f8fbff;font-size:30px;line-height:1.05;font-weight:950;letter-spacing:-.045em;}
#ysgp-portal-root .ysgp-dtm-tree-intro p{margin:8px 0 0;color:#94a3b8;font-size:14px;line-height:1.5;font-weight:760;max-width:680px;}
#ysgp-portal-root .ysgp-dtm-tree-intro-note{display:flex;align-items:center;gap:9px;border:1px solid rgba(34,211,238,.18);background:rgba(2,6,23,.38);border-radius:999px;padding:8px 12px;color:#d7fbff;white-space:nowrap;}
#ysgp-portal-root .ysgp-dtm-tree-intro-note strong{font-size:12px;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-tree-intro-note small{color:#8aa6bd;font-size:11px;font-weight:760;}
#ysgp-portal-root .ysgp-dtm-mini-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 15px;}
#ysgp-portal-root .ysgp-dtm-mini-stats span{min-width:0;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.38);border-radius:16px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
#ysgp-portal-root .ysgp-dtm-mini-stats small{display:block;color:#8ca4bf;font-size:9px;text-transform:uppercase;letter-spacing:.10em;font-weight:950;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-mini-stats strong{display:block;color:#fff;font-size:17px;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-classic-stage{position:relative;overflow:hidden;border:1px solid rgba(125,211,252,.16);border-radius:32px;background:radial-gradient(circle at 50% 5%,rgba(34,211,238,.16),transparent 30%),radial-gradient(circle at 16% 55%,rgba(124,58,237,.12),transparent 32%),linear-gradient(180deg,rgba(8,13,27,.88),rgba(4,9,22,.72));box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045);padding:30px 28px 32px;margin-bottom:16px;}
#ysgp-portal-root .ysgp-dtm-classic-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,211,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 20%,black,transparent 78%);pointer-events:none;}
#ysgp-portal-root .ysgp-dtm-classic-stage>*{position:relative;z-index:1;}
#ysgp-portal-root .ysgp-dtm-tree-root{display:grid;justify-items:center;gap:10px;margin:0 auto;}
#ysgp-portal-root .ysgp-dtm-tree-root .ysgp-dtm-tree-node{margin-inline:auto;}
#ysgp-portal-root .ysgp-dtm-tree-root-metrics{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:760px;}
#ysgp-portal-root .ysgp-dtm-tree-root-metrics span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(34,211,238,.16);border-radius:999px;background:rgba(34,211,238,.065);padding:7px 10px;}
#ysgp-portal-root .ysgp-dtm-tree-root-metrics small{color:#9bb4ca;font-size:9px;text-transform:uppercase;letter-spacing:.10em;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-tree-root-metrics strong{color:#e8fbff;font-size:12px;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-tree-connectors{position:relative;height:76px;width:min(760px,82%);margin:6px auto 0;}
#ysgp-portal-root .ysgp-dtm-tree-connectors i,#ysgp-portal-root .ysgp-dtm-tree-connectors b{position:absolute;left:50%;width:2px;background:linear-gradient(180deg,rgba(125,211,252,.78),rgba(125,211,252,.22));transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-tree-connectors i{top:0;height:34px;}
#ysgp-portal-root .ysgp-dtm-tree-connectors b{bottom:0;height:28px;}
#ysgp-portal-root .ysgp-dtm-tree-connectors span{position:absolute;left:8%;right:8%;top:34px;height:32px;border-top:2px solid rgba(125,211,252,.46);border-left:2px solid rgba(125,211,252,.46);border-right:2px solid rgba(125,211,252,.46);border-radius:30px 30px 0 0;}
#ysgp-portal-root .ysgp-dtm-tree-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start;margin-top:0;}
#ysgp-portal-root .ysgp-dtm-tree-leg{position:relative;min-width:0;padding:0 4px 4px;background:transparent;border:0;box-shadow:none;}
#ysgp-portal-root .ysgp-dtm-tree-leg:before{content:"";position:absolute;top:-1px;left:50%;width:2px;height:25px;background:rgba(125,211,252,.44);transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-tree-leg-head{position:relative;width:max-content;max-width:100%;margin:24px auto 16px;display:grid;justify-items:center;text-align:center;border:1px solid rgba(125,211,252,.22);background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.48));border-radius:999px;padding:9px 16px;box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.055);}
#ysgp-portal-root .ysgp-dtm-tree-leg-head span{color:#9ee7ff;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:950;line-height:1;}
#ysgp-portal-root .ysgp-dtm-tree-leg-head strong{margin-top:5px;color:#fff;font-size:15px;font-weight:950;letter-spacing:-.02em;}
#ysgp-portal-root .ysgp-dtm-tree-leg-head em{display:block;margin-top:3px;color:#8aa6bd;font-style:normal;font-size:10px;font-weight:800;}
#ysgp-portal-root .ysgp-dtm-tree-leg-line{position:relative;height:18px;width:min(420px,86%);margin:0 auto 12px;}
#ysgp-portal-root .ysgp-dtm-tree-leg-line:before{content:"";position:absolute;left:12%;right:12%;top:0;border-top:2px solid rgba(125,211,252,.24);}
#ysgp-portal-root .ysgp-dtm-tree-leg-line:after{content:"";position:absolute;left:50%;top:-16px;height:18px;border-left:2px solid rgba(125,211,252,.30);transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-tree-node-grid{position:relative;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:20px 18px;margin:0 auto;max-width:560px;}
#ysgp-portal-root .ysgp-dtm-tree-node{position:relative;width:154px;min-width:0;text-align:center;color:#e5f4ff;}
#ysgp-portal-root .ysgp-dtm-tree-node:before{content:"";position:absolute;left:50%;top:-12px;height:12px;border-left:1px solid rgba(125,211,252,.22);transform:translateX(-50%);}
#ysgp-portal-root .ysgp-dtm-tree-root .ysgp-dtm-tree-node:before{display:none;}
#ysgp-portal-root .ysgp-dtm-tree-node-main{width:100%;display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:inherit;text-align:center;padding:0;cursor:pointer;}
#ysgp-portal-root .ysgp-dtm-tree-node-main:focus-visible{outline:3px solid rgba(34,211,238,.26);outline-offset:8px;border-radius:28px;}
#ysgp-portal-root .ysgp-dtm-tree-node-avatar{position:relative;display:inline-flex;border-radius:999px;padding:5px;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.18),rgba(34,211,238,.08));box-shadow:0 15px 36px rgba(0,0,0,.24),0 0 0 1px rgba(125,211,252,.22);}
#ysgp-portal-root .ysgp-dtm-tree-node-avatar:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(125,211,252,.16);box-shadow:0 0 24px rgba(34,211,238,.08);pointer-events:none;}
#ysgp-portal-root .ysgp-dtm-tree-node.level-0{width:250px;}
#ysgp-portal-root .ysgp-dtm-tree-node.level-0 .ysgp-dtm-tree-node-avatar{padding:7px;box-shadow:0 20px 46px rgba(34,211,238,.16),0 0 0 1px rgba(125,211,252,.24);}
#ysgp-portal-root .ysgp-dtm-tree-node-main section{min-width:0;display:grid;justify-items:center;gap:4px;width:100%;}
#ysgp-portal-root .ysgp-dtm-tree-node-main strong{display:block;width:100%;color:#fff;font-size:13px;font-weight:950;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-tree-node.level-0 .ysgp-dtm-tree-node-main strong{font-size:16px;}
#ysgp-portal-root .ysgp-dtm-tree-node-main em{display:block;max-width:100%;color:#9fb3c8;font-size:10.5px;font-style:normal;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ysgp-portal-root .ysgp-dtm-tree-node-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;min-height:20px;}
#ysgp-portal-root .ysgp-dtm-tree-node-badges span{display:inline-flex;align-items:center;min-height:18px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(148,163,184,.16);color:#d6e7f7;font-size:8px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;padding:3px 7px;line-height:1;}
#ysgp-portal-root .ysgp-dtm-tree-node-badges .status-active{background:rgba(16,185,129,.13);color:#bbf7d0;border-color:rgba(16,185,129,.22);}
#ysgp-portal-root .ysgp-dtm-tree-node-badges .status-deactivated,#ysgp-portal-root .ysgp-dtm-tree-node-badges .status-inactive,#ysgp-portal-root .ysgp-dtm-tree-node-badges .status-blocked{background:rgba(244,63,94,.12);color:#fecdd3;border-color:rgba(244,63,94,.20);}
#ysgp-portal-root .ysgp-dtm-tree-node-main small{display:block;color:#cfe5f5;font-size:10px;font-weight:850;line-height:1.35;}
#ysgp-portal-root .ysgp-dtm-tree-node-main i{display:block;color:#71869c;font-size:9.5px;font-style:normal;font-weight:760;}
#ysgp-portal-root .ysgp-dtm-tree-node-main:hover .ysgp-dtm-tree-node-avatar,#ysgp-portal-root .ysgp-dtm-tree-node-main:focus-visible .ysgp-dtm-tree-node-avatar{box-shadow:0 18px 42px rgba(34,211,238,.20),0 0 0 1px rgba(125,211,252,.34);}
#ysgp-portal-root .ysgp-dtm-tree-empty{width:min(320px,100%);min-height:168px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed rgba(125,211,252,.22);border-radius:28px;background:rgba(15,23,42,.28);color:#9fb3c8;padding:22px;}
#ysgp-portal-root .ysgp-dtm-tree-empty-orb{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(125,211,252,.22);background:rgba(34,211,238,.07);color:#a5f3fc;margin-bottom:10px;}
#ysgp-portal-root .ysgp-dtm-tree-empty>span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;padding:5px 8px;margin-bottom:8px;}
#ysgp-portal-root .ysgp-dtm-tree-empty h3{margin:0;color:#fff;font-size:15px;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-tree-empty p{margin:7px 0 0;color:#8ca4bf;font-size:12px;line-height:1.45;font-weight:750;}
#ysgp-portal-root .ysgp-dtm-tree-empty button,#ysgp-portal-root .ysgp-dtm-tree-show-more{margin-top:12px;border:1px solid rgba(34,211,238,.24);border-radius:999px;background:rgba(34,211,238,.08);color:#c9f7ff;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:950;cursor:pointer;}
#ysgp-portal-root .ysgp-dtm-tree-show-more{width:max-content;max-width:100%;margin:18px auto 0;}
#ysgp-portal-root .ysgp-dtm-tree-show-more:hover,#ysgp-portal-root .ysgp-dtm-tree-show-more:focus-visible{background:rgba(34,211,238,.14);outline:none;}
#ysgp-portal-root .ysgp-dtm-tree-note{margin:9px 0 0;color:#8ca4bf;font-size:11px;line-height:1.45;font-weight:750;text-align:center;}
#ysgp-portal-root .ysgp-dtm-tree-filter-shell{border:1px solid rgba(148,163,184,.13);border-radius:24px;background:rgba(15,23,42,.28);padding:12px;margin:0 0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
#ysgp-portal-root .ysgp-dtm-tree-controls{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,.8fr)) auto;gap:10px;align-items:end;margin:0;}
#ysgp-portal-root .ysgp-dtm-tree-controls label{display:grid;gap:7px;min-width:0;}
#ysgp-portal-root .ysgp-dtm-tree-controls label span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8ba5bc;font-weight:950;}
#ysgp-portal-root .ysgp-dtm-tree-controls input,#ysgp-portal-root .ysgp-dtm-tree-controls select{width:100%;height:42px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(2,6,23,.45);color:#f8fbff;font-size:13px;font-weight:800;padding:0 12px;outline:none;box-shadow:none;}
#ysgp-portal-root .ysgp-dtm-tree-controls input:focus,#ysgp-portal-root .ysgp-dtm-tree-controls select:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.12);}
#ysgp-portal-root .ysgp-dtm-tree-controls>div{display:flex;gap:8px;align-items:center;}
#ysgp-portal-root .ysgp-dtm-tree-controls button{height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.18);padding:0 13px;font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap;}
#ysgp-portal-root .ysgp-dtm-tree-controls button[type="submit"]{border-color:rgba(34,211,238,.28);background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;}
#ysgp-portal-root .ysgp-dtm-tree-controls button[type="button"]{background:rgba(255,255,255,.06);color:#d8fbff;}
#ysgp-portal-root .ysgp-dtm-results-card{border:1px solid rgba(148,163,184,.14);border-radius:26px;background:rgba(15,23,42,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:18px;margin-top:12px;}
#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-search-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
@media (max-width:1180px){#ysgp-portal-root .ysgp-dtm-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));}#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));}#ysgp-portal-root .ysgp-dtm-tree-controls{grid-template-columns:repeat(3,minmax(0,1fr));}#ysgp-portal-root .ysgp-dtm-tree-controls>div{grid-column:auto;}}
@media (max-width:980px){#ysgp-portal-root .ysgp-dtm-tree-intro{display:block;}#ysgp-portal-root .ysgp-dtm-tree-intro-note{margin-top:12px;width:max-content;max-width:100%;white-space:normal;}#ysgp-portal-root .ysgp-dtm-tree-connectors{display:none;}#ysgp-portal-root .ysgp-dtm-tree-legs{grid-template-columns:1fr;gap:24px;}#ysgp-portal-root .ysgp-dtm-tree-leg:before{display:none;}#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:720px){#ysgp-portal-root .ysgp-dtm-tree-intro h2{font-size:25px;}#ysgp-portal-root .ysgp-dtm-mini-stats{grid-template-columns:1fr 1fr;}#ysgp-portal-root .ysgp-dtm-classic-stage{padding:22px 14px 24px;border-radius:26px;}#ysgp-portal-root .ysgp-dtm-tree-root-metrics{display:grid;grid-template-columns:1fr;width:100%;}#ysgp-portal-root .ysgp-dtm-tree-root-metrics span{justify-content:space-between;}#ysgp-portal-root .ysgp-dtm-tree-controls{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-tree-controls>div{display:grid;grid-template-columns:1fr 1fr;}#ysgp-portal-root .ysgp-dtm-tree-node-grid{gap:18px 14px;}#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){#ysgp-portal-root .ysgp-dtm-mini-stats{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-tree-node{width:138px;}#ysgp-portal-root .ysgp-dtm-tree-node.level-0{width:min(230px,100%);}#ysgp-portal-root .ysgp-dtm-tree-node-main strong{font-size:12px;}#ysgp-portal-root .ysgp-dtm-tree-node-badges span{font-size:7.5px;padding:3px 6px;}#ysgp-portal-root .ysgp-dtm-results-card .ysgp-dtm-search-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-tree-controls>div{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-dtm-tree-controls button{width:100%;}}

/* v266 Direct Team UI regression repair: restore the original classic tree visual, powered by direct-only data. */
#ysgp-portal-root .ysgp-direct-classic-page-v266{max-width:1220px;margin-inline:auto;gap:16px;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266{padding:16px 16px 18px;background:linear-gradient(180deg,#fff 0%,#fbfdff 62%,#f7fbff 100%);border-color:rgba(205,219,238,.92);box-shadow:0 18px 52px rgba(15,23,42,.055);}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-tree-stage-head{margin-bottom:12px;align-items:flex-start;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-tree-stage-head h2{font-size:24px;color:#081126;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-tree-stage-head p{max-width:650px;}
#ysgp-portal-root .ysgp-direct-stage-badges-v266{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:460px;}
#ysgp-portal-root .ysgp-direct-stage-badges-v266 span{display:inline-flex;align-items:center;min-height:28px;border:1px solid #dbe7f5;border-radius:999px;background:#f8fbff;color:#174ea6;font-size:10px;font-weight:950;letter-spacing:.04em;padding:0 9px;white-space:nowrap;}
#ysgp-portal-root .ysgp-direct-tree-viewport-v266{margin-top:8px;}
#ysgp-portal-root .ysgp-direct-tree-root-v266{min-width:980px;padding-top:2px;}
#ysgp-portal-root .ysgp-direct-tree-branches-v266{gap:92px;}
#ysgp-portal-root .ysgp-direct-tree-branches-v266:before{left:92px;right:92px;}
#ysgp-portal-root .ysgp-direct-tree-members-v266{grid-template-columns:repeat(2,max-content);gap:34px 36px;margin-top:42px;}
#ysgp-portal-root .ysgp-direct-tree-members-v266:before{left:58px;right:58px;}
#ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main .ysgp-binary-node-avatar{box-shadow:0 14px 32px rgba(23,78,166,.12);}
#ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main strong{font-size:13px;color:#0f172a;}
#ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main small{display:block;color:#64748b;font-size:10px;font-weight:900;line-height:1.3;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-node-main i{display:block;color:#64748b;font-size:9.5px;font-style:normal;font-weight:750;line-height:1.2;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-node-main small{display:block;color:#475569;font-size:10px;font-weight:850;line-height:1.32;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-node-badges .ysgp-dtm-own-team-badge{background:#f3e8ff!important;color:#6d28d9!important;border-color:#e9d5ff!important;}
#ysgp-portal-root .ysgp-direct-show-more-v266{margin:10px auto 0;display:inline-flex;align-items:center;justify-content:center;}
#ysgp-portal-root .ysgp-direct-tree-controls-v266{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(130px,.8fr)) auto;margin:14px 0 0;}
#ysgp-portal-root .ysgp-direct-search-results-v266{margin-top:14px;}
#ysgp-portal-root .ysgp-direct-search-results-v266 .ysgp-binary-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
#ysgp-portal-root .ysgp-direct-search-results-v266 .ysgp-binary-node-main{width:100%;max-width:154px;margin-inline:auto;}
@media (max-width:1200px){#ysgp-portal-root .ysgp-direct-tree-root-v266{min-width:900px;}#ysgp-portal-root .ysgp-direct-tree-branches-v266{gap:72px;}#ysgp-portal-root .ysgp-direct-search-results-v266 .ysgp-binary-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:1024px){#ysgp-portal-root .ysgp-direct-tree-root-v266{min-width:820px;}#ysgp-portal-root .ysgp-direct-tree-branches-v266{gap:54px;}#ysgp-portal-root .ysgp-direct-tree-members-v266{gap:28px 26px;}#ysgp-portal-root .ysgp-direct-tree-controls-v266{grid-template-columns:repeat(2,minmax(0,1fr));}#ysgp-portal-root .ysgp-direct-search-results-v266 .ysgp-binary-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-tree-stage-head{display:block;}#ysgp-portal-root .ysgp-direct-stage-badges-v266{justify-content:flex-start;margin-top:10px;max-width:100%;}#ysgp-portal-root .ysgp-direct-tree-root-v266{min-width:680px;}#ysgp-portal-root .ysgp-direct-tree-branches-v266{gap:38px;}#ysgp-portal-root .ysgp-direct-tree-members-v266{grid-template-columns:repeat(2,max-content);gap:22px 20px;}#ysgp-portal-root .ysgp-direct-tree-controls-v266{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-direct-tree-controls-v266>div{display:grid;grid-template-columns:1fr 1fr;width:100%;}}
@media (max-width:640px){#ysgp-portal-root .ysgp-direct-tree-viewport-v266{overflow-x:hidden;}#ysgp-portal-root .ysgp-direct-tree-root-v266{min-width:0;width:100%;display:block;}#ysgp-portal-root .ysgp-direct-tree-branches-v266{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px;padding-top:30px;}#ysgp-portal-root .ysgp-direct-tree-branches-v266:before{left:25%;right:25%;}#ysgp-portal-root .ysgp-direct-branch-node-v266{width:100%;min-width:0;}#ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main{width:116px;}#ysgp-portal-root .ysgp-direct-tree-members-v266{width:100%;grid-template-columns:1fr;gap:18px;margin-top:36px;}#ysgp-portal-root .ysgp-direct-tree-members-v266:before{display:none;}#ysgp-portal-root .ysgp-direct-tree-members-v266>.ysgp-binary-node:before,#ysgp-portal-root .ysgp-direct-tree-members-v266>.ysgp-binary-empty-placement:before{display:none;}#ysgp-portal-root .ysgp-direct-search-results-v266 .ysgp-binary-result-grid{grid-template-columns:1fr;}#ysgp-portal-root .ysgp-direct-tree-controls-v266>div{grid-template-columns:1fr;}}
@media (max-width:390px){#ysgp-portal-root .ysgp-direct-stage-badges-v266 span{width:100%;justify-content:center;}#ysgp-portal-root .ysgp-direct-tree-branches-v266{gap:12px;}#ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main{width:108px;}#ysgp-portal-root .ysgp-direct-tree-members-v266 .ysgp-binary-node-main{width:102px;}}

/* v267 Direct Team Tree empty-state repair: keep empty sides compact inside branch nodes, without giant placeholder cards. */
#ysgp-portal-root .ysgp-direct-branch-node-v267.is-empty-direct-branch-v267{min-width:128px;}
#ysgp-portal-root .ysgp-direct-branch-node-v267.is-empty-direct-branch-v267>.ysgp-binary-node-main{cursor:default;}
#ysgp-portal-root .ysgp-direct-branch-node-v267.is-empty-direct-branch-v267>.ysgp-binary-node-main:after{display:none!important;}
#ysgp-portal-root .ysgp-direct-branch-node-v267.is-empty-direct-branch-v267 .ysgp-binary-node-badges span:first-child{background:#f8fbff!important;color:#64748b!important;border:1px solid #e2ebf7!important;letter-spacing:.03em;text-transform:none;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267{width:auto;min-height:0;margin:4px auto 0;padding:0;display:grid;gap:3px;justify-items:center;background:transparent;border:0;box-shadow:none;color:#64748b;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267:before{display:none!important;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267 span{margin:0;padding:3px 8px;border-radius:999px;background:#f8fbff;border:1px solid #e2ebf7;color:#64748b;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:none;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267 h3{margin:0;color:#64748b;font-size:10px;font-weight:850;line-height:1.25;}
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267 .ysgp-binary-empty-orb,
#ysgp-portal-root .ysgp-direct-classic-tree-v266 .ysgp-binary-empty-placement-compact-v267 button{display:none!important;}

/* v268 Pricing/Subscription plan switcher: show one product family at a time instead of stacking all 8 packages. */
.ysgp-pricing-switch-section-v268{
  width:100%;
  max-width:94rem;
  margin:0 auto;
}
.ysgp-pricing-mode-bar-v268{
  width:max-content;
  max-width:100%;
  margin:0 auto 28px;
  padding:6px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:14px;
  background:rgba(2,6,23,.72);
  box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(16px);
}
.ysgp-pricing-mode-bar-v268 button{
  appearance:none;
  border:1px solid transparent;
  border-radius:10px;
  min-width:112px;
  padding:10px 18px;
  background:transparent;
  color:#cbd5e1;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ysgp-pricing-mode-bar-v268 button:hover:not(:disabled){
  color:#fff;
  border-color:rgba(34,211,238,.22);
  background:rgba(255,255,255,.05);
}
.ysgp-pricing-mode-bar-v268 button.is-active{
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  box-shadow:0 10px 22px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.ysgp-pricing-mode-bar-v268 button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.ysgp-plan-group-v268{
  animation:ysgpPlanSwitchFadeV268 .22s ease both;
}
.ysgp-plan-group-head-v268{
  max-width:94rem;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ysgp-portal-plan-switch-v268 .ysgp-pricing-mode-bar-v268{
  margin:0 0 24px;
}
#ysgp-portal-root .ysgp-portal-plan-switch-v268{
  max-width:100%;
}
#ysgp-portal-root .ysgp-portal-plan-switch-v268 .ysgp-plan-group-head-v268{
  max-width:100%!important;
}
@keyframes ysgpPlanSwitchFadeV268{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:720px){
  .ysgp-pricing-mode-bar-v268{width:100%;justify-content:center;margin-bottom:22px;}
  .ysgp-pricing-mode-bar-v268 button{flex:1;min-width:0;padding:11px 12px;font-size:12px;}
  .ysgp-plan-group-head-v268{gap:10px!important;}
}

/* v269 Hero video background: replace the old XAU analysis card with a clean full-section video backdrop. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background:#02060d;
  isolation:isolate;
}
#ysgp-landing-root .ysgp-hero-video-bg-v269{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.54;
  filter:saturate(1.16) contrast(1.08) brightness(.70);
  pointer-events:none;
  z-index:0;
}
#ysgp-landing-root .ysgp-hero-video-scrim-v269{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 48%,rgba(0,229,255,.18),transparent 34%),
    radial-gradient(circle at 76% 55%,rgba(139,92,246,.22),transparent 38%),
    linear-gradient(90deg,rgba(2,6,13,.94) 0%,rgba(2,6,13,.74) 42%,rgba(2,6,13,.50) 100%),
    linear-gradient(180deg,rgba(2,6,13,.86) 0%,rgba(2,6,13,.32) 46%,rgba(2,6,13,.94) 100%);
}
#ysgp-landing-root .ysgp-hero-video-glow-v269{
  position:absolute;
  inset:auto -10% -26% -10%;
  height:48%;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(34,211,238,.18),transparent 64%);
  filter:blur(48px);
  opacity:.78;
}
#ysgp-landing-root .ysgp-hero-video-space-v269{
  min-height:500px;
}
@media (max-width:1023px){
  #ysgp-landing-root .ysgp-hero-video-bg-v269{opacity:.44;}
  #ysgp-landing-root .ysgp-hero-video-scrim-v269{
    background:
      radial-gradient(circle at 50% 38%,rgba(0,229,255,.12),transparent 34%),
      linear-gradient(180deg,rgba(2,6,13,.92),rgba(2,6,13,.78) 48%,rgba(2,6,13,.95));
  }
}


/* v270 Hero video original look: remove green/blue tint, dark scrim, and glow overlays. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background:#000!important;
}
#ysgp-landing-root .ysgp-hero-video-bg-v269{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
#ysgp-landing-root .ysgp-hero-video-scrim-v269,
#ysgp-landing-root .ysgp-hero-video-glow-v269{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  filter:none!important;
}
@media (max-width:1023px){
  #ysgp-landing-root .ysgp-hero-video-bg-v269{
    opacity:1!important;
    filter:none!important;
  }
}

/* v271 Hero video polish: remove visible top-left brand, match CTAs and hero text to the purple/chrome video. */
#ysgp-landing-root .ysgp-landing-brand-v271{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-landing-nav-glass-v271{
  background:rgba(12,10,28,.26)!important;
  border:1px solid rgba(225,214,255,.16)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
}
#ysgp-landing-root .ysgp-landing-nav-glass-v271 a{
  color:rgba(245,240,255,.86)!important;
  text-shadow:0 0 14px rgba(167,139,250,.18)!important;
}
#ysgp-landing-root .ysgp-landing-nav-glass-v271 a:hover{
  color:#fff!important;
  background:rgba(180,132,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-open-portal-v271{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(124,58,237,.96),rgba(79,70,229,.94) 46%,rgba(217,70,239,.92))!important;
  border-color:rgba(233,213,255,.62)!important;
  box-shadow:0 0 26px rgba(168,85,247,.36),0 16px 42px rgba(79,70,229,.22),inset 0 1px 0 rgba(255,255,255,.30)!important;
  text-shadow:0 1px 12px rgba(255,255,255,.28)!important;
}
#ysgp-landing-root .ysgp-open-portal-v271:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#a78bfa,#7c3aed 48%,#f0abfc)!important;
  box-shadow:0 0 34px rgba(216,180,254,.50),0 18px 48px rgba(124,58,237,.30)!important;
}
#ysgp-landing-root .ysgp-hero-kicker-v271{
  background:rgba(34,18,72,.34)!important;
  border-color:rgba(216,180,254,.36)!important;
  box-shadow:0 0 28px rgba(168,85,247,.20), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
}
#ysgp-landing-root .ysgp-hero-kicker-ping-v271{background:#c084fc!important;opacity:.70!important;}
#ysgp-landing-root .ysgp-hero-kicker-dot-v271{background:#e9d5ff!important;box-shadow:0 0 16px rgba(216,180,254,.86)!important;}
#ysgp-landing-root .ysgp-hero-kicker-text-v271{
  color:#f7ecff!important;
  letter-spacing:.03em!important;
  text-shadow:0 0 18px rgba(216,180,254,.38)!important;
}
#ysgp-landing-root .ysgp-hero-title-v271{
  color:#f8f4ff!important;
  text-shadow:0 0 30px rgba(123,92,255,.26),0 2px 18px rgba(0,0,0,.42)!important;
}
#ysgp-landing-root .ysgp-hero-title-gradient-v271{
  background-image:linear-gradient(90deg,#ffffff 0%,#e9d5ff 28%,#a78bfa 62%,#f0abfc 100%)!important;
  filter:drop-shadow(0 0 20px rgba(168,85,247,.38))!important;
}
#ysgp-landing-root .ysgp-hero-title-v271 + p{
  color:rgba(225,219,240,.78)!important;
  text-shadow:0 1px 16px rgba(0,0,0,.35)!important;
}
#ysgp-landing-root .ysgp-watch-demo-v271{
  background:rgba(30,18,66,.34)!important;
  border:1px solid rgba(216,180,254,.24)!important;
  color:#f9f5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 40px rgba(39,21,93,.26)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
}
#ysgp-landing-root .ysgp-watch-demo-v271:hover{
  background:rgba(124,58,237,.24)!important;
  border-color:rgba(233,213,255,.44)!important;
  box-shadow:0 0 26px rgba(168,85,247,.32),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#ysgp-landing-root .ysgp-watch-demo-icon-v271{
  color:#d8b4fe!important;
  filter:drop-shadow(0 0 10px rgba(216,180,254,.50))!important;
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-landing-brand-v271{opacity:0!important;visibility:hidden!important;width:42px!important;}
  #ysgp-landing-root .ysgp-open-portal-v271{border-radius:18px!important;}
}


/* v272 Hero logo + glass CTA polish. */
#ysgp-landing-root .ysgp-landing-brand-v271.ysgp-landing-logo-brand-v272{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  filter:drop-shadow(0 0 24px rgba(168,85,247,.26)) drop-shadow(0 0 14px rgba(59,130,246,.18));
}
#ysgp-landing-root .ysgp-landing-logo-img-v272{
  display:block!important;
  width:168px!important;
  max-width:22vw!important;
  height:auto!important;
  object-fit:contain!important;
  transform:translateY(-1px);
}
#ysgp-landing-root nav.scrolled .ysgp-landing-logo-img-v272,
#ysgp-landing-root .ysgp-landing-topbar-v271 .ysgp-landing-logo-img-v272{
  max-height:64px!important;
}
#ysgp-landing-root .ysgp-initialize-setup-v272{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(139,92,246,.18) 45%,rgba(59,130,246,.12))!important;
  border:1px solid rgba(233,213,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 30px rgba(168,85,247,.24),0 16px 44px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  text-shadow:0 1px 14px rgba(216,180,254,.28)!important;
}
#ysgp-landing-root .ysgp-initialize-setup-v272:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(168,85,247,.26) 48%,rgba(99,102,241,.18))!important;
  border-color:rgba(255,255,255,.56)!important;
  box-shadow:0 0 38px rgba(216,180,254,.36),0 20px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
#ysgp-landing-root .ysgp-initialize-setup-v272 svg{
  color:#f7ecff!important;
  filter:drop-shadow(0 0 10px rgba(216,180,254,.45));
}
#ysgp-landing-root .ysgp-mobile-logo-img-v272{
  width:150px!important;
  max-width:48vw!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 20px rgba(168,85,247,.22));
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-landing-brand-v271.ysgp-landing-logo-brand-v272{
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
  }
  #ysgp-landing-root .ysgp-landing-logo-img-v272{
    width:124px!important;
    max-width:34vw!important;
  }
  #ysgp-landing-root .ysgp-initialize-setup-v272{
    width:100%!important;
  }
}

/* v273 Hero refinement: exact uploaded glass logo, full-quality video rendering, slower loop feel. */
#ysgp-landing-root .ysgp-landing-logo-img-v272{
  width:188px!important;
  max-width:24vw!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
  filter:saturate(1.18) contrast(1.07) drop-shadow(0 0 18px rgba(181,99,255,.30)) drop-shadow(0 0 10px rgba(59,178,255,.20))!important;
}
#ysgp-landing-root nav.scrolled .ysgp-landing-logo-img-v272,
#ysgp-landing-root .ysgp-landing-topbar-v271 .ysgp-landing-logo-img-v272{
  max-height:86px!important;
}
#ysgp-landing-root .ysgp-hero-video-bg-v269{
  opacity:1!important;
  filter:none!important;
  transform:translate3d(0,0,0) scale(1.0001)!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
  image-rendering:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
#ysgp-landing-root .ysgp-hero-video-section-v269::before,
#ysgp-landing-root .ysgp-hero-video-section-v269::after{
  display:none!important;
  content:none!important;
}
#ysgp-landing-root .ysgp-initialize-setup-v272,
#ysgp-landing-root .ysgp-watch-demo-v271{
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-landing-logo-img-v272{width:142px!important;max-width:38vw!important;max-height:66px!important;}
  #ysgp-landing-root .ysgp-mobile-logo-img-v272{width:158px!important;max-width:52vw!important;filter:saturate(1.18) contrast(1.07) drop-shadow(0 0 16px rgba(181,99,255,.28))!important;}
}


/* v274 Hero correction: original logo, normal video loop speed, calmer non-AI typography. */
#ysgp-landing-root{
  --ysgp-font-ui:"Aptos","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  --ysgp-font-display:"Aptos Display","Aptos","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
}
#ysgp-landing-root .ysgp-landing-logo-img-v272,
#ysgp-landing-root .ysgp-mobile-logo-img-v272{
  filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
}
#ysgp-landing-root .ysgp-landing-logo-brand-v272{
  filter:none!important;
  box-shadow:none!important;
}
#ysgp-landing-root .ysgp-landing-logo-img-v272{
  width:176px!important;
  max-width:23vw!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
#ysgp-landing-root .ysgp-mobile-logo-img-v272{
  width:154px!important;
  max-width:50vw!important;
}
#ysgp-landing-root .ysgp-hero-video-bg-v269{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}
#ysgp-landing-root .ysgp-hero-title-v271,
#ysgp-landing-root .ysgp-hero-title-v271 *,
#ysgp-landing-root .ysgp-hero-kicker-text-v271,
#ysgp-landing-root .ysgp-hero-title-v271 + p,
#ysgp-landing-root .ysgp-initialize-setup-v272,
#ysgp-landing-root .ysgp-watch-demo-v271,
#ysgp-landing-root .ysgp-landing-nav-glass-v271 a,
#ysgp-landing-root .ysgp-open-portal-v271{
  font-family:var(--ysgp-font-display)!important;
  font-synthesis-weight:none!important;
}
#ysgp-landing-root .ysgp-hero-title-v271{
  font-weight:720!important;
  letter-spacing:-.045em!important;
  line-height:1.05!important;
  color:#fbf7ff!important;
}
#ysgp-landing-root .ysgp-hero-title-gradient-v271{
  background-image:linear-gradient(90deg,#ffffff 0%,#eee7ff 34%,#c9b5ff 70%,#f4c7ff 100%)!important;
  filter:none!important;
}
#ysgp-landing-root .ysgp-hero-title-v271 + p{
  font-family:var(--ysgp-font-ui)!important;
  font-weight:420!important;
  letter-spacing:-.012em!important;
  line-height:1.72!important;
  color:rgba(238,233,247,.82)!important;
}
#ysgp-landing-root .ysgp-hero-kicker-text-v271{
  font-weight:680!important;
  letter-spacing:.01em!important;
}
#ysgp-landing-root .ysgp-initialize-setup-v272,
#ysgp-landing-root .ysgp-watch-demo-v271{
  font-weight:720!important;
  letter-spacing:-.01em!important;
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-landing-logo-img-v272{width:142px!important;max-width:38vw!important;max-height:64px!important;}
  #ysgp-landing-root .ysgp-mobile-logo-img-v272{width:154px!important;max-width:52vw!important;filter:none!important;}
}

/* v275 Hero seamless video loop + exact logo + cleaner hero copy.
   Keeps original video speed, crossfades to the first frame before the source ends,
   and removes any added logo glow/filter. */
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  z-index:0!important;
  pointer-events:none!important;
  background:#000!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-bg-v269,
#ysgp-landing-root .ysgp-hero-video-seamless-v275{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:0!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
  transition:opacity .62s ease!important;
  will-change:opacity!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-hero-video-seamless-v275.is-active{
  opacity:1!important;
}
#ysgp-landing-root .ysgp-landing-logo-img-v272,
#ysgp-landing-root .ysgp-mobile-logo-img-v272{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  image-rendering:auto!important;
}
#ysgp-landing-root .ysgp-landing-logo-brand-v272{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#ysgp-landing-root .ysgp-landing-logo-img-v272{
  width:280px!important;
  max-width:25vw!important;
  max-height:84px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
#ysgp-landing-root .ysgp-mobile-logo-img-v272{
  width:230px!important;
  max-width:55vw!important;
  max-height:92px!important;
  object-fit:contain!important;
}
#ysgp-landing-root{
  --ysgp-font-ui:"Plus Jakarta Sans","Manrope","Inter","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  --ysgp-font-display:"Plus Jakarta Sans","Manrope","Inter","Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
}
#ysgp-landing-root .ysgp-hero-title-v271{
  font-weight:680!important;
  letter-spacing:-.052em!important;
  line-height:1.055!important;
  text-wrap:balance;
}
#ysgp-landing-root .ysgp-hero-title-v271 + p{
  max-width:620px!important;
  font-weight:390!important;
  letter-spacing:-.015em!important;
  line-height:1.78!important;
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-landing-logo-img-v272{width:210px!important;max-width:48vw!important;max-height:78px!important;}
  #ysgp-landing-root .ysgp-mobile-logo-img-v272{width:230px!important;max-width:58vw!important;max-height:92px!important;}
}


/* v277 hero auth buttons + glass stats banner */
#ysgp-landing-root .ysgp-landing-auth-actions-v277{position:relative;z-index:2;}
#ysgp-landing-root .ysgp-landing-auth-link-v277,
#ysgp-landing-root .ysgp-landing-auth-cta-v277,
#ysgp-landing-root .ysgp-landing-auth-link-mobile-v277,
#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v277{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-decoration:none;}
#ysgp-landing-root .ysgp-landing-auth-link-v277{color:#c9dcff;background:linear-gradient(135deg,rgba(16,12,42,.44),rgba(43,17,92,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(20,14,52,.2);}
#ysgp-landing-root .ysgp-landing-auth-link-v277:hover{color:#fff;border-color:rgba(196,181,253,.34);background:linear-gradient(135deg,rgba(33,21,76,.62),rgba(88,28,135,.26));box-shadow:0 0 22px rgba(168,85,247,.18),inset 0 1px 0 rgba(255,255,255,.08);}
#ysgp-landing-root .ysgp-landing-auth-cta-v277{padding:0 20px;color:#fff;background:linear-gradient(135deg,rgba(31,18,69,.72),rgba(95,41,168,.46));border-color:rgba(196,181,253,.32);box-shadow:0 0 24px rgba(168,85,247,.18),inset 0 1px 0 rgba(255,255,255,.10);}
#ysgp-landing-root .ysgp-landing-auth-cta-v277:hover{background:linear-gradient(135deg,rgba(56,29,120,.82),rgba(124,58,237,.56));border-color:rgba(216,180,254,.52);box-shadow:0 0 30px rgba(192,132,252,.26),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-1px);}
#ysgp-landing-root .ysgp-landing-auth-link-mobile-v277{color:#e2e8f0;background:linear-gradient(135deg,rgba(10,12,27,.78),rgba(34,19,68,.38));border-color:rgba(255,255,255,.12);}
#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v277{color:#fff;background:linear-gradient(135deg,rgba(49,25,110,.90),rgba(108,59,208,.62));border-color:rgba(196,181,253,.34);box-shadow:0 0 22px rgba(168,85,247,.18),inset 0 1px 0 rgba(255,255,255,.10);}
#ysgp-landing-root .ysgp-landing-stats-shell-v277{position:relative;z-index:10;padding:0 0 10px;background:transparent;}
#ysgp-landing-root .ysgp-landing-stats-bar-v277{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(9,11,26,.52),rgba(29,17,64,.30));box-shadow:0 22px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
#ysgp-landing-root .ysgp-landing-stats-bar-v277:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 0,transparent 14%,transparent 86%,rgba(255,255,255,.04) 100%),radial-gradient(circle at 15% 0%,rgba(34,211,238,.08),transparent 28%),radial-gradient(circle at 85% 100%,rgba(168,85,247,.10),transparent 30%);pointer-events:none;}
#ysgp-landing-root .ysgp-landing-stat-item-v277{position:relative;padding-top:24px;padding-bottom:24px;}
#ysgp-landing-root .ysgp-landing-stat-item-v277:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent);}
#ysgp-landing-root .ysgp-landing-stat-value-v277{position:relative;z-index:1;margin-bottom:6px;color:#f5f3ff;font-size:clamp(2rem,2.5vw,3rem);line-height:1;font-weight:900;letter-spacing:-.05em;text-shadow:0 0 18px rgba(192,132,252,.16);}
#ysgp-landing-root .ysgp-landing-stat-label-v277{position:relative;z-index:1;color:#b7ccff;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
@media (max-width: 767px){#ysgp-landing-root .ysgp-landing-stats-bar-v277{border-radius:22px;}#ysgp-landing-root .ysgp-landing-stat-item-v277{padding-top:20px;padding-bottom:20px;}#ysgp-landing-root .ysgp-landing-stat-item-v277:nth-child(2n):after{display:none;}#ysgp-landing-root .ysgp-landing-stat-item-v277:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08);}#ysgp-landing-root .ysgp-landing-stat-item-v277:after{top:auto;bottom:auto;height:auto;}#ysgp-landing-root .ysgp-landing-stat-value-v277{font-size:clamp(1.75rem,7vw,2.35rem);}#ysgp-landing-root .ysgp-landing-stat-label-v277{font-size:10px;letter-spacing:.14em;}}


/* v278 HARD OVERRIDE: hero auth buttons + stats glass banner */
#ysgp-landing-root .ysgp-landing-auth-actions-v278{position:relative!important;z-index:20!important;gap:12px!important;align-items:center!important;}
#ysgp-landing-root .ysgp-landing-auth-link-v278,
#ysgp-landing-root .ysgp-landing-auth-cta-v278,
#ysgp-landing-root .ysgp-landing-auth-link-mobile-v278,
#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v278{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  min-height:42px!important;padding:0 18px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;font-weight:850!important;letter-spacing:-.01em!important;text-decoration:none!important;
  border:1px solid rgba(216,180,254,.34)!important;background:rgba(23,15,50,.38)!important;color:#f5f3ff!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
#ysgp-landing-root .ysgp-landing-auth-link-v278{background:linear-gradient(135deg,rgba(15,12,34,.38),rgba(73,35,135,.18))!important;border-color:rgba(196,181,253,.20)!important;color:#ded8ff!important;}
#ysgp-landing-root .ysgp-landing-auth-link-v278:hover{background:linear-gradient(135deg,rgba(37,28,84,.58),rgba(107,33,168,.28))!important;border-color:rgba(216,180,254,.48)!important;color:#fff!important;transform:translateY(-1px)!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-v278{padding:0 22px!important;color:#fff!important;background:linear-gradient(135deg,rgba(68,44,140,.84),rgba(168,85,247,.54),rgba(37,99,235,.28))!important;border-color:rgba(216,180,254,.55)!important;box-shadow:0 0 28px rgba(168,85,247,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-v278:hover{background:linear-gradient(135deg,rgba(88,55,180,.92),rgba(192,132,252,.64),rgba(99,102,241,.34))!important;box-shadow:0 0 36px rgba(192,132,252,.38),inset 0 1px 0 rgba(255,255,255,.22)!important;transform:translateY(-1px)!important;}
#ysgp-landing-root .ysgp-landing-auth-link-mobile-v278{width:100%!important;background:linear-gradient(135deg,rgba(15,12,34,.78),rgba(73,35,135,.34))!important;color:#f5f3ff!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v278{width:100%!important;background:linear-gradient(135deg,rgba(68,44,140,.9),rgba(168,85,247,.62))!important;color:#fff!important;border-color:rgba(216,180,254,.48)!important;}
#ysgp-landing-root .ysgp-landing-stats-shell-v278{position:relative!important;z-index:10!important;margin-top:-1px!important;padding:0 0 18px!important;background:transparent!important;border:0!important;}
#ysgp-landing-root .ysgp-landing-stats-shell-v278>.max-w-7xl{padding-top:22px!important;padding-bottom:22px!important;}
#ysgp-landing-root .ysgp-landing-stats-bar-v278{
  position:relative!important;overflow:hidden!important;border-radius:30px!important;border:1px solid rgba(216,180,254,.18)!important;
  background:linear-gradient(135deg,rgba(8,9,24,.42),rgba(39,24,83,.28),rgba(5,10,31,.32))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 42px rgba(124,58,237,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;
}
#ysgp-landing-root .ysgp-landing-stats-bar-v278:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 18% 0%,rgba(125,211,252,.10),transparent 30%),radial-gradient(circle at 82% 100%,rgba(192,132,252,.16),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.035),transparent 18%,transparent 82%,rgba(255,255,255,.035))!important;}
#ysgp-landing-root .ysgp-landing-stat-item-v278{position:relative!important;padding:26px 22px!important;min-height:112px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
#ysgp-landing-root .ysgp-landing-stat-item-v278:not(:last-child):after{content:""!important;position:absolute!important;right:0!important;top:22%!important;bottom:22%!important;width:1px!important;background:linear-gradient(180deg,transparent,rgba(216,180,254,.18),transparent)!important;}
#ysgp-landing-root .ysgp-landing-stat-value-v278{position:relative!important;z-index:1!important;margin:0 0 8px!important;color:#ffffff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(34px,3vw,50px)!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.055em!important;text-shadow:0 0 22px rgba(196,181,253,.18)!important;}
#ysgp-landing-root .ysgp-landing-stat-label-v278{position:relative!important;z-index:1!important;margin:0!important;color:#c9c3ff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:11px!important;line-height:1.4!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-shadow:0 0 16px rgba(168,85,247,.10)!important;}
@media (max-width:767px){#ysgp-landing-root .ysgp-landing-stats-bar-v278{border-radius:22px!important;}#ysgp-landing-root .ysgp-landing-stat-item-v278{min-height:104px!important;padding:22px 12px!important;}#ysgp-landing-root .ysgp-landing-stat-item-v278:nth-child(2n):after{display:none!important;}#ysgp-landing-root .ysgp-landing-stat-item-v278:nth-child(-n+2){border-bottom:1px solid rgba(216,180,254,.12)!important;}#ysgp-landing-root .ysgp-landing-stat-value-v278{font-size:clamp(30px,8vw,40px)!important;}#ysgp-landing-root .ysgp-landing-stat-label-v278{font-size:9.5px!important;letter-spacing:.12em!important;}}


/* v279 visible hard correction: login/signup + stats banner */
#ysgp-landing-root .ysgp-landing-auth-actions-v279{position:relative!important;z-index:80!important;gap:12px!important;align-items:center!important;padding:7px!important;border-radius:999px!important;background:rgba(12,10,28,.28)!important;border:1px solid rgba(216,180,254,.16)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.18)!important;}
#ysgp-landing-root .ysgp-landing-auth-link-v279,#ysgp-landing-root .ysgp-landing-auth-cta-v279{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;border-radius:999px!important;padding:0 19px!important;font:850 13px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;}
#ysgp-landing-root .ysgp-landing-auth-link-v279{color:#efe9ff!important;background:linear-gradient(135deg,rgba(28,20,66,.55),rgba(87,42,150,.22))!important;border:1px solid rgba(216,180,254,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
#ysgp-landing-root .ysgp-landing-auth-link-v279:hover{transform:translateY(-1px)!important;color:#fff!important;border-color:rgba(233,213,255,.52)!important;background:linear-gradient(135deg,rgba(42,28,97,.72),rgba(124,58,237,.32))!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-v279{color:#fff!important;background:linear-gradient(135deg,rgba(109,40,217,.88),rgba(168,85,247,.78),rgba(59,130,246,.32))!important;border:1px solid rgba(233,213,255,.62)!important;box-shadow:0 0 28px rgba(168,85,247,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;text-shadow:0 1px 10px rgba(0,0,0,.18)!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-v279:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,rgba(126,34,206,.96),rgba(217,70,239,.80),rgba(99,102,241,.40))!important;box-shadow:0 0 36px rgba(217,70,239,.42),inset 0 1px 0 rgba(255,255,255,.22)!important;}
#ysgp-landing-root .ysgp-landing-auth-link-mobile-v279,#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v279{border:1px solid rgba(216,180,254,.28)!important;background:linear-gradient(135deg,rgba(28,20,66,.72),rgba(87,42,150,.34))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
#ysgp-landing-root .ysgp-landing-auth-cta-mobile-v279{background:linear-gradient(135deg,rgba(109,40,217,.90),rgba(168,85,247,.70),rgba(59,130,246,.30))!important;border-color:rgba(233,213,255,.52)!important;}
#ysgp-landing-root .ysgp-landing-stats-shell-v279{position:relative!important;z-index:20!important;margin:0!important;padding:28px 0 34px!important;background:linear-gradient(180deg,rgba(3,5,12,.04),rgba(14,9,35,.10))!important;border:0!important;}
#ysgp-landing-root .ysgp-landing-stats-shell-v279>.max-w-7xl{padding-top:0!important;padding-bottom:0!important;}
#ysgp-landing-root .ysgp-landing-stats-bar-v279{position:relative!important;overflow:hidden!important;border-radius:32px!important;border:1px solid rgba(233,213,255,.20)!important;background:linear-gradient(135deg,rgba(11,12,29,.42),rgba(34,20,72,.36),rgba(6,10,27,.30))!important;box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 38px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;outline:1px solid rgba(125,92,255,.08)!important;}
#ysgp-landing-root .ysgp-landing-stats-bar-v279:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 15% 10%,rgba(147,197,253,.10),transparent 26%),radial-gradient(circle at 84% 90%,rgba(216,180,254,.16),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.045),transparent 18%,transparent 82%,rgba(255,255,255,.045))!important;}
#ysgp-landing-root .ysgp-landing-stat-item-v279{position:relative!important;min-height:124px!important;padding:28px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;}
#ysgp-landing-root .ysgp-landing-stat-item-v279:not(:last-child):after{content:""!important;position:absolute!important;right:0!important;top:22%!important;bottom:22%!important;width:1px!important;background:linear-gradient(180deg,transparent,rgba(216,180,254,.20),transparent)!important;}
#ysgp-landing-root .ysgp-landing-stat-value-v279{position:relative!important;z-index:2!important;margin:0 0 8px!important;color:#fff!important;font:900 clamp(36px,3vw,52px)/.95 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.055em!important;text-shadow:0 0 24px rgba(216,180,254,.20)!important;}
#ysgp-landing-root .ysgp-landing-stat-label-v279{position:relative!important;z-index:2!important;color:#d8cfff!important;font:850 11px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-shadow:none!important;}
@media(max-width:767px){#ysgp-landing-root .ysgp-landing-auth-actions-v279{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}#ysgp-landing-root .ysgp-landing-stats-shell-v279{padding:20px 0 28px!important;}#ysgp-landing-root .ysgp-landing-stats-bar-v279{border-radius:24px!important;}#ysgp-landing-root .ysgp-landing-stat-item-v279{min-height:108px!important;padding:22px 12px!important;}#ysgp-landing-root .ysgp-landing-stat-item-v279:nth-child(2n):after{display:none!important;}#ysgp-landing-root .ysgp-landing-stat-item-v279:nth-child(-n+2){border-bottom:1px solid rgba(216,180,254,.13)!important;}#ysgp-landing-root .ysgp-landing-stat-value-v279{font-size:clamp(30px,8vw,42px)!important;}#ysgp-landing-root .ysgp-landing-stat-label-v279{font-size:9.5px!important;letter-spacing:.12em!important;}}


/* v280 restore old auth + stats structure, adjust colors/fonts only */
#ysgp-landing-root .ysgp-auth-actions-old-v280{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#ysgp-landing-root .ysgp-auth-login-old-v280{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#e9ddff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:760!important;letter-spacing:-.01em!important;}
#ysgp-landing-root .ysgp-auth-login-old-v280:hover{color:#ffffff!important;text-shadow:0 0 16px rgba(216,180,254,.36)!important;}
#ysgp-landing-root .ysgp-auth-signup-old-v280{min-height:auto!important;line-height:1.25!important;border:1px solid rgba(216,180,254,.46)!important;background:linear-gradient(135deg,rgba(85,52,150,.30),rgba(168,85,247,.20))!important;color:#ffffff!important;box-shadow:0 0 18px rgba(168,85,247,.16),inset 0 1px 0 rgba(255,255,255,.09)!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:850!important;letter-spacing:-.01em!important;}
#ysgp-landing-root .ysgp-auth-signup-old-v280:hover{border-color:rgba(233,213,255,.72)!important;background:linear-gradient(135deg,rgba(104,64,182,.42),rgba(192,132,252,.30))!important;color:#ffffff!important;box-shadow:0 0 24px rgba(192,132,252,.24),inset 0 1px 0 rgba(255,255,255,.14)!important;transform:translateY(-1px)!important;}
#ysgp-landing-root .ysgp-auth-login-mobile-old-v280{background:rgba(255,255,255,.035)!important;border:1px solid rgba(216,180,254,.16)!important;color:#f5f3ff!important;}
#ysgp-landing-root .ysgp-auth-signup-mobile-old-v280{background:linear-gradient(135deg,rgba(85,52,150,.44),rgba(168,85,247,.30))!important;border:1px solid rgba(216,180,254,.36)!important;color:#fff!important;}
#ysgp-landing-root .ysgp-stats-old-v280{background:linear-gradient(180deg,rgba(5,8,15,.50),rgba(11,8,28,.42))!important;border-top-color:rgba(216,180,254,.10)!important;border-bottom-color:rgba(216,180,254,.10)!important;box-shadow:none!important;}
#ysgp-landing-root .ysgp-stats-grid-old-v280{border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#ysgp-landing-root .ysgp-stat-item-old-v280{position:relative!important;}
#ysgp-landing-root .ysgp-stat-value-old-v280{color:#faf7ff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:860!important;letter-spacing:-.055em!important;text-shadow:0 0 16px rgba(192,132,252,.14)!important;line-height:1.04!important;}
#ysgp-landing-root .ysgp-stat-label-old-v280{color:#cdbdff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:780!important;letter-spacing:.16em!important;line-height:1.35!important;text-shadow:0 0 12px rgba(168,85,247,.10)!important;}
@media(max-width:767px){#ysgp-landing-root .ysgp-stats-grid-old-v280{gap:22px!important;divide-x:0!important;}#ysgp-landing-root .ysgp-stat-value-old-v280{font-size:34px!important;}#ysgp-landing-root .ysgp-stat-label-old-v280{font-size:10px!important;letter-spacing:.13em!important;}}


/* v281 REAL restore: old header auth + old stats strip structure, colors/fonts only */
#ysgp-landing-root .ysgp-auth-actions-old-v281{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:1rem!important;}
#ysgp-landing-root .ysgp-auth-login-old-v281{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:auto!important;color:#eadfff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:760!important;letter-spacing:-.01em!important;text-shadow:none!important;}
#ysgp-landing-root .ysgp-auth-login-old-v281:hover{color:#fff!important;text-shadow:0 0 16px rgba(216,180,254,.34)!important;}
#ysgp-landing-root .ysgp-auth-signup-old-v281{min-height:auto!important;line-height:1.25!important;padding:.5rem 1rem!important;border-radius:999px!important;border:1px solid rgba(216,180,254,.48)!important;background:linear-gradient(135deg,rgba(72,43,130,.24),rgba(168,85,247,.18))!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:850!important;letter-spacing:-.01em!important;}
#ysgp-landing-root .ysgp-auth-signup-old-v281:hover{border-color:rgba(233,213,255,.72)!important;background:linear-gradient(135deg,rgba(104,64,182,.34),rgba(192,132,252,.24))!important;color:#fff!important;box-shadow:0 0 22px rgba(192,132,252,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;transform:translateY(-1px)!important;}
#ysgp-landing-root .ysgp-auth-login-mobile-old-v281{background:rgba(255,255,255,.035)!important;border:1px solid rgba(216,180,254,.16)!important;color:#f5f3ff!important;}
#ysgp-landing-root .ysgp-auth-signup-mobile-old-v281{background:linear-gradient(135deg,rgba(85,52,150,.38),rgba(168,85,247,.26))!important;border:1px solid rgba(216,180,254,.36)!important;color:#fff!important;}
#ysgp-landing-root .ysgp-stats-old-v281{position:relative!important;z-index:10!important;border-top:1px solid rgba(216,180,254,.10)!important;border-bottom:1px solid rgba(216,180,254,.10)!important;background:linear-gradient(180deg,rgba(5,8,15,.46),rgba(11,8,28,.38))!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:none!important;margin:0!important;padding:0!important;}
#ysgp-landing-root .ysgp-stats-grid-old-v281{border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;gap:2rem!important;}
#ysgp-landing-root .ysgp-stats-grid-old-v281:before,#ysgp-landing-root .ysgp-stats-grid-old-v281:after{display:none!important;content:none!important;}
#ysgp-landing-root .ysgp-stat-item-old-v281{position:relative!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#ysgp-landing-root .ysgp-stat-item-old-v281:not(:last-child):after{display:none!important;content:none!important;}
#ysgp-landing-root .ysgp-stat-value-old-v281{color:#faf7ff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:860!important;letter-spacing:-.055em!important;text-shadow:0 0 14px rgba(192,132,252,.13)!important;line-height:1.04!important;margin-bottom:.25rem!important;}
#ysgp-landing-root .ysgp-stat-label-old-v281{color:#cdbdff!important;font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,sans-serif)!important;font-weight:780!important;letter-spacing:.16em!important;line-height:1.35!important;text-shadow:0 0 10px rgba(168,85,247,.08)!important;}
@media(max-width:767px){#ysgp-landing-root .ysgp-stats-grid-old-v281{gap:1.25rem!important;}#ysgp-landing-root .ysgp-stat-value-old-v281{font-size:34px!important;}#ysgp-landing-root .ysgp-stat-label-old-v281{font-size:10px!important;letter-spacing:.13em!important;}}

/* v282 restore original full-width stats strip: same old structure, glass/colors/fonts only */
#ysgp-landing-root .ysgp-stats-legacy-strip-v282{
  position:relative!important;
  z-index:10!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(216,180,254,.10)!important;
  border-bottom:1px solid rgba(216,180,254,.10)!important;
  background:linear-gradient(90deg,rgba(3,7,18,.50),rgba(35,22,70,.25),rgba(5,10,27,.48))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 28%,rgba(168,85,247,.055) 58%,transparent 82%)!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282{
  position:relative!important;
  z-index:1!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282:before,
#ysgp-landing-root .ysgp-stats-legacy-grid-v282:after{
  display:none!important;
  content:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-item-v282{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-item-v282:after{
  display:none!important;
  content:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-value-v282{
  color:#faf7ff!important;
  font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:clamp(28px,2.35vw,42px)!important;
  line-height:1.05!important;
  font-weight:860!important;
  letter-spacing:-.045em!important;
  text-shadow:0 0 16px rgba(192,132,252,.16)!important;
  margin:0 0 4px!important;
}
#ysgp-landing-root .ysgp-stats-legacy-label-v282{
  color:#bfa7ff!important;
  font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:820!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-stats-legacy-strip-v282 .py-8{padding-top:22px!important;padding-bottom:22px!important;}
  #ysgp-landing-root .ysgp-stats-legacy-grid-v282{gap:20px!important;}
  #ysgp-landing-root .ysgp-stats-legacy-item-v282:nth-child(-n+2){padding-bottom:18px!important;border-bottom:1px solid rgba(216,180,254,.08)!important;}
  #ysgp-landing-root .ysgp-stats-legacy-value-v282{font-size:30px!important;}
  #ysgp-landing-root .ysgp-stats-legacy-label-v282{font-size:9px!important;letter-spacing:.13em!important;}
}


/* v283 Platform Architecture 4K raw video background */
#ysgp-landing-root .ysgp-platform-video-section-v283{
  position:relative!important;
  isolation:isolate;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283 > .max-w-7xl{
  position:relative;
  z-index:2;
}


/* v284 stats strip glass polish: keep original full-width strip structure */
#ysgp-landing-root .ysgp-stats-legacy-strip-v282{
  background:linear-gradient(90deg,rgba(3,6,16,.24),rgba(36,24,82,.20),rgba(6,10,26,.22))!important;
  border-top:1px solid rgba(233,213,255,.16)!important;
  border-bottom:1px solid rgba(167,139,250,.14)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), inset 0 -1px 0 rgba(167,139,250,.045), 0 18px 45px rgba(0,0,0,.10)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282:before{
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 18%,rgba(168,85,247,.055) 52%,transparent 78%,rgba(125,211,252,.025))!important;
  opacity:.9!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(216,180,254,.22),transparent)!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282.divide-x > :not([hidden]) ~ :not([hidden]){
  border-color:rgba(233,213,255,.10)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-value-v282{
  color:#fffaff!important;
  text-shadow:0 0 18px rgba(216,180,254,.18), 0 1px 0 rgba(0,0,0,.22)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-label-v282{
  color:#d9c9ff!important;
  text-shadow:0 0 12px rgba(168,85,247,.10)!important;
}


/* v285 stats strip TRUE glass: same old full-width strip, visible glass over section transition */
#ysgp-landing-root .ysgp-stats-legacy-strip-v282{
  position:relative!important;
  z-index:18!important;
  width:100%!important;
  margin:-18px 0 0!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(116,62,236,.115),rgba(255,255,255,.038))!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
  border-bottom:1px solid rgba(216,180,254,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(255,255,255,.035),0 18px 52px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 46%,rgba(0,0,0,.035)),
    radial-gradient(circle at 18% 0%,rgba(216,180,254,.16),transparent 30%),
    radial-gradient(circle at 82% 100%,rgba(59,130,246,.11),transparent 34%)!important;
  opacity:1!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),rgba(216,180,254,.32),transparent)!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-stats-legacy-strip-v282 > .max-w-7xl{
  position:relative!important;
  z-index:2!important;
  padding-top:26px!important;
  padding-bottom:26px!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
}
#ysgp-landing-root .ysgp-stats-legacy-grid-v282.divide-x > :not([hidden]) ~ :not([hidden]){
  border-color:rgba(255,255,255,.16)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-item-v282{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#ysgp-landing-root .ysgp-stats-legacy-value-v282{
  color:#fffaff!important;
  font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  text-shadow:0 0 18px rgba(216,180,254,.22),0 1px 0 rgba(0,0,0,.22)!important;
}
#ysgp-landing-root .ysgp-stats-legacy-label-v282{
  color:#dccfff!important;
  font-family:var(--ysgp-font-display,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-weight:820!important;
  letter-spacing:.18em!important;
  text-shadow:0 0 12px rgba(168,85,247,.12)!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-stats-legacy-strip-v282{margin:-10px 0 0!important;}
  #ysgp-landing-root .ysgp-stats-legacy-strip-v282 > .max-w-7xl{padding-top:22px!important;padding-bottom:22px!important;}
}


/* v286 Platform + Neural video typography polish */
#ysgp-landing-root section#platform .ysgp-platform-heading-v286,
#ysgp-landing-root section#neural-ai .text-center{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
}
#ysgp-landing-root .ysgp-platform-kicker-v286,
#ysgp-landing-root .ysgp-neural-kicker-v286{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  color:#9ff6ff!important;
  text-shadow:0 0 16px rgba(34,211,238,.36)!important;
  background:rgba(13,18,42,.34)!important;
  border-color:rgba(159,246,255,.20)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#ysgp-landing-root .ysgp-platform-title-v286,
#ysgp-landing-root .ysgp-neural-title-v286{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-weight:760!important;
  letter-spacing:-.055em!important;
  line-height:1.02!important;
  color:#fffaff!important;
  text-shadow:0 0 26px rgba(168,85,247,.12),0 1px 0 rgba(0,0,0,.28)!important;
}
#ysgp-landing-root .ysgp-platform-title-accent-v286,
#ysgp-landing-root .ysgp-neural-title-accent-v286{
  background-image:linear-gradient(90deg,#dff7ff 0%,#40d8ff 34%,#7c7bff 66%,#d8b4fe 100%)!important;
  filter:drop-shadow(0 0 16px rgba(124,58,237,.20));
}
#ysgp-landing-root .ysgp-platform-subtitle-v286,
#ysgp-landing-root .ysgp-neural-subtitle-v286{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#b9c4df!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  font-weight:430!important;
  letter-spacing:-.012em!important;
  line-height:1.75!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-neural-video-bg-v286{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286 > .max-w-6xl{
  position:relative!important;
  z-index:2!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286 .glass-panel{
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
@media (max-width:767px){
  #ysgp-landing-root .ysgp-platform-title-v286,
  #ysgp-landing-root .ysgp-neural-title-v286{font-size:clamp(36px,10vw,48px)!important;}
  #ysgp-landing-root .ysgp-platform-subtitle-v286,
  #ysgp-landing-root .ysgp-neural-subtitle-v286{font-size:15px!important;}
}


/* v287 linked Platform + Neural video sections: keep both raw videos visually connected */
#ysgp-landing-root .ysgp-platform-video-section-v283{
  margin-bottom:-1px!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286{
  margin-top:-1px!important;
  border-top:0!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283,
#ysgp-landing-root .ysgp-neural-video-bg-v286{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background:transparent!important;
}


/* v295 - AI Syllabus Architect section background image only */
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#030508!important;
  background-image:
    linear-gradient(90deg, rgba(3,5,8,.10), rgba(3,5,8,.04)),
    url('https://cdn.corenexis.com/files/c/2641367720.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 35%, rgba(168,85,247,.12), transparent 34%),
    linear-gradient(to bottom, rgba(3,5,8,.10), rgba(3,5,8,.18));
}
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 > .max-w-7xl{
  position:relative!important;
  z-index:1!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 .glass-panel{
  background:rgba(5,8,18,.42)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
}


/* v296: About / FAQ section background image */
#ysgp-landing-root .ysgp-about-section-bg-v296{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-image:
    linear-gradient(90deg, rgba(1,2,4,.20) 0%, rgba(1,2,4,.12) 48%, rgba(1,2,4,.20) 100%),
    url("https://cdn.corenexis.com/files/c/6224934720.png")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 > *{
  position:relative;
  z-index:1;
}


/* v297: About / FAQ typography + color polish for image background */
#ysgp-landing-root .ysgp-about-section-bg-v296{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > h2{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#7ef6ff!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.22em!important;
  text-shadow:0 0 18px rgba(34,211,238,.42)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  font-size:clamp(38px,3.4vw,54px)!important;
  font-weight:780!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.36),0 0 22px rgba(96,165,250,.14)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > h3 span{
  background-image:linear-gradient(90deg,#bff7ff 0%,#22d3ee 32%,#3b82f6 64%,#c084fc 100%)!important;
  filter:drop-shadow(0 0 14px rgba(34,211,238,.28));
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-6.text-slate-400{
  color:#c8d5ee!important;
  font-size:clamp(15.5px,1.08vw,17px)!important;
  font-weight:430!important;
  line-height:1.82!important;
  letter-spacing:-.012em!important;
  text-shadow:0 1px 18px rgba(0,0,0,.35)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-6.text-slate-400 strong{
  color:#ffffff!important;
  font-weight:800!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > .glass-panel{
  background:linear-gradient(135deg,rgba(8,14,32,.58),rgba(4,9,22,.36))!important;
  border:1px solid rgba(125,211,252,.15)!important;
  border-left-color:#22d3ee!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > .glass-panel p{
  color:#dbe8ff!important;
  font-size:13.5px!important;
  line-height:1.58!important;
  letter-spacing:-.01em!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > .glass-panel strong{
  color:#ffffff!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:nth-child(2) > h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#fbfdff!important;
  font-size:clamp(32px,2.8vw,46px)!important;
  font-weight:780!important;
  line-height:1.06!important;
  letter-spacing:-.052em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.40),0 0 20px rgba(168,85,247,.12)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel{
  background:linear-gradient(135deg,rgba(8,13,31,.72),rgba(4,8,20,.52))!important;
  border:1px solid rgba(148,163,255,.14)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel:hover{
  border-color:rgba(34,211,238,.24)!important;
  background:linear-gradient(135deg,rgba(10,18,39,.78),rgba(5,10,24,.58))!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel button{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f4f8ff!important;
  font-size:17px!important;
  font-weight:740!important;
  letter-spacing:-.025em!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel button span{
  color:#f4f8ff!important;
  text-shadow:0 0 14px rgba(255,255,255,.10)!important;
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel button svg{
  color:#22e3ff!important;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.34));
}
#ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel p{
  color:#bcd0ee!important;
  font-size:14.5px!important;
  line-height:1.78!important;
  font-weight:430!important;
  letter-spacing:-.01em!important;
  border-top-color:rgba(190,219,255,.11)!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:first-child > h3{font-size:clamp(34px,10vw,44px)!important;line-height:1.05!important;}
  #ysgp-landing-root .ysgp-about-section-bg-v296 .grid > div:nth-child(2) > h3{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.08!important;}
  #ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-6.text-slate-400{font-size:15px!important;line-height:1.74!important;}
  #ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel button{font-size:15px!important;line-height:1.35!important;}
  #ysgp-landing-root .ysgp-about-section-bg-v296 .space-y-4 > .glass-panel p{font-size:13.5px!important;line-height:1.68!important;}
}


/* v298: Reviews / Global Impact section background + typography polish */
#ysgp-landing-root .ysgp-reviews-section-bg-v298{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#02050c!important;
  background-image:
    linear-gradient(90deg, rgba(2,7,14,.30) 0%, rgba(2,7,14,.12) 36%, rgba(7,4,20,.16) 68%, rgba(7,4,20,.26) 100%),
    url("https://cdn.corenexis.com/files/c/3879152720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 48%, rgba(34,211,238,.13), transparent 34%),
    radial-gradient(circle at 82% 52%, rgba(124,58,237,.16), transparent 36%),
    linear-gradient(to bottom, rgba(2,4,8,.06), rgba(2,4,10,.16));
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 > *{
  position:relative;
  z-index:1;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h2{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#73f0ff!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 16px rgba(34,211,238,.38)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  font-size:clamp(36px,3.2vw,56px)!important;
  font-weight:800!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.36), 0 0 18px rgba(59,130,246,.12)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3 span{
  background-image:linear-gradient(90deg,#a5f3fc 0%, #22d3ee 35%, #38bdf8 70%, #a78bfa 100%)!important;
  filter:drop-shadow(0 0 14px rgba(56,189,248,.24));
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel{
  background:linear-gradient(135deg,rgba(5,10,24,.72),rgba(4,9,20,.50))!important;
  border:1px solid rgba(116,186,255,.12)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(18px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel:hover{
  background:linear-gradient(135deg,rgba(7,14,31,.80),rgba(6,10,25,.60))!important;
  border-color:rgba(34,211,238,.22)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.28), 0 0 22px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel p.text-sm{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#d6e5fb!important;
  font-size:15px!important;
  font-style:italic!important;
  line-height:1.78!important;
  font-weight:430!important;
  letter-spacing:-.015em!important;
  text-shadow:0 1px 16px rgba(0,0,0,.28)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .border-t{
  border-top-color:rgba(191,219,254,.10)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .text-white.font-bold.text-sm{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:-.03em!important;
  text-shadow:0 0 12px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .text-xs.text-slate-500.font-mono{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#9bb3d9!important;
  font-size:12.5px!important;
  font-weight:560!important;
  letter-spacing:.015em!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .w-8.h-8.rounded-full{
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(34,211,238,.16)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-right .glass-panel .w-8.h-8.rounded-full{
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(168,85,247,.18)!important;
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-left .glass-panel .flex.gap-1.mb-4{
  color:#41e6ff!important;
  filter:drop-shadow(0 0 8px rgba(34,211,238,.24));
}
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-right .glass-panel .flex.gap-1.mb-4{
  color:#7fb7ff!important;
  filter:drop-shadow(0 0 8px rgba(96,165,250,.20));
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.08!important;
  }
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel p.text-sm{
    font-size:14px!important;
    line-height:1.7!important;
  }
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .text-white.font-bold.text-sm{
    font-size:16px!important;
  }
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .text-xs.text-slate-500.font-mono{
    font-size:12px!important;
  }
}


/* v299: Access / Pricing section background + typography polish */
#ysgp-landing-root .ysgp-access-section-bg-v299{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#010409!important;
  background-image:
    linear-gradient(90deg, rgba(1,4,10,.30) 0%, rgba(1,4,10,.16) 35%, rgba(7,4,21,.16) 66%, rgba(7,4,21,.28) 100%),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 17% 54%, rgba(34,211,238,.14), transparent 34%),
    radial-gradient(circle at 82% 28%, rgba(168,85,247,.13), transparent 36%),
    linear-gradient(to bottom, rgba(1,4,10,.04), rgba(1,4,10,.18));
}
#ysgp-landing-root .ysgp-access-section-bg-v299 > .max-w-7xl{
  position:relative!important;
  z-index:1!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h2{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#77f3ff!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 16px rgba(34,211,238,.40)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f9fcff!important;
  font-size:clamp(42px,4.6vw,74px)!important;
  font-weight:820!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  text-shadow:0 14px 38px rgba(0,0,0,.42),0 0 22px rgba(96,165,250,.12)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3 span{
  background-image:linear-gradient(90deg,#ffffff 0%,#dbeafe 26%,#67e8f9 58%,#a78bfa 100%)!important;
  filter:drop-shadow(0 0 14px rgba(34,211,238,.20));
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-pricing-mode-bar-v268{
  background:linear-gradient(135deg,rgba(6,11,27,.72),rgba(4,7,18,.56))!important;
  border-color:rgba(125,211,252,.20)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.30),0 0 28px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-pricing-mode-bar-v268 button{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#b9cce9!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-pricing-mode-bar-v268 button.is-active{
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(103,232,249,.10))!important;
  border-color:rgba(190,242,255,.22)!important;
  box-shadow:0 10px 24px rgba(2,6,23,.32),0 0 16px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-plan-group-head-v261 span{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  font-size:15px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  text-shadow:0 0 14px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-plan-group-head-v261 small{
  color:#bff8ff!important;
  border-color:rgba(34,211,238,.26)!important;
  background:rgba(34,211,238,.075)!important;
  box-shadow:0 0 18px rgba(34,211,238,.10)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing{
  background:linear-gradient(180deg,rgba(5,10,25,.76),rgba(3,7,18,.58))!important;
  border:1px solid rgba(34,211,238,.45)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 36px rgba(34,211,238,.11),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing:hover{
  border-color:rgba(103,232,249,.62)!important;
  background:linear-gradient(180deg,rgba(6,14,32,.84),rgba(5,8,22,.64))!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34),0 0 42px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing h4{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  font-size:clamp(22px,1.7vw,28px)!important;
  font-weight:790!important;
  letter-spacing:-.04em!important;
  text-shadow:0 0 16px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing p.text-sm{
  color:#a7c7e8!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing .text-5xl{
  background-image:linear-gradient(90deg,#ffffff 0%,#dff8ff 44%,#7dd3fc 100%)!important;
  filter:drop-shadow(0 0 12px rgba(34,211,238,.13));
  font-weight:850!important;
  letter-spacing:-.055em!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing .text-slate-400.text-xs{
  color:#92a9c8!important;
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing .inline-block.px-4.py-2{
  color:#7ef6ff!important;
  background:rgba(34,211,238,.085)!important;
  border-color:rgba(34,211,238,.30)!important;
  box-shadow:0 0 18px rgba(34,211,238,.08)!important;
  font-weight:820!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing ul{
  color:#e7f1ff!important;
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing li{
  color:#dce9fb!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:560!important;
  letter-spacing:-.012em!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing li svg{
  color:#38e7ff!important;
  filter:drop-shadow(0 0 8px rgba(34,211,238,.26));
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing button{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#f8fbff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.045))!important;
  border-color:rgba(226,240,255,.14)!important;
  font-size:18px!important;
  font-weight:780!important;
  letter-spacing:-.025em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.22)!important;
}
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing button:hover{
  color:#021016!important;
  background:linear-gradient(135deg,#67e8f9,#8b5cf6)!important;
  border-color:rgba(103,232,249,.58)!important;
  box-shadow:0 0 28px rgba(34,211,238,.22),0 18px 38px rgba(0,0,0,.28)!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
    font-size:clamp(36px,12vw,48px)!important;
    line-height:1.05!important;
  }
  #ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing li{
    font-size:13.5px!important;
  }
  #ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing button{
    font-size:16px!important;
  }
}


/* v300: Footer logo/readability + floating AI chat visual polish */
#ysgp-landing-root .ysgp-footer-v300{
  background:#010204!important;
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-logo-wrap-v300{
  display:flex!important;
  align-items:center!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-logo-img-v300{
  display:block!important;
  width:clamp(128px,10vw,176px)!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 20px rgba(34,211,238,.20)) drop-shadow(0 0 22px rgba(168,85,247,.14))!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-tagline-v300{
  color:#c7d7f1!important;
  font-size:15px!important;
  line-height:1.7!important;
  font-weight:540!important;
  letter-spacing:-.01em!important;
  text-shadow:0 0 14px rgba(148,163,184,.10)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-links a,
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav a{
  color:#d7e4f8!important;
  font-size:15px!important;
  font-weight:620!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-links a:hover,
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav a:hover,
#ysgp-landing-root .ysgp-footer-v300 a[href^="mailto:"]:hover{
  color:#67e8f9!important;
  text-shadow:0 0 12px rgba(34,211,238,.28)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .text-white.font-semibold.mb-4,
#ysgp-landing-root .ysgp-footer-v300 .text-white.font-semibold.mb-1{
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:780!important;
  letter-spacing:-.02em!important;
  text-shadow:0 0 14px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .md\:text-right p,
#ysgp-landing-root .ysgp-footer-v300 .md\:text-right a{
  color:#cbdcf3!important;
  font-size:15px!important;
  line-height:1.7!important;
  font-weight:520!important;
}
#ysgp-landing-root .ysgp-footer-v300 .flex.items-center.gap-5 a{
  color:#c8d6ea!important;
  opacity:.95!important;
}
#ysgp-landing-root .ysgp-footer-v300 .flex.items-center.gap-5 a:hover{
  color:#67e8f9!important;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.24));
}
#ysgp-landing-root .ysgp-footer-v300 .flex.items-center.gap-3 span{
  color:#dce8fb!important;
  font-size:15px!important;
  font-weight:720!important;
}
#ysgp-landing-root .ysgp-footer-v300 .text-slate-400.font-mono.text-\[10px\]{
  color:#b7c8e5!important;
}
#ysgp-landing-root .ysgp-footer-v300 .text-xs.font-mono.text-slate-600{
  color:#8ba2c4!important;
}
#ysgp-landing-root .ysgp-footer-v300 .text-emerald-500\/70{
  color:#34d399!important;
  text-shadow:0 0 12px rgba(52,211,153,.20)!important;
}

#ysgp-landing-root .ysgp-floating-ai-button-v300{
  background:linear-gradient(135deg,#19e6ff 0%,#2563eb 52%,#a855f7 100%)!important;
  border:1px solid rgba(191,219,254,.32)!important;
  box-shadow:0 18px 42px rgba(37,99,235,.30),0 0 34px rgba(34,211,238,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#ysgp-landing-root .ysgp-floating-ai-button-v300:hover{
  box-shadow:0 22px 54px rgba(37,99,235,.38),0 0 44px rgba(168,85,247,.26),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
#ysgp-landing-root .ysgp-floating-ai-panel-v300{
  background:linear-gradient(180deg,rgba(3,7,18,.94),rgba(1,3,9,.96))!important;
  border:1px solid rgba(103,232,249,.20)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 44px rgba(34,211,238,.12),0 0 58px rgba(168,85,247,.10),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(132%)!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300{
  background:linear-gradient(135deg,rgba(3,16,35,.92),rgba(18,20,55,.86),rgba(78,32,136,.34))!important;
  border-bottom-color:rgba(125,211,252,.16)!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300 .w-10.h-10.rounded-full{
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.14))!important;
  border-color:rgba(103,232,249,.36)!important;
  box-shadow:0 0 22px rgba(34,211,238,.18)!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300 .text-sm.font-bold.text-white{
  color:#f8fbff!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300 .text-xs.text-emerald-400{
  color:#34d399!important;
  font-weight:650!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300 button{
  color:#cbd5e1!important;
}
#ysgp-landing-root .ysgp-floating-ai-header-v300 button:hover{
  color:#ffffff!important;
  background:rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-floating-ai-body-v300{
  background:
    radial-gradient(circle at 16% 18%,rgba(34,211,238,.065),transparent 34%),
    radial-gradient(circle at 84% 70%,rgba(168,85,247,.075),transparent 38%),
    #02040a!important;
}
#ysgp-landing-root .ysgp-floating-ai-body-v300 .glass-panel{
  background:linear-gradient(135deg,rgba(10,16,34,.78),rgba(5,9,22,.62))!important;
  border:1px solid rgba(148,163,184,.12)!important;
  color:#e5f0ff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-landing-root .ysgp-floating-ai-body-v300 .bg-gradient-to-r.from-cyan-600.to-blue-600{
  background:linear-gradient(135deg,#0ea5e9,#2563eb 56%,#8b5cf6)!important;
  color:#ffffff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.22)!important;
}
#ysgp-landing-root .ysgp-floating-ai-body-v300 div[dir="auto"]{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-size:14px!important;
  line-height:1.72!important;
  font-weight:480!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300{
  background:linear-gradient(180deg,rgba(2,4,10,.98),rgba(1,3,8,.98))!important;
  border-top-color:rgba(148,163,184,.13)!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300 input{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:520!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300 input::placeholder{
  color:#8fa6c8!important;
  opacity:1!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300 input:focus{
  border-color:rgba(103,232,249,.46)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300 button{
  background:linear-gradient(135deg,#22d3ee,#2563eb 60%,#8b5cf6)!important;
  color:#ffffff!important;
  box-shadow:0 0 20px rgba(34,211,238,.20)!important;
}
#ysgp-landing-root .ysgp-floating-ai-inputbar-v300 button:hover{
  filter:brightness(1.12)!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-logo-img-v300{
    width:150px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-tagline-v300,
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-links a,
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav a,
  #ysgp-landing-root .ysgp-footer-v300 .md\:text-right p,
  #ysgp-landing-root .ysgp-footer-v300 .md\:text-right a{
    font-size:14px!important;
  }
}


/* v301: Footer Contact Info alignment repair */
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-card-v301{
  text-align:left!important;
  max-width:410px!important;
  width:100%!important;
  margin-left:0!important;
  padding-top:2px!important;
}
@media(min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-card-v301{
    justify-self:start!important;
    align-self:flex-start!important;
    margin-left:clamp(0px,1.2vw,18px)!important;
  }
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-title-v301{
  display:inline-flex!important;
  align-items:center!important;
  position:relative!important;
  color:#f8fbff!important;
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  margin-bottom:20px!important;
  padding-bottom:12px!important;
  text-shadow:0 0 14px rgba(255,255,255,.08)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-title-v301::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:112px!important;
  height:1px!important;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6,transparent)!important;
  box-shadow:0 0 14px rgba(34,211,238,.22)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-list-v301{
  display:flex!important;
  flex-direction:column!important;
  gap:15px!important;
  align-items:flex-start!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  color:#dce8fb!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:560!important;
  letter-spacing:-.012em!important;
  text-align:left!important;
  text-decoration:none!important;
  max-width:100%!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301 span:last-child{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-icon-v301{
  width:22px!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f8fbff!important;
  filter:drop-shadow(0 0 10px rgba(34,211,238,.18))!important;
  transform:translateY(2px)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301:hover .ysgp-footer-contact-icon-v301,
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301:hover{
  color:#67e8f9!important;
}
#ysgp-landing-root .ysgp-footer-v300 .md\:text-right p,
#ysgp-landing-root .ysgp-footer-v300 .md\:text-right a{
  text-align:left!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-card-v301{
    max-width:100%!important;
    margin-left:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-title-v301{
    font-size:16px!important;
    margin-bottom:16px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301{
    font-size:14px!important;
    line-height:1.6!important;
  }
}


/* v302: Footer brand lift + expanded policy links */
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-block-v302{
  position:relative!important;
}
@media(min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-identity-v302{
    transform:translateY(-18px)!important;
    margin-bottom:-6px!important;
  }
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-identity-v302{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
  max-width:260px!important;
  margin-top:4px!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  width:max-content!important;
  max-width:100%!important;
  color:#d9e6fa!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
  text-shadow:0 0 12px rgba(148,163,184,.10)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a:hover{
  color:#7ef6ff!important;
  transform:translateX(2px)!important;
  text-shadow:0 0 14px rgba(34,211,238,.25)!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-identity-v302{
    transform:none!important;
    margin-bottom:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302{
    max-width:100%!important;
    gap:10px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a{
    font-size:14px!important;
  }
}


/* v303: Footer policy links horizontal row alignment */
@media(min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:24px!important;
    max-width:none!important;
    width:max-content!important;
    margin-top:4px!important;
    margin-bottom:28px!important;
    white-space:nowrap!important;
    position:relative!important;
    z-index:4!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a{
    width:auto!important;
    max-width:none!important;
    min-height:24px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:720!important;
    letter-spacing:-.01em!important;
    color:#eef6ff!important;
    opacity:.96!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a:hover{
    transform:translateY(-1px)!important;
  }
}
@media(max-width:1024px) and (min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302{
    gap:16px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a{
    font-size:12px!important;
  }
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:12px 18px!important;
    max-width:100%!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v302 a{
    width:auto!important;
    font-size:13px!important;
  }
}


/* v304: Move footer policy links to centered full-width row under social icons */
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-top-v304{
  row-gap:32px!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-shell-v304{
  flex:0 0 100%!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin-top:-8px!important;
  margin-bottom:0!important;
  padding-top:4px!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:28px!important;
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  white-space:nowrap!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304 a{
  width:auto!important;
  max-width:none!important;
  min-height:26px!important;
  color:#eef6ff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  opacity:.98!important;
  text-shadow:0 0 12px rgba(148,163,184,.12)!important;
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304 a:hover{
  color:#7ef6ff!important;
  transform:translateY(-1px)!important;
  text-shadow:0 0 14px rgba(34,211,238,.25)!important;
}
@media(max-width:1024px) and (min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
    gap:18px!important;
    max-width:100%!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304 a{
    font-size:12px!important;
  }
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-shell-v304{
    justify-content:flex-start!important;
    margin-top:2px!important;
    padding-top:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px 16px!important;
    max-width:100%!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304 a{
    font-size:13px!important;
  }
}


/* v305: Emergency footer layout repair after policy-row move
   Keeps the three footer columns professional and moves policy links to a centered row below them. */
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-top-v304{
  align-items:flex-start!important;
}
@media(min-width:1024px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-top-v304{
    display:grid!important;
    grid-template-columns:minmax(280px,0.95fr) minmax(180px,0.48fr) minmax(390px,1.05fr)!important;
    column-gap:clamp(56px,7vw,118px)!important;
    row-gap:34px!important;
    justify-content:center!important;
    align-items:start!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-top-v304 > *{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-block-v302{
    grid-column:1!important;
    justify-self:start!important;
    align-self:start!important;
    width:100%!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav-block-v305{
    grid-column:2!important;
    justify-self:center!important;
    align-self:start!important;
    width:max-content!important;
    min-width:210px!important;
    display:block!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav-block-v305 > div{
    width:max-content!important;
    min-width:210px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav{
    grid-template-columns:repeat(2,max-content)!important;
    gap:14px 34px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-block-v305{
    grid-column:3!important;
    justify-self:start!important;
    align-self:start!important;
    width:min(100%,470px)!important;
    min-width:390px!important;
    max-width:470px!important;
    margin-left:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-shell-v304{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin-top:4px!important;
    margin-bottom:-2px!important;
    padding-top:12px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(22px,3vw,44px)!important;
    white-space:nowrap!important;
  }
}
@media(max-width:1023px) and (min-width:768px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-top-v304{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(250px,1fr)!important;
    column-gap:48px!important;
    row-gap:34px!important;
    align-items:start!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-brand-block-v302,
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav-block-v305,
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-block-v305{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-nav-block-v305{
    justify-self:start!important;
    display:block!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-block-v305{
    grid-column:1 / -1!important;
    width:min(100%,620px)!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-shell-v304{
    grid-column:1 / -1!important;
    width:100%!important;
    justify-content:center!important;
    margin-top:0!important;
    padding-top:10px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:12px 26px!important;
  }
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301 span:last-child{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
@media(min-width:1180px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-contact-row-v301 span:last-child{
    white-space:nowrap!important;
  }
}
#ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304 a{
  display:inline-flex!important;
  width:auto!important;
  flex:0 0 auto!important;
}
@media(max-width:767px){
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-shell-v304{
    width:100%!important;
    justify-content:flex-start!important;
    margin-top:8px!important;
  }
  #ysgp-landing-root .ysgp-footer-v300 .ysgp-footer-policy-links-v304{
    display:flex!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px 16px!important;
    width:100%!important;
    white-space:normal!important;
  }
}


/* v306: Hero background safety repair.
   Keeps the existing 4K video source, but adds a stable image/gradient fallback so the hero never becomes flat black
   if the external MP4 host is slow, blocked, or unavailable. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#02040a!important;
  background-image:
    radial-gradient(circle at 22% 42%, rgba(96,165,250,.16), transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(168,85,247,.18), transparent 36%),
    linear-gradient(90deg, rgba(2,4,10,.88), rgba(4,7,18,.52), rgba(7,4,18,.80)),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:0!important;
  background-color:transparent!important;
  background-image:
    radial-gradient(circle at 22% 42%, rgba(96,165,250,.12), transparent 32%),
    radial-gradient(circle at 82% 24%, rgba(168,85,247,.14), transparent 36%),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-bg-v269,
#ysgp-landing-root .ysgp-hero-video-seamless-v275{
  display:block!important;
  visibility:visible!important;
  z-index:1!important;
  min-width:100%!important;
  min-height:100%!important;
  background:transparent!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active{
  opacity:1!important;
}
#ysgp-landing-root .ysgp-hero-video-section-v269 > .max-w-7xl{
  position:relative!important;
  z-index:2!important;
}
#ysgp-landing-root .ysgp-hero-video-section-v269::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  display:block!important;
  background:linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.02) 52%, rgba(0,0,0,.16) 100%)!important;
}

/* v307: Hero flash repair.
   Remove the mismatched static image fallback/poster that was visible for a split second before the MP4 started. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background-color:#000000!important;
  background-image:
    radial-gradient(circle at 24% 42%, rgba(86,46,159,.10), transparent 34%),
    radial-gradient(circle at 76% 30%, rgba(10,132,180,.08), transparent 38%),
    linear-gradient(90deg, rgba(0,0,0,1), rgba(2,3,10,.92), rgba(0,0,0,1))!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background:#000000!important;
  background-image:none!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-bg-v269,
#ysgp-landing-root .ysgp-hero-video-seamless-v275{
  background:#000000!important;
}

/* v307: Floating AI reliability polish for multilingual public assistant responses. */
#ysgp-landing-root .ysgp-floating-ai-panel-v300{
  box-shadow:0 24px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(34,211,238,.14), 0 0 42px rgba(124,58,237,.18)!important;
}
#ysgp-landing-root .ysgp-floating-ai-body-v300 .glass-panel{
  overflow-wrap:anywhere;
}


/* v308: Seamless dual-buffer video loops for Platform + Neural sections.
   Prevents the visible pause/jump when section MP4 backgrounds restart. */
#ysgp-landing-root .ysgp-platform-video-layer-v283,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background:#020711!important;
  transform:translateZ(0)!important;
  contain:paint!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283::before,
#ysgp-landing-root .ysgp-neural-video-layer-v286::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 16% 34%,rgba(168,85,247,.18),transparent 36%),
    radial-gradient(circle at 84% 44%,rgba(34,211,238,.14),transparent 38%),
    linear-gradient(90deg,rgba(2,5,12,.92),rgba(5,9,26,.42),rgba(2,5,12,.88))!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:0!important;
  z-index:1!important;
  transform:translateZ(0) scale(1.002)!important;
  backface-visibility:hidden!important;
  will-change:opacity!important;
  transition:opacity .72s ease-in-out!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  background:#020711!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308.is-active,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308.is-active{
  opacity:1!important;
  z-index:2!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283 > .max-w-7xl,
#ysgp-landing-root .ysgp-neural-video-section-v286 > .max-w-6xl{
  position:relative!important;
  z-index:3!important;
}

/* v309: landing performance repair - prevent initial page stall from simultaneous MP4 decoding.
   The hero uses one lightweight video instance; lower section videos lazy-load near viewport and fade in only when ready. */
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275{
  opacity:0!important;
  transition:opacity .48s ease!important;
  will-change:auto!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
  opacity:1!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
  opacity:0!important;
  transition:opacity .58s ease!important;
  will-change:auto!important;
  transform:translateZ(0) scale(1.001)!important;
  backface-visibility:hidden!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308.is-active.is-ready,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308.is-active.is-ready{
  opacity:1!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background:
    radial-gradient(circle at 18% 34%,rgba(124,58,237,.24),transparent 36%),
    radial-gradient(circle at 82% 44%,rgba(34,211,238,.18),transparent 38%),
    linear-gradient(90deg,rgba(2,5,12,.96),rgba(5,9,26,.56),rgba(2,5,12,.92))!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283,
#ysgp-landing-root .ysgp-neural-video-section-v286{
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
@media (prefers-reduced-motion: reduce){
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    transition:none!important;
  }
}

/* v310: focused mobile/background QA repair.
   Scope: landing section backgrounds, video fallback safety, AI Syllabus background placement, and Partner/Direct Team mobile fit. */
#ysgp-landing-root,
#ysgp-portal-root{
  max-width:100vw!important;
  overflow-x:hidden!important;
}

/* Public landing: keep image/video backgrounds attached to the section, not cards, and prevent iOS fixed-background glitches. */
#ysgp-landing-root .ysgp-hero-video-section-v269,
#ysgp-landing-root .ysgp-platform-video-section-v283,
#ysgp-landing-root .ysgp-neural-video-section-v286,
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295,
#ysgp-landing-root .ysgp-about-section-bg-v296,
#ysgp-landing-root .ysgp-reviews-section-bg-v298,
#ysgp-landing-root .ysgp-access-section-bg-v299{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-attachment:scroll!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  max-width:100vw!important;
}
#ysgp-landing-root .ysgp-hero-video-section-v269 > .max-w-7xl,
#ysgp-landing-root .ysgp-platform-video-section-v283 > .max-w-7xl,
#ysgp-landing-root .ysgp-neural-video-section-v286 > .max-w-6xl,
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 > .max-w-7xl,
#ysgp-landing-root .ysgp-about-section-bg-v296 > .max-w-7xl,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 > .max-w-7xl,
#ysgp-landing-root .ysgp-access-section-bg-v299 > .max-w-7xl{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:1280px!important;
}

/* Hero fallback: do not leave mobile Safari with a flat black section if the MP4 is late/blocked. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background-color:#02030a!important;
  background-image:
    radial-gradient(circle at 50% 22%, rgba(168,85,247,.24), transparent 34%),
    radial-gradient(circle at 18% 55%, rgba(34,211,238,.16), transparent 36%),
    linear-gradient(180deg, #050713 0%, #050717 42%, #03040b 100%)!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background-color:#02030a!important;
  background-image:
    radial-gradient(circle at 50% 22%, rgba(168,85,247,.22), transparent 34%),
    radial-gradient(circle at 18% 55%, rgba(34,211,238,.14), transparent 36%),
    linear-gradient(180deg, #050713 0%, #050717 42%, #03040b 100%)!important;
  background-size:cover!important;
  background-position:center!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active{
  opacity:0!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
  opacity:1!important;
}

/* Platform + Neural: stable fallback layer below lazy video so mobile never displays a broken black block. */
#ysgp-landing-root .ysgp-platform-video-layer-v283,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background:
    radial-gradient(circle at 20% 32%,rgba(124,58,237,.24),transparent 36%),
    radial-gradient(circle at 82% 42%,rgba(34,211,238,.18),transparent 38%),
    linear-gradient(135deg,#020510 0%,#071326 52%,#02040b 100%)!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283::before,
#ysgp-landing-root .ysgp-neural-video-layer-v286::before{
  z-index:0!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283,
#ysgp-landing-root .ysgp-neural-video-bg-v286{
  pointer-events:none!important;
}

/* Correct AI Syllabus Architect: image is the whole section background only; preview panel remains a normal app/result box. */
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295{
  background-color:#030508!important;
  background-image:
    linear-gradient(90deg, rgba(3,5,8,.16) 0%, rgba(3,5,8,.05) 48%, rgba(3,5,8,.15) 100%),
    var(--ysgp-ai-syllabus-bg, url('https://cdn.corenexis.com/files/c/2641367720.png'))!important;
  background-size:cover!important;
  background-position:center center!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-card-v310{
  background:linear-gradient(135deg,rgba(7,10,24,.58),rgba(6,8,18,.42))!important;
  border-color:rgba(168,85,247,.28)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-preview-v310{
  background:#020305!important;
  background-image:none!important;
  min-width:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-preview-v310::before,
#ysgp-landing-root .ysgp-ai-syllabus-preview-v310::after{
  content:none!important;
  display:none!important;
}

/* Landing mobile fit and readability. */
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-platform-video-section-v283,
  #ysgp-landing-root .ysgp-neural-video-section-v286,
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295,
  #ysgp-landing-root .ysgp-about-section-bg-v296,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298,
  #ysgp-landing-root .ysgp-access-section-bg-v299{
    background-position:center top!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269{min-height:100svh!important;padding-top:112px!important;padding-bottom:58px!important;}
  #ysgp-landing-root .ysgp-hero-video-section-v269 .text-center{max-width:100%!important;}
  #ysgp-landing-root .ysgp-hero-title-v271{font-size:clamp(44px,12.5vw,62px)!important;line-height:1.02!important;letter-spacing:-.065em!important;}
  #ysgp-landing-root .ysgp-hero-subtitle-v271,
  #ysgp-landing-root .ysgp-hero-video-section-v269 p{font-size:clamp(17px,4.8vw,23px)!important;line-height:1.45!important;max-width:100%!important;}
  #ysgp-landing-root .ysgp-initialize-setup-v272,
  #ysgp-landing-root .ysgp-watch-demo-v271{width:100%!important;min-height:58px!important;}
  #ysgp-landing-root .ysgp-platform-video-section-v283,
  #ysgp-landing-root .ysgp-neural-video-section-v286,
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295,
  #ysgp-landing-root .ysgp-about-section-bg-v296,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298,
  #ysgp-landing-root .ysgp-access-section-bg-v299{padding-top:72px!important;padding-bottom:72px!important;}
  #ysgp-landing-root .ysgp-ai-syllabus-card-v310{padding:22px 16px!important;border-radius:26px!important;gap:24px!important;}
  #ysgp-landing-root .ysgp-ai-syllabus-preview-v310{height:auto!important;min-height:320px!important;max-height:68svh!important;border-radius:24px!important;}
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-left,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-right{animation-duration:42s!important;}
}
@media (max-width:430px){
  #ysgp-landing-root .ysgp-hero-title-v271{font-size:clamp(42px,13vw,56px)!important;}
  #ysgp-landing-root .ysgp-platform-title-v286,
  #ysgp-landing-root .ysgp-neural-title-v286,
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 h2,
  #ysgp-landing-root .ysgp-access-section-bg-v299 h3{font-size:clamp(32px,9.5vw,42px)!important;line-height:1.08!important;}
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 .flex.gap-2{flex-wrap:wrap!important;}
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 .flex.gap-2 button{flex:1 1 auto!important;min-width:0!important;}
}

/* Partner / Direct Team mobile shell: remove viewport overflow and make every marketing page fit phones cleanly. */
#ysgp-portal-root .ysgp-partner-program-shell,
#ysgp-portal-root .ysgp-partner-program-main,
#ysgp-portal-root .ysgp-partner-program-page,
#ysgp-portal-root .ysgp-partner-program-card,
#ysgp-portal-root .ysgp-binary-tree-stage,
#ysgp-portal-root .ysgp-binary-tree-viewport,
#ysgp-portal-root .ysgp-direct-tree-viewport-v266{
  max-width:100%!important;
  box-sizing:border-box!important;
}
#ysgp-portal-root .ysgp-partner-program-page,
#ysgp-portal-root .ysgp-partner-program-card,
#ysgp-portal-root .ysgp-binary-tree-stage{
  overflow-wrap:anywhere!important;
}
#ysgp-portal-root .ysgp-partner-program-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

@media (max-width:768px){
  #ysgp-portal-root .ysgp-partner-program-shell{width:100%!important;min-width:0!important;overflow-x:hidden!important;background:linear-gradient(180deg,#f7faff 0%,#eef3f9 100%)!important;}
  #ysgp-portal-root .ysgp-partner-program-main{width:100%!important;min-width:0!important;overflow:visible!important;}
  #ysgp-portal-root .ysgp-partner-program-sidebar{left:0!important;right:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  #ysgp-portal-root .ysgp-partner-program-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding-bottom:7px!important;}
  #ysgp-portal-root .ysgp-partner-program-nav-btn,
  #ysgp-portal-root .ysgp-partner-program-nav-btn.is-nested{max-width:none!important;white-space:nowrap!important;}
  #ysgp-portal-root .ysgp-partner-program-topbar{width:100%!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-partner-program-page{padding:14px!important;gap:14px!important;}
  #ysgp-portal-root .ysgp-partner-program-stats-grid,
  #ysgp-portal-root .ysgp-affiliate-summary-grid,
  #ysgp-portal-root .ysgp-partner-program-two-col,
  #ysgp-portal-root .ysgp-partner-program-leg-grid,
  #ysgp-portal-root .ysgp-partner-program-payout-form,
  #ysgp-portal-root .ysgp-wallet-form{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-stat{min-height:124px!important;}
  #ysgp-portal-root .ysgp-partner-program-card{padding:16px!important;border-radius:20px!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head h2{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  #ysgp-portal-root .ysgp-binary-tree-stage{padding:14px!important;border-radius:22px!important;}
  #ysgp-portal-root .ysgp-binary-tree-stage-head{display:block!important;}
  #ysgp-portal-root .ysgp-binary-tree-stage-head h2{font-size:24px!important;line-height:1.05!important;}
  #ysgp-portal-root .ysgp-binary-tree-stage-head p{font-size:13px!important;line-height:1.45!important;}
  #ysgp-portal-root .ysgp-direct-stage-badges-v266{justify-content:flex-start!important;margin-top:10px!important;}
  #ysgp-portal-root .ysgp-binary-controls,
  #ysgp-portal-root .ysgp-direct-tree-controls-v266,
  #ysgp-portal-root .ysgp-dtm-tree-controls{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  #ysgp-portal-root .ysgp-binary-controls>div,
  #ysgp-portal-root .ysgp-direct-tree-controls-v266>div,
  #ysgp-portal-root .ysgp-dtm-tree-controls>div{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important;}
  #ysgp-portal-root .ysgp-binary-controls button,
  #ysgp-portal-root .ysgp-direct-tree-controls-v266 button,
  #ysgp-portal-root .ysgp-dtm-tree-controls button{width:100%!important;justify-content:center!important;}
  #ysgp-portal-root .ysgp-direct-tree-viewport-v266,
  #ysgp-portal-root .ysgp-binary-tree-viewport{overflow-x:hidden!important;padding:20px 10px 24px!important;border-radius:22px!important;}
  #ysgp-portal-root .ysgp-direct-tree-root-v266,
  #ysgp-portal-root .ysgp-binary-tree-root{min-width:0!important;width:100%!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-direct-tree-branches-v266,
  #ysgp-portal-root .ysgp-binary-children{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;width:100%!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-direct-branch-node-v266,
  #ysgp-portal-root .ysgp-binary-node{min-width:0!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main,
  #ysgp-portal-root .ysgp-binary-node-main{width:min(132px,100%)!important;max-width:100%!important;}
  #ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main strong,
  #ysgp-portal-root .ysgp-binary-node-main strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.12!important;}
  #ysgp-portal-root .ysgp-direct-tree-members-v266{grid-template-columns:1fr!important;width:100%!important;gap:14px!important;}
  #ysgp-portal-root .ysgp-leaderboard-filters,
  #ysgp-portal-root .ysgp-leaderboard-tabs{max-width:100%!important;overflow:hidden!important;}
  #ysgp-portal-root .ysgp-leaderboard-filters>div,
  #ysgp-portal-root .ysgp-leaderboard-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
}

@media (max-width:430px){
  #ysgp-portal-root .ysgp-partner-program-page{padding:10px!important;gap:12px!important;}
  #ysgp-portal-root .ysgp-partner-program-card{padding:14px!important;border-radius:18px!important;}
  #ysgp-portal-root .ysgp-partner-program-top-actions{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-partner-program-light-btn,
  #ysgp-portal-root .ysgp-partner-program-danger-btn,
  #ysgp-portal-root .ysgp-partner-program-primary{min-height:44px!important;height:auto!important;white-space:normal!important;line-height:1.2!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head{align-items:flex-start!important;}
  #ysgp-portal-root .ysgp-partner-program-card-head p{font-size:12.5px!important;line-height:1.5!important;}
  #ysgp-portal-root .ysgp-direct-classic-tree-v266{padding:12px!important;}
  #ysgp-portal-root .ysgp-binary-tree-viewport,
  #ysgp-portal-root .ysgp-direct-tree-viewport-v266{padding:18px 8px 22px!important;}
  #ysgp-portal-root .ysgp-direct-tree-branches-v266,
  #ysgp-portal-root .ysgp-binary-children{gap:10px!important;}
  #ysgp-portal-root .ysgp-direct-branch-node-v266>.ysgp-binary-node-main,
  #ysgp-portal-root .ysgp-binary-node-main{width:min(118px,100%)!important;}
  #ysgp-portal-root .ysgp-binary-node-avatar{padding:4px!important;}
  #ysgp-portal-root .ysgp-binary-node-main em,
  #ysgp-portal-root .ysgp-binary-node-main small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  #ysgp-portal-root .ysgp-direct-stage-badges-v266 span{width:100%!important;justify-content:center!important;}
  #ysgp-portal-root .ysgp-leaderboard-filters>div,
  #ysgp-portal-root .ysgp-leaderboard-tabs{grid-template-columns:1fr!important;}
  #ysgp-portal-root .ysgp-wallet-row,
  #ysgp-portal-root .ysgp-wallet-edit{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
}


/* v311: full landing responsive/background audit.
   Goal: keep every landing section visually stable on desktop + iPhone/Android, with real image fallbacks under external MP4s. */
html body{
  overflow-x:hidden!important;
}
#ysgp-landing-root,
#ysgp-portal-root{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
#ysgp-landing-root *,
#ysgp-portal-root *{
  box-sizing:border-box!important;
}
#ysgp-landing-root img,
#ysgp-landing-root video,
#ysgp-portal-root img,
#ysgp-portal-root video{
  max-width:100%!important;
}

/* MP4-backed sections: fixed image fallback first, video fades over it only when ready. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background-color:#02040b!important;
  background-image:
    radial-gradient(circle at 50% 22%, rgba(168,85,247,.22), transparent 35%),
    radial-gradient(circle at 18% 56%, rgba(34,211,238,.14), transparent 36%),
    linear-gradient(180deg, rgba(1,2,8,.46) 0%, rgba(2,3,10,.64) 56%, rgba(1,2,8,.84) 100%),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background-color:#02040b!important;
  background-image:
    radial-gradient(circle at 50% 22%, rgba(168,85,247,.18), transparent 35%),
    radial-gradient(circle at 18% 56%, rgba(34,211,238,.12), transparent 36%),
    linear-gradient(180deg, rgba(1,2,8,.18) 0%, rgba(2,3,10,.34) 58%, rgba(1,2,8,.58) 100%),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283,
#ysgp-landing-root .ysgp-platform-video-layer-v283{
  background-color:#020716!important;
  background-image:
    radial-gradient(circle at 18% 28%, rgba(34,211,238,.16), transparent 34%),
    radial-gradient(circle at 82% 42%, rgba(124,58,237,.20), transparent 38%),
    linear-gradient(135deg, rgba(2,5,16,.64), rgba(4,10,31,.36), rgba(2,4,12,.78)),
    url("https://cdn.corenexis.com/files/c/6224934720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background-color:#020716!important;
  background-image:
    radial-gradient(circle at 20% 22%, rgba(59,130,246,.18), transparent 34%),
    radial-gradient(circle at 78% 34%, rgba(168,85,247,.22), transparent 40%),
    linear-gradient(135deg, rgba(2,5,14,.46), rgba(8,20,52,.28), rgba(2,4,14,.68)),
    url("https://cdn.corenexis.com/files/c/3879152720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
  object-fit:cover!important;
  object-position:center center!important;
  background-color:transparent!important;
  pointer-events:none!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275:not(.is-ready),
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308:not(.is-ready),
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308:not(.is-ready){
  opacity:0!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-ready,
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308.is-ready,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308.is-ready{
  opacity:1!important;
}

/* Static-image sections: keep the image on the whole section and preserve content readability. */
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295,
#ysgp-landing-root .ysgp-about-section-bg-v296,
#ysgp-landing-root .ysgp-reviews-section-bg-v298,
#ysgp-landing-root .ysgp-access-section-bg-v299{
  background-attachment:scroll!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295{background-position:center center!important;}
#ysgp-landing-root .ysgp-about-section-bg-v296{background-position:center center!important;}
#ysgp-landing-root .ysgp-reviews-section-bg-v298{background-position:center center!important;}
#ysgp-landing-root .ysgp-access-section-bg-v299{background-position:center center!important;}
#ysgp-landing-root .glass-panel,
#ysgp-landing-root .ysgp-feature-card,
#ysgp-landing-root .ysgp-package-card-landing,
#ysgp-landing-root .ysgp-ai-syllabus-card-v310{
  min-width:0!important;
}

/* Safer desktop/tablet wrapping without changing the approved design. */
#ysgp-landing-root .ysgp-hero-title-v271,
#ysgp-landing-root .ysgp-platform-title-v286,
#ysgp-landing-root .ysgp-neural-title-v286,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
  max-width:100%!important;
  text-wrap:balance;
}
#ysgp-landing-root .ysgp-neural-video-section-v286 input,
#ysgp-landing-root .ysgp-neural-video-section-v286 button,
#ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 button,
#ysgp-landing-root .ysgp-package-card-landing button{
  min-width:0!important;
}

@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-platform-video-section-v283,
  #ysgp-landing-root .ysgp-neural-video-section-v286,
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295,
  #ysgp-landing-root .ysgp-about-section-bg-v296,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298,
  #ysgp-landing-root .ysgp-access-section-bg-v299{
    background-position:center top!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    object-position:center top!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269{
    min-height:100svh!important;
    padding-top:112px!important;
    padding-bottom:56px!important;
  }
  #ysgp-landing-root .ysgp-hero-title-v271{
    font-size:clamp(39px,10.7vw,52px)!important;
    line-height:1.065!important;
    letter-spacing:-.044em!important;
    word-spacing:.02em!important;
    text-wrap:balance!important;
  }
  #ysgp-landing-root .ysgp-hero-title-v271 span{
    display:inline-block!important;
  }
  #ysgp-landing-root .ysgp-hero-subtitle-v271,
  #ysgp-landing-root .ysgp-hero-video-section-v269 p{
    font-size:clamp(16px,4.15vw,18.5px)!important;
    line-height:1.62!important;
    max-width:min(100%, 355px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #ysgp-landing-root .ysgp-initialize-setup-v272,
  #ysgp-landing-root .ysgp-watch-demo-v271{
    min-height:58px!important;
    border-radius:999px!important;
  }
  #ysgp-landing-root .ysgp-platform-heading-v286,
  #ysgp-landing-root .ysgp-neural-video-section-v286 .text-center{
    max-width:100%!important;
    margin-bottom:42px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #ysgp-landing-root .ysgp-platform-kicker-v286,
  #ysgp-landing-root .ysgp-neural-kicker-v286{
    white-space:normal!important;
    max-width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:10px!important;
    letter-spacing:.115em!important;
    line-height:1.3!important;
  }
  #ysgp-landing-root .ysgp-platform-title-v286,
  #ysgp-landing-root .ysgp-neural-title-v286{
    font-size:clamp(31px,8.45vw,40px)!important;
    line-height:1.08!important;
    letter-spacing:-.036em!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance!important;
  }
  #ysgp-landing-root .ysgp-neural-title-v286{
    font-size:clamp(29px,8.05vw,37px)!important;
    letter-spacing:-.038em!important;
  }
  #ysgp-landing-root .ysgp-neural-title-accent-v286{
    display:inline-block!important;
    max-width:100%!important;
  }
  #ysgp-landing-root .ysgp-platform-subtitle-v286,
  #ysgp-landing-root .ysgp-neural-subtitle-v286{
    font-size:15.5px!important;
    line-height:1.68!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #ysgp-landing-root .ysgp-feature-card{
    padding:24px!important;
    border-radius:28px!important;
    min-height:auto!important;
  }
  #ysgp-landing-root .ysgp-feature-card h4{
    font-size:clamp(22px,6.2vw,28px)!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
  }
  #ysgp-landing-root .ysgp-feature-card p{
    font-size:15px!important;
    line-height:1.68!important;
  }
  #ysgp-landing-root .ysgp-feature-card .px-4.py-2{
    padding:9px 12px!important;
    font-size:11px!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 .glass-panel.border.border-white\/10{
    padding:12px!important;
    border-radius:28px!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 input{
    width:100%!important;
    min-width:0!important;
    font-size:13.5px!important;
    line-height:1.3!important;
    padding-left:50px!important;
    padding-right:14px!important;
    text-overflow:ellipsis!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 input::placeholder{
    font-size:13px!important;
    opacity:.72!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 .flex.flex-col.sm\:flex-row{
    padding:10px!important;
    border-radius:24px!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 .flex.flex-col.sm\:flex-row > button{
    width:100%!important;
    min-height:56px!important;
    white-space:normal!important;
    line-height:1.15!important;
    padding:14px 18px!important;
  }
  #ysgp-landing-root .ysgp-ai-syllabus-card-v310{
    padding:22px 16px!important;
    border-radius:26px!important;
    width:100%!important;
    max-width:100%!important;
  }
  #ysgp-landing-root .ysgp-ai-syllabus-preview-v310{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #ysgp-landing-root .ysgp-about-section-bg-v296 .grid,
  #ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-grid-dynamic,
  #ysgp-landing-root .ysgp-landing-package-grid{
    grid-template-columns:1fr!important;
  }
  #ysgp-landing-root .ysgp-package-card-landing{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:24px!important;
    border-radius:28px!important;
  }
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-left > .glass-panel,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .animate-marquee-right > .glass-panel{
    width:min(320px, calc(100vw - 48px))!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
  #ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
    font-size:clamp(31px,8.6vw,40px)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
  }
}

@media (max-width:430px){
  #ysgp-landing-root .ysgp-hero-title-v271{
    font-size:clamp(38px,10.1vw,46px)!important;
    letter-spacing:-.038em!important;
  }
  #ysgp-landing-root .ysgp-neural-title-v286{
    font-size:clamp(28px,7.75vw,34px)!important;
    letter-spacing:-.032em!important;
  }
  #ysgp-landing-root .ysgp-platform-title-v286{
    font-size:clamp(30px,8.2vw,36px)!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286 .max-w-6xl,
  #ysgp-landing-root .ysgp-platform-video-section-v283 .max-w-7xl,
  #ysgp-landing-root .ysgp-ai-syllabus-section-bg-v295 .max-w-7xl,
  #ysgp-landing-root .ysgp-about-section-bg-v296 .max-w-7xl,
  #ysgp-landing-root .ysgp-access-section-bg-v299 .max-w-7xl{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media (min-width:769px){
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    object-position:center center!important;
  }
}

/* v312: Hero mobile green-frame repair.
   The green blocks on phones came from the hero fallback/video surface being revealed too early.
   Keep the hero fallback as pure dark gradients and reveal the MP4 only after JS marks stable decoded frames. */
#ysgp-landing-root .ysgp-hero-video-section-v269{
  background-color:#01030a!important;
  background-image:
    radial-gradient(circle at 52% 20%, rgba(120,66,255,.26), transparent 34%),
    radial-gradient(circle at 18% 55%, rgba(32,171,236,.13), transparent 38%),
    radial-gradient(circle at 86% 68%, rgba(157,82,255,.14), transparent 36%),
    linear-gradient(180deg, #01020a 0%, #040713 48%, #010208 100%)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background-color:#01030a!important;
  background-image:
    radial-gradient(circle at 52% 20%, rgba(120,66,255,.22), transparent 34%),
    radial-gradient(circle at 18% 55%, rgba(32,171,236,.11), transparent 38%),
    radial-gradient(circle at 86% 68%, rgba(157,82,255,.12), transparent 36%),
    linear-gradient(180deg, #01020a 0%, #040713 48%, #010208 100%)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-warming-v312{
  opacity:0!important;
  background:#01030a!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
  opacity:1!important;
  background:transparent!important;
  transition:opacity .55s ease!important;
}
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-hero-video-layer-v275{
    background-image:
      radial-gradient(circle at 55% 14%, rgba(130,72,255,.32), transparent 36%),
      radial-gradient(circle at 18% 48%, rgba(34,211,238,.14), transparent 40%),
      radial-gradient(circle at 92% 76%, rgba(99,102,241,.20), transparent 42%),
      linear-gradient(180deg, #01020a 0%, #040713 50%, #010208 100%)!important;
    background-position:center top!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275{
    object-position:center top!important;
    transition:opacity .42s ease!important;
  }
  #ysgp-landing-root .ysgp-initialize-setup-v272,
  #ysgp-landing-root .ysgp-watch-demo-v271{
    backdrop-filter:blur(12px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  }
}


/* v313: Hero mobile instant-start + scroll-resume repair.
   Fixes two mobile issues: slow first hero-video reveal and iOS/Safari pausing/freezing the video after scrolling away and back. */
#ysgp-landing-root .ysgp-hero-video-section-v269,
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background-color:#01030a!important;
  background-image:
    radial-gradient(circle at 56% 15%, rgba(126,71,255,.34), transparent 36%),
    radial-gradient(circle at 16% 50%, rgba(34,211,238,.14), transparent 41%),
    radial-gradient(circle at 88% 70%, rgba(99,102,241,.20), transparent 43%),
    linear-gradient(180deg, #01020a 0%, #040713 48%, #010208 100%)!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  contain:paint!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-warming-v312,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-warming-v313{
  opacity:0!important;
  visibility:visible!important;
  transform:translate3d(0,0,0) scale(1.0002)!important;
  -webkit-transform:translate3d(0,0,0) scale(1.0002)!important;
  will-change:opacity,transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  background:#01030a!important;
  object-fit:cover!important;
  object-position:center top!important;
  transition:opacity .22s ease!important;
}
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
  opacity:1!important;
  background:transparent!important;
  transition:opacity .22s ease!important;
}
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-hero-video-layer-v275{
    min-height:100svh!important;
    background-image:
      radial-gradient(circle at 56% 14%, rgba(130,72,255,.36), transparent 36%),
      radial-gradient(circle at 18% 48%, rgba(34,211,238,.15), transparent 40%),
      radial-gradient(circle at 92% 76%, rgba(99,102,241,.22), transparent 42%),
      linear-gradient(180deg, #01020a 0%, #040713 50%, #010208 100%)!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
    transition:opacity .18s ease!important;
    object-position:center top!important;
  }
}

/* v314: Mobile hero zero-delay performance repair.
   Phones should not wait for a remote 4K MP4 to decode before showing the hero background.
   Mobile uses the high-quality poster/image instantly; desktop keeps the moving video. */
#ysgp-landing-root .ysgp-hero-video-section-v269,
#ysgp-landing-root .ysgp-hero-video-layer-v275{
  background-color:#01030a!important;
  background-image:
    radial-gradient(circle at 50% 10%, rgba(124,58,237,.26), transparent 34%),
    radial-gradient(circle at 74% 36%, rgba(37,99,235,.20), transparent 42%),
    radial-gradient(circle at 18% 55%, rgba(34,211,238,.10), transparent 38%),
    linear-gradient(180deg, rgba(1,2,10,.36) 0%, rgba(2,4,14,.18) 46%, rgba(0,0,0,.38) 100%),
    url("images/landing-hero-fallback-2687215720.png")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-hero-video-section-v269 > .max-w-7xl{
  position:relative!important;
  z-index:3!important;
}
#ysgp-landing-root .ysgp-hero-mobile-static-v314 .ysgp-hero-video-layer-v275{
  opacity:1!important;
  visibility:visible!important;
  contain:paint!important;
  transform:none!important;
  -webkit-transform:none!important;
  will-change:auto!important;
}
#ysgp-landing-root .ysgp-hero-mobile-static-v314 .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275,
#ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-static-v314{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-hero-video-layer-v275{
    background-image:
      radial-gradient(circle at 52% 8%, rgba(124,58,237,.28), transparent 36%),
      radial-gradient(circle at 83% 34%, rgba(37,99,235,.22), transparent 44%),
      radial-gradient(circle at 16% 56%, rgba(34,211,238,.10), transparent 40%),
      linear-gradient(180deg, rgba(1,2,10,.30) 0%, rgba(2,4,14,.16) 42%, rgba(0,0,0,.42) 100%),
      url("images/landing-hero-fallback-2687215720.png")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269::before{
    background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.02) 42%, rgba(0,0,0,.22) 100%)!important;
  }
}
@media (min-width:769px){
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-active.is-ready{
    opacity:.94!important;
  }
}

/* v315: Hero mobile moving-video restore with instant safe underlay.
   Restores the real MP4 on phones while keeping a poster/ambient layer visible immediately,
   so mobile Safari never shows a blank/green frame while the first video frames decode. */
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-hero-video-layer-v275{
    background-color:#01030a!important;
    background-image:
      radial-gradient(circle at 52% 8%, rgba(124,58,237,.30), transparent 36%),
      radial-gradient(circle at 82% 32%, rgba(37,99,235,.24), transparent 44%),
      radial-gradient(circle at 16% 56%, rgba(34,211,238,.12), transparent 40%),
      linear-gradient(180deg, rgba(1,2,10,.28) 0%, rgba(2,4,14,.12) 42%, rgba(0,0,0,.42) 100%),
      url("images/landing-hero-fallback-2687215720.png")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269{
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269::after{
    content:""!important;
    position:absolute!important;
    inset:-12% -18%!important;
    z-index:1!important;
    pointer-events:none!important;
    display:block!important;
    opacity:.55!important;
    background:
      radial-gradient(circle at 68% 18%, rgba(124,58,237,.28), transparent 30%),
      radial-gradient(circle at 62% 72%, rgba(37,99,235,.18), transparent 34%),
      linear-gradient(120deg, transparent 0%, rgba(59,130,246,.10) 44%, rgba(168,85,247,.13) 55%, transparent 76%)!important;
    transform:translate3d(0,0,0) scale(1.01)!important;
    -webkit-transform:translate3d(0,0,0) scale(1.01)!important;
    animation:ysgpHeroMobileAmbientV315 8.5s ease-in-out infinite alternate!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275{
    z-index:0!important;
    opacity:1!important;
    visibility:visible!important;
    contain:paint!important;
    overflow:hidden!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  #ysgp-landing-root .ysgp-hero-video-section-v269 > .max-w-7xl{
    position:relative!important;
    z-index:4!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315,
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315.is-active,
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315.is-warming-v315{
    display:block!important;
    visibility:visible!important;
    opacity:0!important;
    pointer-events:none!important;
    background:transparent!important;
    object-fit:cover!important;
    object-position:center top!important;
    filter:saturate(1.08) contrast(1.04) brightness(.78)!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:opacity!important;
    transition:opacity .28s ease!important;
  }
  #ysgp-landing-root .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315.is-active.is-ready{
    display:block!important;
    visibility:visible!important;
    opacity:.88!important;
    background:transparent!important;
    transition:opacity .32s ease!important;
  }
  #ysgp-landing-root .ysgp-initialize-setup-v272,
  #ysgp-landing-root .ysgp-watch-demo-v271{
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
  }
}
@keyframes ysgpHeroMobileAmbientV315{
  0%{transform:translate3d(-1.5%,-1%,0) scale(1.01);opacity:.42;}
  100%{transform:translate3d(1.5%,1%,0) scale(1.035);opacity:.68;}
}
@media (prefers-reduced-motion:reduce){
  #ysgp-landing-root .ysgp-hero-video-section-v269::after{animation:none!important;}
}

/* v316: Platform + Neural mobile background continuity repair.
   Scope: landing sections #platform and #neural-ai only. Removes the ugly mobile kicker bar,
   preps both section videos as one connected background story, and hides hard video seams. */
#ysgp-landing-root .ysgp-platform-video-section-v283,
#ysgp-landing-root .ysgp-neural-video-section-v286{
  background-color:#020716!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#ysgp-landing-root .ysgp-platform-video-layer-v283,
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  opacity:1!important;
  inset:-1px 0 -1px 0!important;
  background-color:#020716!important;
  background-image:
    radial-gradient(circle at 18% 26%, rgba(34,211,238,.16), transparent 36%),
    radial-gradient(circle at 82% 38%, rgba(124,58,237,.20), transparent 42%),
    linear-gradient(180deg, rgba(2,5,15,.76) 0%, rgba(5,12,35,.42) 44%, rgba(2,5,15,.82) 100%),
    url("https://cdn.corenexis.com/files/c/6224934720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-neural-video-layer-v286{
  background-image:
    radial-gradient(circle at 20% 22%, rgba(59,130,246,.16), transparent 36%),
    radial-gradient(circle at 78% 34%, rgba(168,85,247,.20), transparent 42%),
    linear-gradient(180deg, rgba(2,5,15,.78) 0%, rgba(6,14,38,.44) 42%, rgba(2,5,15,.84) 100%),
    url("https://cdn.corenexis.com/files/c/3879152720.png")!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  filter:saturate(1.06) contrast(1.04) brightness(.82)!important;
  transform:translate3d(0,0,0) scale(1.01)!important;
  -webkit-transform:translate3d(0,0,0) scale(1.01)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:opacity!important;
}
#ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308.is-ready,
#ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308.is-ready{
  opacity:.88!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:230px!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 72% 78%, rgba(37,99,235,.18), transparent 38%),
    linear-gradient(180deg, transparent 0%, rgba(3,8,24,.32) 42%, rgba(2,6,18,.92) 100%)!important;
}
#ysgp-landing-root .ysgp-neural-video-section-v286::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-1px!important;
  height:230px!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 28% 20%, rgba(34,211,238,.10), transparent 34%),
    linear-gradient(180deg, rgba(2,6,18,.94) 0%, rgba(4,10,28,.46) 45%, transparent 100%)!important;
}
#ysgp-landing-root .ysgp-platform-video-section-v283 > .max-w-7xl,
#ysgp-landing-root .ysgp-neural-video-section-v286 > .max-w-6xl{
  position:relative!important;
  z-index:3!important;
}
@media (max-width:768px){
  #ysgp-landing-root .ysgp-platform-video-section-v283{
    margin-bottom:-54px!important;
    padding-bottom:104px!important;
  }
  #ysgp-landing-root .ysgp-neural-video-section-v286{
    margin-top:-54px!important;
    padding-top:126px!important;
    border-top:0!important;
  }
  #ysgp-landing-root .ysgp-platform-video-layer-v283,
  #ysgp-landing-root .ysgp-neural-video-layer-v286{
    background-position:center top!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
  }
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    object-position:center top!important;
    filter:saturate(1.08) contrast(1.04) brightness(.78)!important;
  }
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308.is-ready,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308.is-ready{
    opacity:.86!important;
  }
  #ysgp-landing-root .ysgp-platform-heading-v286{
    margin-bottom:42px!important;
  }
  #ysgp-landing-root .ysgp-platform-kicker-v286{
    display:inline-flex!important;
    width:auto!important;
    max-width:calc(100vw - 48px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#9ff6ff!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.16em!important;
    text-shadow:0 0 14px rgba(34,211,238,.62),0 0 28px rgba(34,211,238,.30)!important;
  }
  #ysgp-landing-root .ysgp-platform-kicker-v286::before,
  #ysgp-landing-root .ysgp-platform-kicker-v286::after{
    content:none!important;
    display:none!important;
  }
}

/* v317: Hero mobile performance guard.
   Keep the moving hero video, but remove the extra animated overlay and reduce GPU pressure on iPhone. */
@media (max-width:768px){
  #ysgp-landing-root .ysgp-hero-mobile-stable-v317::after{
    animation:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    opacity:.42!important;
    will-change:auto!important;
  }
  #ysgp-landing-root .ysgp-hero-mobile-stable-v317 .ysgp-hero-video-layer-v275{
    contain:paint!important;
    will-change:auto!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  #ysgp-landing-root .ysgp-hero-mobile-stable-v317 .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315{
    will-change:opacity!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    transition:opacity .22s ease!important;
  }
  #ysgp-landing-root .ysgp-hero-mobile-stable-v317 .ysgp-hero-video-layer-v275 .ysgp-hero-video-seamless-v275.is-mobile-video-v315.is-active.is-ready{
    opacity:.82!important;
  }
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    will-change:opacity!important;
    transition:opacity .28s ease!important;
  }
  #ysgp-landing-root .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308:not(.is-ready),
  #ysgp-landing-root .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308:not(.is-ready){
    opacity:0!important;
  }
}

/* v318: Low-power mobile landing performance mode.
   Weak Android / data-saver / reduced-motion phones receive the same premium static backgrounds,
   but no remote MP4 decoding, no ambient video overlays, and fewer GPU-heavy blur/animation layers. */
@media (max-width: 920px), (pointer: coarse){
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-hero-video-layer-v275 video,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-platform-video-bg-v283,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-neural-video-bg-v286,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-hero-video-layer-v275 video,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-platform-video-bg-v283,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-neural-video-bg-v286{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    filter:none!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-hero-video-section-v269,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-hero-video-layer-v275,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-hero-video-section-v269,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-hero-video-layer-v275{
    background-color:#01030a!important;
    background-image:
      radial-gradient(circle at 52% 8%, rgba(124,58,237,.28), transparent 36%),
      radial-gradient(circle at 83% 34%, rgba(37,99,235,.20), transparent 44%),
      radial-gradient(circle at 16% 56%, rgba(34,211,238,.10), transparent 40%),
      linear-gradient(180deg, rgba(1,2,10,.34) 0%, rgba(2,4,14,.18) 42%, rgba(0,0,0,.48) 100%),
      url("images/landing-hero-fallback-2687215720.png")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    contain:paint!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-platform-video-layer-v283,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-platform-video-layer-v283{
    background-image:
      radial-gradient(circle at 18% 26%, rgba(34,211,238,.14), transparent 36%),
      radial-gradient(circle at 82% 38%, rgba(124,58,237,.18), transparent 42%),
      linear-gradient(180deg, rgba(2,5,15,.78) 0%, rgba(5,12,35,.46) 44%, rgba(2,5,15,.88) 100%),
      url("https://cdn.corenexis.com/files/c/6224934720.png")!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-neural-video-layer-v286,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-neural-video-layer-v286{
    background-image:
      radial-gradient(circle at 20% 22%, rgba(59,130,246,.14), transparent 36%),
      radial-gradient(circle at 78% 34%, rgba(168,85,247,.18), transparent 42%),
      linear-gradient(180deg, rgba(2,5,15,.80) 0%, rgba(6,14,38,.48) 42%, rgba(2,5,15,.90) 100%),
      url("https://cdn.corenexis.com/files/c/3879152720.png")!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-hero-mobile-stable-v317::after,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-hero-mobile-stable-v317::after,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .ysgp-hero-video-section-v269::after,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .ysgp-hero-video-section-v269::after{
    animation:none!important;
    opacity:.26!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    filter:none!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-blob,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-float,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-float-delayed,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-scan,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-border-glow,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-marquee-left,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .animate-marquee-right,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-blob,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-float,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-float-delayed,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-scan,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-border-glow,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-marquee-left,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .animate-marquee-right{
    animation:none!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .mix-blend-screen,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .mix-blend-screen{
    display:none!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 .glass-panel,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .backdrop-blur-2xl,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .backdrop-blur-lg,
  #ysgp-landing-root.ysgp-low-power-mobile-v318 .backdrop-blur-sm,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .glass-panel,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .backdrop-blur-2xl,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .backdrop-blur-lg,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 .backdrop-blur-sm{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318 *,
  #ysgp-landing-root .ysgp-low-power-mobile-v318 *{
    scroll-behavior:auto!important;
  }
}

/* === v319 Mobile background video lite repair ===
   v318 was too aggressive: weak/mobile profiles were hiding all MP4 backgrounds.
   v319 keeps videos visible on phones, but runs them in a lighter one-video-at-a-time mode.
   Only explicit reduced-motion/data-saver profiles keep the static fallback. */
@media (max-width: 920px), (pointer: coarse){
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-hero-video-layer-v275 video,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286,
  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-hero-video-layer-v275 video,
  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283,
  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286{
    display:block!important;
    visibility:visible!important;
    pointer-events:none!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    will-change:opacity!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    filter:saturate(1.04) contrast(1.02) brightness(.74)!important;
  }

  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-hero-video-layer-v275 video:not(.is-ready),
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283:not(.is-ready),
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286:not(.is-ready){
    opacity:0!important;
  }

  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-hero-video-layer-v275 video.is-active.is-ready,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283.is-ready,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286.is-ready{
    opacity:.68!important;
    transition:opacity .26s ease!important;
  }

  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-hero-video-layer-v275 video.is-low-power-lite-v319.is-ready,
  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283.is-low-power-lite-v319.is-ready,
  #ysgp-landing-root.ysgp-low-power-mobile-v318.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286.is-low-power-lite-v319.is-ready{
    opacity:.58!important;
    filter:saturate(1.02) contrast(1.01) brightness(.70)!important;
  }

  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-hero-mobile-stable-v317::after,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-hero-video-section-v269::after{
    animation:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    opacity:.24!important;
    will-change:auto!important;
  }

  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-platform-video-bg-v283.ysgp-section-video-seamless-v308,
  #ysgp-landing-root.ysgp-mobile-lite-video-v319 .ysgp-neural-video-bg-v286.ysgp-section-video-seamless-v308{
    transform:translateZ(0) scale(1.005)!important;
    -webkit-transform:translateZ(0) scale(1.005)!important;
    transition:opacity .26s ease!important;
  }

  #ysgp-landing-root.ysgp-ultra-static-video-v319 .ysgp-hero-video-layer-v275 video,
  #ysgp-landing-root.ysgp-ultra-static-video-v319 .ysgp-platform-video-bg-v283,
  #ysgp-landing-root.ysgp-ultra-static-video-v319 .ysgp-neural-video-bg-v286{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* v320: Premium About Us page/section with brand logo, safer compliance copy, and responsive AI-fintech layout. */
#ysgp-landing-root .ysgp-about-page-v320{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#02040b!important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(168,85,247,.24), transparent 34%),
    radial-gradient(circle at 13% 35%, rgba(34,211,238,.15), transparent 33%),
    radial-gradient(circle at 86% 58%, rgba(59,130,246,.17), transparent 36%),
    linear-gradient(180deg, rgba(3,5,14,.88) 0%, rgba(4,7,18,.72) 48%, rgba(2,4,11,.95) 100%),
    url("https://cdn.corenexis.com/files/c/6224934720.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#ysgp-landing-root .ysgp-about-page-v320::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(1,2,7,.88) 0%, rgba(1,3,11,.40) 46%, rgba(8,4,22,.72) 100%),
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.05), transparent 36%);
}
#ysgp-landing-root .ysgp-about-page-v320::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 78%, transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 78%, transparent 100%);
}
#ysgp-landing-root .ysgp-about-page-v320 > .max-w-7xl{
  position:relative!important;
  z-index:2!important;
}
#ysgp-landing-root .ysgp-about-head-v320{
  max-width:920px!important;
}
#ysgp-landing-root .ysgp-about-kicker-v320{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  box-shadow:0 0 34px rgba(168,85,247,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
}
#ysgp-landing-root .ysgp-about-title-v320{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  font-size:clamp(42px,5.2vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.064em!important;
  text-shadow:0 18px 54px rgba(0,0,0,.45), 0 0 26px rgba(168,85,247,.10)!important;
}
#ysgp-landing-root .ysgp-about-subtitle-v320{
  color:#d7e2f7!important;
  font-weight:440!important;
  letter-spacing:-.018em!important;
}
#ysgp-landing-root .ysgp-about-brand-card-v320,
#ysgp-landing-root .ysgp-about-story-card-v320,
#ysgp-landing-root .ysgp-about-pillar-card-v320,
#ysgp-landing-root .ysgp-about-mission-strip-v320,
#ysgp-landing-root .ysgp-about-faq-item-v320{
  background:linear-gradient(135deg, rgba(9,13,30,.62), rgba(4,7,17,.44))!important;
  border-color:rgba(205,214,255,.13)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
#ysgp-landing-root .ysgp-about-brand-card-v320::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 18%, rgba(168,85,247,.26), transparent 34%), radial-gradient(circle at 70% 76%, rgba(34,211,238,.12), transparent 34%);
}
#ysgp-landing-root .ysgp-about-brand-card-v320 > *{
  position:relative;
  z-index:1;
}
#ysgp-landing-root .ysgp-about-logo-orbit-v320{
  width:min(260px, 72vw)!important;
  aspect-ratio:1.65 / 1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 50% 50%, rgba(168,85,247,.18), rgba(34,211,238,.08) 45%, rgba(255,255,255,.035) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 0 70px rgba(124,58,237,.25), inset 0 0 42px rgba(255,255,255,.045)!important;
}
#ysgp-landing-root .ysgp-about-logo-v320{
  display:block!important;
  width:84%!important;
  height:84%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 20px rgba(168,85,247,.42)) drop-shadow(0 0 16px rgba(34,211,238,.20))!important;
}
#ysgp-landing-root .ysgp-about-logo-fallback-v320{
  font-size:54px!important;
  font-weight:950!important;
  color:#fff!important;
  letter-spacing:-.08em!important;
  text-shadow:0 0 26px rgba(168,85,247,.7)!important;
}
#ysgp-landing-root .ysgp-about-brand-copy-v320 h3,
#ysgp-landing-root .ysgp-about-story-card-v320 h3,
#ysgp-landing-root .ysgp-about-mission-strip-v320 h3,
#ysgp-landing-root .ysgp-about-faq-intro-v320 h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#fff!important;
  text-shadow:0 14px 42px rgba(0,0,0,.36)!important;
}
#ysgp-landing-root .ysgp-about-brand-copy-v320 p,
#ysgp-landing-root .ysgp-about-story-card-v320 p,
#ysgp-landing-root .ysgp-about-faq-intro-v320 p{
  color:#c8d6ef!important;
}
#ysgp-landing-root .ysgp-about-story-label-v320 span{
  width:34px!important;
  height:2px!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#22d3ee,#a855f7)!important;
  box-shadow:0 0 16px rgba(34,211,238,.45)!important;
}
#ysgp-landing-root .ysgp-about-compliance-note-v320{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#ysgp-landing-root .ysgp-about-pillar-card-v320{
  min-height:238px!important;
  transition:transform .28s ease, border-color .28s ease, background .28s ease!important;
}
#ysgp-landing-root .ysgp-about-pillar-card-v320:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(168,85,247,.30)!important;
  background:linear-gradient(135deg, rgba(14,18,42,.70), rgba(7,10,24,.52))!important;
}
#ysgp-landing-root .ysgp-about-pillar-icon-v320{
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  color:#bff7ff!important;
  margin-bottom:18px!important;
  background:linear-gradient(135deg, rgba(34,211,238,.18), rgba(168,85,247,.20))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 0 24px rgba(34,211,238,.12)!important;
}
#ysgp-landing-root .ysgp-about-pillar-card-v320 h4{
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  margin-bottom:10px!important;
}
#ysgp-landing-root .ysgp-about-pillar-card-v320 p{
  color:#b9c8e4!important;
  font-size:14.5px!important;
  line-height:1.72!important;
}
#ysgp-landing-root .ysgp-about-values-v320 > div{
  border-radius:22px!important;
  padding:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
#ysgp-landing-root .ysgp-about-values-v320 span{
  display:block!important;
  color:#8defff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  margin-bottom:10px!important;
}
#ysgp-landing-root .ysgp-about-values-v320 strong{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
#ysgp-landing-root .ysgp-about-faq-item-v320 button{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  min-height:68px!important;
}
#ysgp-landing-root .ysgp-about-faq-item-v320 p{
  color:#c5d4ee!important;
  font-size:14.5px!important;
}
#ysgp-landing-root .ysgp-about-access-link-v320{
  box-shadow:0 18px 44px rgba(168,85,247,.14)!important;
}
@media(max-width:1024px){
  #ysgp-landing-root .ysgp-about-page-v320{
    padding-top:84px!important;
    padding-bottom:84px!important;
  }
  #ysgp-landing-root .ysgp-about-hero-grid-v320,
  #ysgp-landing-root .ysgp-about-faq-v320{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:768px){
  #ysgp-landing-root .ysgp-about-page-v320{
    background-position:center top!important;
  }
  #ysgp-landing-root .ysgp-about-page-v320::after{
    opacity:.16!important;
    background-size:54px 54px!important;
  }
  #ysgp-landing-root .ysgp-about-title-v320{
    font-size:clamp(36px,10.8vw,52px)!important;
    line-height:1.03!important;
    letter-spacing:-.052em!important;
  }
  #ysgp-landing-root .ysgp-about-subtitle-v320{
    font-size:16px!important;
    line-height:1.72!important;
  }
  #ysgp-landing-root .ysgp-about-brand-card-v320,
  #ysgp-landing-root .ysgp-about-story-card-v320,
  #ysgp-landing-root .ysgp-about-mission-strip-v320{
    padding:22px!important;
    border-radius:28px!important;
  }
  #ysgp-landing-root .ysgp-about-logo-orbit-v320{
    width:min(220px, 78vw)!important;
    border-radius:28px!important;
  }
  #ysgp-landing-root .ysgp-about-story-card-v320 h3,
  #ysgp-landing-root .ysgp-about-faq-intro-v320 h3{
    font-size:clamp(30px,8.8vw,42px)!important;
    line-height:1.07!important;
    letter-spacing:-.046em!important;
  }
  #ysgp-landing-root .ysgp-about-pillars-v320{
    grid-template-columns:1fr!important;
  }
  #ysgp-landing-root .ysgp-about-pillar-card-v320{
    min-height:0!important;
    padding:22px!important;
  }
  #ysgp-landing-root .ysgp-about-values-v320{
    grid-template-columns:1fr!important;
  }
  #ysgp-landing-root .ysgp-about-faq-item-v320 button{
    min-height:64px!important;
    padding:18px!important;
  }
  #ysgp-landing-root .ysgp-about-faq-item-v320 span{
    line-height:1.35!important;
  }
}
@media(max-width:430px){
  #ysgp-landing-root .ysgp-about-page-v320 .max-w-7xl{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #ysgp-landing-root .ysgp-about-kicker-v320{
    font-size:10px!important;
    letter-spacing:.16em!important;
    padding:9px 12px!important;
  }
  #ysgp-landing-root .ysgp-about-brand-copy-v320 h3{
    font-size:30px!important;
  }
  #ysgp-landing-root .ysgp-about-logo-orbit-v320{
    width:min(196px, 82vw)!important;
  }
}
@media (max-width:768px), (prefers-reduced-motion: reduce){
  #ysgp-landing-root .ysgp-about-pillar-card-v320,
  #ysgp-landing-root .ysgp-about-pillar-card-v320:hover{
    transform:none!important;
  }
}


/* v351 PLATFORM KICKER TRUE BACKGROUND REMOVAL
   Root cause: legacy v286 desktop styles applied a background + blur to the Platform kicker h2,
   and because h2 is block-level it rendered as left/right bars behind the text.
   Fix only the heading wrapper/kicker. Preserve the feature cards and their glow. */
#ysgp-landing-root #platform .ysgp-platform-heading-v286,
#ysgp-landing-root #platform .ysgp-platform-heading-v286::before,
#ysgp-landing-root #platform .ysgp-platform-heading-v286::after{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#ysgp-landing-root #platform .ysgp-platform-kicker-v286{
  display:inline-flex!important;
  width:auto!important;
  max-width:calc(100% - 24px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#a78bfa!important;
  text-shadow:none!important;
  filter:none!important;
  letter-spacing:.22em!important;
  font-weight:800!important;
}
#ysgp-landing-root #platform .ysgp-platform-kicker-v286::before,
#ysgp-landing-root #platform .ysgp-platform-kicker-v286::after{
  content:none!important;
  display:none!important;
}
#ysgp-landing-root #platform .ysgp-platform-title-v286{
  color:#f8fafc!important;
  text-shadow:none!important;
}
#ysgp-landing-root #platform .ysgp-platform-title-accent-v286{
  background-image:linear-gradient(90deg,#ffffff 0%,#d8b4fe 46%,#a78bfa 100%)!important;
  filter:none!important;
}
#ysgp-landing-root #platform .ysgp-platform-subtitle-v286{
  color:#cbd5e1!important;
}


/* v355: Heading typography + purple accent unification
   Goal: remove the obvious cyan/blue heading feel, keep the same layout, and make large landing headings match the Institutional-Grade display style more closely. */
#ysgp-landing-root{
  --ysgp-v355-display: var(--ysgp-font-display, "Plus Jakarta Sans", "Manrope", Inter, system-ui, sans-serif);
  --ysgp-v355-kicker: #c4b5fd;
  --ysgp-v355-kicker-shadow: rgba(192,132,252,.24);
  --ysgp-v355-accent-1: #ffffff;
  --ysgp-v355-accent-2: #f5e9ff;
  --ysgp-v355-accent-3: #d8b4fe;
  --ysgp-v355-accent-4: #a78bfa;
}

/* Small upper labels / kickers */
#ysgp-landing-root .ysgp-platform-kicker-v286,
#ysgp-landing-root .ysgp-neural-kicker-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h2,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h2{
  font-family: var(--ysgp-v355-display) !important;
  color: var(--ysgp-v355-kicker) !important;
  text-shadow: 0 0 14px var(--ysgp-v355-kicker-shadow) !important;
}

/* Large headings: use the same display family feel as Institutional-Grade */
#ysgp-landing-root .ysgp-platform-title-v286,
#ysgp-landing-root .ysgp-neural-title-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
  font-family: var(--ysgp-v355-display) !important;
  font-weight: 820 !important;
  letter-spacing: -.06em !important;
  line-height: .98 !important;
  color: #fbf7ff !important;
  text-shadow: 0 14px 36px rgba(0,0,0,.38), 0 0 18px rgba(168,85,247,.10) !important;
}

/* Accent words inside the big headings */
#ysgp-landing-root .ysgp-platform-title-accent-v286,
#ysgp-landing-root .ysgp-neural-title-accent-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3 span,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3 span{
  background-image: linear-gradient(90deg, var(--ysgp-v355-accent-1) 0%, var(--ysgp-v355-accent-2) 34%, var(--ysgp-v355-accent-3) 68%, var(--ysgp-v355-accent-4) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(168,85,247,.16)) !important;
}

/* Keep descriptions readable with the new tone */
#ysgp-landing-root .ysgp-platform-subtitle-v286,
#ysgp-landing-root .ysgp-neural-subtitle-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .glass-panel .text-xs.text-slate-500.font-mono,
#ysgp-landing-root .ysgp-access-section-bg-v299 .ysgp-package-card-landing p.text-sm{
  color:#cfc7e7 !important;
}

/* Mobile readability */
@media(max-width:767px){
  #ysgp-landing-root .ysgp-platform-title-v286,
  #ysgp-landing-root .ysgp-neural-title-v286,
  #ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3,
  #ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
    line-height:1.04 !important;
    letter-spacing:-.05em !important;
  }
}


/* v356 fallback: same heading/purple style in external CSS. Actual live override is in landing.js inline CSS. */
#ysgp-landing-root .ysgp-kicker-v356,
#ysgp-landing-root .ysgp-platform-kicker-v286,
#ysgp-landing-root .ysgp-neural-kicker-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h2,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h2{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#c4b5fd!important;
  text-shadow:0 0 12px rgba(168,85,247,.18)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
#ysgp-landing-root .ysgp-main-heading-v356,
#ysgp-landing-root .ysgp-platform-title-v286,
#ysgp-landing-root .ysgp-neural-title-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3{
  font-family:var(--ysgp-font-display,"Plus Jakarta Sans","Manrope",Inter,system-ui,sans-serif)!important;
  color:#fbf7ff!important;
  font-weight:820!important;
  letter-spacing:-.062em!important;
  line-height:.99!important;
}
#ysgp-landing-root .ysgp-heading-accent-v356,
#ysgp-landing-root .ysgp-platform-title-accent-v286,
#ysgp-landing-root .ysgp-neural-title-accent-v286,
#ysgp-landing-root .ysgp-reviews-section-bg-v298 .text-center.mb-16 h3 span,
#ysgp-landing-root .ysgp-access-section-bg-v299 .text-center.mb-20 h3 span{
  background-image:linear-gradient(90deg,#fff 0%,#f5e9ff 35%,#d8b4fe 68%,#a78bfa 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* v359 external fallback for heading colors in case inline style is delayed */
#ysgp-landing-root #reviews .text-center h2,
#ysgp-landing-root #access .text-center h2,
#ysgp-landing-root #platform .text-center h2,
#ysgp-landing-root .ysgp-kicker-v357{color:#e9d5ff!important;-webkit-text-fill-color:#e9d5ff!important;background:transparent!important;background-image:none!important;}
#ysgp-landing-root #reviews .text-center h3,
#ysgp-landing-root #access .text-center h3,
#ysgp-landing-root #platform .text-center h3,
#ysgp-landing-root .ysgp-main-heading-v357{background-image:linear-gradient(90deg,#fff 0%,#faf5ff 42%,#ede9fe 70%,#ddd6fe 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;}
#ysgp-landing-root #reviews .text-center h3 span,
#ysgp-landing-root #access .text-center h3 span,
#ysgp-landing-root #platform .text-center h3 span,
#ysgp-landing-root .ysgp-heading-accent-v357{background-image:linear-gradient(90deg,#f5e9ff 0%,#e9d5ff 36%,#d8b4fe 68%,#c084fc 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;}

/* v361 emergency restore external fallback: safe scoped headings only */
#ysgp-landing-root #access > div > .text-center h2,
#ysgp-landing-root #reviews > .text-center h2,
#ysgp-landing-root #platform .text-center h2{
  color:#d8b4fe!important;-webkit-text-fill-color:#d8b4fe!important;background:transparent!important;background-image:none!important;filter:none!important;text-shadow:none!important;
}
#ysgp-landing-root #access > div > .text-center h3,
#ysgp-landing-root #reviews > .text-center h3,
#ysgp-landing-root #platform .text-center h3{
  color:#fbf7ff!important;-webkit-text-fill-color:#fbf7ff!important;background:none!important;background-image:none!important;filter:none!important;text-shadow:none!important;
}
#ysgp-landing-root #access > div > .text-center h3 span,
#ysgp-landing-root #reviews > .text-center h3 span,
#ysgp-landing-root #platform .text-center h3 span{
  background-image:linear-gradient(90deg,#f7efff 0%,#e9d5ff 35%,#d8b4fe 68%,#c084fc 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:none!important;text-shadow:none!important;
}
#ysgp-landing-root nav *,#ysgp-landing-root header *,#ysgp-landing-root footer *,#ysgp-landing-root form *,#ysgp-landing-root button,#ysgp-landing-root button *{filter:none!important;}


/* v445 official affiliate link system cleanup */
#ysgp-portal-root .ysgp-affiliate-link-note{margin-top:14px;border:1px solid #d9e8ff;background:linear-gradient(180deg,#f8fbff,#eef7ff);color:#33506f;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.55;font-weight:750;}
#ysgp-portal-root .ysgp-affiliate-link-note strong{color:#174ea6;font-weight:950;}
#ysgp-portal-root .ysgp-affiliate-link-card .ysgp-partner-program-package-links,
#ysgp-portal-root .ysgp-dashboard-referral-tools .ysgp-partner-program-package-links{display:none!important;}
#ysgp-portal-root .ysgp-dashboard-referral-tools .ysgp-partner-program-copy-row,
#ysgp-portal-root .ysgp-affiliate-link-card .ysgp-partner-program-copy-row{border-color:#d8e7f7;background:#f8fbff;}

/* v448: Partner signup password guidance */
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-password-rules{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 12px!important;border:1px solid #bfdbfe!important;background:#eef5ff!important;border-radius:14px!important;padding:12px 14px!important;color:#334155!important;font-size:12px!important;font-weight:800!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-password-rules strong{color:#0f172a!important;font-size:12px!important;font-weight:950!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-password-rules span{display:flex!important;align-items:center!important;gap:7px!important;}
#ysgp-portal-root .ysgp-partner-program-auth .ysgp-partner-password-rules span:before{content:'✓'!important;color:#16a34a!important;font-weight:950!important;}
