/* Single palette. RGB channels also power transparent shadows and overlays. */
@media (min-width:992px) and (max-width:1440px) and (max-height:900px) {
    .od-hd-scale-shell {
        --favor-hd-zoom: var(--od-hd-scale);
    }
}
html[data-theme="light"] {
    --ng-font: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --ng-weight-regular: 400;
    --ng-weight-medium: 400;
    --ng-weight-semibold: 400;
    --ng-radius-sm: 6px;
    --ng-radius-md: 8px;
    --ng-border-width: 1px;
    --od-surface: var(--za-color-white);
    --od-surface-raised: var(--za-color-white);
    --od-surface-soft: rgba(var(--za-rgb-white), 0.82);
    --od-text: var(--za-color-gray-262626);
    --od-muted: var(--za-color-gray-777777);
    --od-border: rgba(var(--za-rgb-black), 0.12);
    --od-primary: var(--za-color-legacy-red);
    --od-primary-strong: var(--za-color-red-e60000);
    --od-primary-soft: rgba(var(--za-rgb-legacy-red), 0.1);
    --od-secondary: var(--za-color-gray-777777);
    --od-success: var(--za-color-red-ff3030);
    --od-info: var(--za-color-gray-555555);
    --od-warning: var(--za-color-red-ff5a5a);
    --od-danger: var(--za-color-legacy-red);
    --od-shadow: 0 22px 48px rgba(var(--za-rgb-black), 0.1);
    --od-grid: rgba(var(--za-rgb-black), 0.05);
    --ng-text-muted-on-global-1: var(--za-color-gray-dedede);
    --ng-global-1: var(--za-color-red-b00018);
    --ng-global-2: var(--za-color-white);
    --ng-global-3: var(--za-color-red-d52b2b);
    --ng-text-on-global-1: var(--za-color-white);
    --ng-text-on-global-3: var(--za-color-white);
    --ng-global-4: var(--za-color-red-ffc4c4);
    --ng-text-on-global-4: var(--za-color-red-2b1010);
    --ng-global-5: var(--za-color-gray-ffebeb);
    --ng-global-6: var(--za-color-red-ffe2e2);
    --ng-text-on-global-7: var(--za-color-white);
    --ng-global-8: var(--za-color-red-f29a9a);
    --ng-global-9: var(--za-color-red-ffcdcd);
    --ng-text-on-global-9: var(--za-color-red-2b1010);
    --ng-global-10: var(--za-color-legacy-red-strong);
    --ng-global-11: var(--za-color-red-a90000);
    --ng-global-12: var(--za-color-legacy-red-strong);
    --ng-text-on-global-12: var(--za-color-white);
    --ng-global-13: var(--za-color-red-e00000);
    --ng-global-14: var(--za-color-red-ffd6d6);
    --ng-global-15: var(--za-color-legacy-red-strong);
    --ng-text-on-global-15: var(--za-color-white);
    --ng-global-16: var(--za-color-red-ff1744);
    --ng-input-border: var(--ng-global-11);
    --ng-input-prefix-color: var(--za-color-red-e00000);
    --ng-input-text: var(--za-color-red-2b1010);
    --ng-input-placeholder: var(--za-color-red-966464);
    --ng-control: var(--za-color-white);
    --ng-text: var(--za-color-red-2b1010);
    --ng-text-muted: var(--za-color-red-966464);
    --ng-border: var(--za-color-red-efb8b8);
    --ng-border-subtle: var(--za-color-red-f6dada);
    --ng-shadow: 0 12px 32px rgba(var(--za-rgb-red-be0000), 0.12);
    --ng-particle-connection: rgba(var(--za-rgb-legacy-red-strong), 0.26);
    --ng-particle-pointer: rgba(var(--za-rgb-legacy-red-strong), 0.52);
    --ng-particle-glow-core: rgba(var(--za-rgb-red-ff1e1e), 0.78);
    --ng-particle-glow-edge: rgba(var(--za-rgb-red-ff1e1e), 0.34);
    --ng-particle-node: var(--za-color-legacy-red-strong);
    --ng-surface-home-inner: var(--za-color-gray-fff3f3);
    --ng-value-positive: var(--za-color-cyan-00865a);
    --ng-value-negative: var(--za-color-red-c70022);
    --ng-button-inverse-bg: var(--za-color-white);
    --ng-button-inverse-text: var(--za-color-red-2b1010);
    --ng-surface-page: var(--za-color-page-cream);
    --ng-surface-navbar: var(--za-color-gray-fffefe);
    --ng-text-on-navbar: var(--za-color-red-2b1010);
    --ng-text-muted-on-navbar: var(--za-color-red-966464);
    --ng-surface-home-panel: var(--za-color-white);
    --od-bg: var(--ng-surface-page);
    --ng-global-7: var(--za-color-red-d90d17);
    --ng-global-17: var(--za-color-red-c70022);
    --ng-global-18: var(--za-color-white);
    --ng-global-19: var(--za-color-gray-ffe8ea);
    --ng-global-20: var(--za-color-red-ffd9dd);
    --ng-global-21: var(--za-color-red-f3b7c0);
    --ng-global-22: var(--za-color-legacy-red);
    --ng-global-23: var(--za-color-red-c70022);
    --ng-global-24: var(--za-color-red-df292b);
    --ng-global-25: var(--za-color-red-e0192c);
    --ng-text-on-global-17: var(--za-color-white);
    --ng-text-on-global-24: var(--za-color-white);
    --ng-global-26: var(--za-color-gray-fff3f3);
}
html[data-theme="dark"] {
    --ng-scrollbar-thumb: color-mix(in srgb,var(--ng-global-13) 55%,transparent);
    --ng-scrollbar-thumb-hover: color-mix(in srgb,var(--ng-global-13) 75%,transparent);
    --ng-font: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --ng-weight-regular: 400;
    --ng-weight-medium: 400;
    --ng-weight-semibold: 400;
    --ng-radius-sm: 6px;
    --ng-radius-md: 8px;
    --ng-border-width: 1px;
    --ng-global-10: var(--za-color-red-ff4242);
    --ng-global-12: var(--za-color-bet-red-on-white);
    --ng-global-13: var(--za-color-red-ff5353);
    --ng-global-15: var(--za-color-red-ff2b2b);
    --ng-global-16: var(--za-color-red-ff5252);
    --ng-text-on-global-1: var(--za-color-text-on-photo);
    --ng-text-on-global-3: var(--za-color-text-on-photo);
    --ng-text-on-global-4: var(--za-color-text-on-photo);
    --ng-text-on-global-7: var(--za-color-white);
    --ng-text-on-global-9: var(--za-color-text-on-photo);
    --ng-text-on-global-12: var(--za-color-white);
    --ng-text-on-global-15: var(--za-color-white);
    --ng-text-muted-on-global-1: var(--za-color-muted-on-navy);
    --ng-input-prefix-color: var(--za-color-red-ff5a5a);
    --ng-input-text: var(--za-color-text-on-photo);
    --ng-input-placeholder: var(--za-color-blue-9db2c6);
    --ng-shadow: 0 14px 36px rgba(var(--za-rgb-black), 0.28);
    --ng-particle-connection: rgba(var(--za-rgb-red-ff4f4f), 0.24);
    --ng-particle-pointer: rgba(var(--za-rgb-red-ffcdcd), 0.58);
    --ng-particle-glow-core: rgba(var(--za-rgb-red-ff3737), 0.82);
    --ng-particle-glow-edge: rgba(var(--za-rgb-red-ff1717), 0.32);
    --ng-particle-node: var(--za-color-gray-fff3f3);
    --od-primary: var(--za-color-red-ff2020);
    --od-primary-strong: var(--za-color-red-df0808);
    --od-primary-soft: rgba(var(--za-rgb-red-ff2020), 0.14);
    --od-success: var(--za-color-cyan-35d692);
    --od-warning: var(--za-color-amber-ffbf59);
    --od-danger: var(--za-color-red-ff5252);
    --od-shadow: 0 24px 60px rgba(var(--za-rgb-black), 0.3);
    --ng-value-positive: var(--za-color-cyan-35d692);
    --ng-value-negative: var(--za-color-red-ef4b50);
    --ng-global-1: var(--za-color-indigo-090a0f);
    --ng-global-2: var(--za-color-indigo-0d0f15);
    --ng-global-3: var(--za-color-indigo-171a22);
    --ng-global-4: var(--za-color-indigo-22252e);
    --ng-global-5: var(--za-color-indigo-15171e);
    --ng-global-6: var(--za-color-indigo-23262f);
    --ng-global-8: var(--za-color-indigo-3a3e49);
    --ng-global-9: var(--za-color-indigo-1c1f27);
    --ng-global-11: var(--za-color-indigo-363a45);
    --ng-global-14: var(--za-color-indigo-22252e);
    --ng-input-border: var(--za-color-indigo-30333d);
    --ng-control: var(--za-color-indigo-101218);
    --ng-text: var(--za-color-gray-f5f6f8);
    --ng-text-muted: var(--za-color-gray-a8acb6);
    --ng-border: var(--za-color-indigo-343842);
    --ng-border-subtle: var(--za-color-indigo-252831);
    --od-surface: var(--za-color-indigo-11131a);
    --od-surface-raised: var(--za-color-indigo-191b22);
    --od-surface-soft: rgba(var(--za-rgb-indigo-191b22), 0.88);
    --od-text: var(--za-color-gray-f5f6f8);
    --od-muted: var(--za-color-gray-a8acb6);
    --od-border: rgba(var(--za-rgb-white), 0.12);
    --od-secondary: var(--za-color-indigo-737783);
    --od-info: var(--za-color-indigo-9ba0ad);
    --od-grid: rgba(var(--za-rgb-white), 0.045);
    --od-bg: var(--za-color-page-navy);
    --ng-surface-home-inner: var(--za-color-indigo-0f1324);
    --ng-button-inverse-bg: var(--za-color-text-on-photo);
    --ng-button-inverse-text: var(--za-color-indigo-0d0f15);
    --ng-surface-page: var(--za-color-page-navy);
    --ng-surface-navbar: var(--za-color-panel-navy);
    --ng-text-on-navbar: var(--za-color-text-on-photo);
    --ng-text-muted-on-navbar: var(--za-color-muted-on-navy);
    --ng-surface-home-panel: var(--za-color-panel-navy);
    --ng-global-7: var(--za-color-red-a91f27);
    --ng-global-17: var(--za-color-red-75191e);
    --ng-global-18: var(--za-color-red-14090a);
    --ng-global-19: var(--za-color-red-250d10);
    --ng-global-20: var(--za-color-red-3c1519);
    --ng-global-21: var(--za-color-red-7c2b30);
    --ng-global-22: var(--za-color-red-ef4b50);
    --ng-global-23: var(--za-color-red-ee6266);
    --ng-global-24: var(--za-color-red-75191e);
    --ng-global-25: var(--za-color-red-d43b40);
    --ng-text-on-global-17: var(--za-color-gray-fff9f9);
    --ng-text-on-global-24: var(--za-color-gray-fff9f9);
    --ng-global-26: var(--za-color-indigo-17223a);
}
:root {
    --za-rgb-brand-yellow: 255, 214, 10;
    --za-color-brand-yellow: rgb(var(--za-rgb-brand-yellow));
    --za-rgb-academy-blue: 29, 97, 216;
    --za-color-academy-blue: rgb(var(--za-rgb-academy-blue));
    --za-rgb-academy-blue-contrast: 141, 189, 255;
    --za-color-academy-blue-contrast: rgb(var(--za-rgb-academy-blue-contrast));
    --za-rgb-academy-blue-light: 109, 168, 255;
    --za-color-academy-blue-light: rgb(var(--za-rgb-academy-blue-light));
    --za-rgb-amber-fdbc3d: 253, 188, 61;
    --za-color-amber-fdbc3d: rgb(var(--za-rgb-amber-fdbc3d));
    --za-rgb-amber-ffbf59: 255, 191, 89;
    --za-color-amber-ffbf59: rgb(var(--za-rgb-amber-ffbf59));
    --za-rgb-bet-red: 255, 36, 36;
    --za-color-bet-red: rgb(var(--za-rgb-bet-red));
    --za-rgb-bet-red-on-white: 204, 38, 48;
    --za-color-bet-red-on-white: rgb(var(--za-rgb-bet-red-on-white));
    --za-rgb-bet-red-soft: 255, 100, 108;
    --za-color-bet-red-soft: rgb(var(--za-rgb-bet-red-soft));
    --za-rgb-black: 0, 0, 0;
    --za-color-black: rgb(var(--za-rgb-black));
    --za-rgb-blue-9db2c6: 157, 178, 198;
    --za-color-blue-9db2c6: rgb(var(--za-rgb-blue-9db2c6));
    --za-rgb-button-end: 23, 105, 222;
    --za-color-button-end: rgb(var(--za-rgb-button-end));
    --za-rgb-button-hover-end: 18, 85, 189;
    --za-color-button-hover-end: rgb(var(--za-rgb-button-hover-end));
    --za-rgb-button-hover-start: 16, 58, 179;
    --za-color-button-hover-start: rgb(var(--za-rgb-button-hover-start));
    --za-rgb-button-start: 22, 75, 216;
    --za-color-button-start: rgb(var(--za-rgb-button-start));
    --za-rgb-contrast-inner: 26, 61, 112;
    --za-color-contrast-inner: rgb(var(--za-rgb-contrast-inner));
    --za-rgb-contrast-start: 25, 70, 143;
    --za-color-contrast-start: rgb(var(--za-rgb-contrast-start));
    --za-rgb-contrast-surface: 16, 41, 83;
    --za-color-contrast-surface: rgb(var(--za-rgb-contrast-surface));
    --za-rgb-cyan-00140d: 0, 20, 13;
    --za-color-cyan-00140d: rgb(var(--za-rgb-cyan-00140d));
    --za-rgb-cyan-00865a: 0, 134, 90;
    --za-color-cyan-00865a: rgb(var(--za-rgb-cyan-00865a));
    --za-rgb-cyan-35d692: 53, 214, 146;
    --za-color-cyan-35d692: rgb(var(--za-rgb-cyan-35d692));
    --za-rgb-cyan-43d79f: 67, 215, 159;
    --za-color-cyan-43d79f: rgb(var(--za-rgb-cyan-43d79f));
    --za-rgb-gray-262626: 38, 38, 38;
    --za-color-gray-262626: rgb(var(--za-rgb-gray-262626));
    --za-rgb-gray-555555: 85, 85, 85;
    --za-color-gray-555555: rgb(var(--za-rgb-gray-555555));
    --za-rgb-gray-777777: 119, 119, 119;
    --za-color-gray-777777: rgb(var(--za-rgb-gray-777777));
    --za-rgb-gray-a8acb6: 168, 172, 182;
    --za-color-gray-a8acb6: rgb(var(--za-rgb-gray-a8acb6));
    --za-rgb-gray-dedede: 222, 222, 222;
    --za-color-gray-dedede: rgb(var(--za-rgb-gray-dedede));
    --za-rgb-gray-f5f6f8: 245, 246, 248;
    --za-color-gray-f5f6f8: rgb(var(--za-rgb-gray-f5f6f8));
    --za-rgb-gray-ffe8ea: 255, 232, 234;
    --za-color-gray-ffe8ea: rgb(var(--za-rgb-gray-ffe8ea));
    --za-rgb-gray-ffebeb: 255, 235, 235;
    --za-color-gray-ffebeb: rgb(var(--za-rgb-gray-ffebeb));
    --za-rgb-gray-fff3f3: 255, 243, 243;
    --za-color-gray-fff3f3: rgb(var(--za-rgb-gray-fff3f3));
    --za-rgb-gray-fff9f9: 255, 249, 249;
    --za-color-gray-fff9f9: rgb(var(--za-rgb-gray-fff9f9));
    --za-rgb-gray-fffefe: 255, 254, 254;
    --za-color-gray-fffefe: rgb(var(--za-rgb-gray-fffefe));
    --za-rgb-indigo-030c18: 3, 12, 24;
    --za-color-indigo-030c18: rgb(var(--za-rgb-indigo-030c18));
    --za-rgb-indigo-06111d: 6, 17, 29;
    --za-color-indigo-06111d: rgb(var(--za-rgb-indigo-06111d));
    --za-rgb-indigo-081c40: 8, 28, 64;
    --za-color-indigo-081c40: rgb(var(--za-rgb-indigo-081c40));
    --za-rgb-indigo-090a0f: 9, 10, 15;
    --za-color-indigo-090a0f: rgb(var(--za-rgb-indigo-090a0f));
    --za-rgb-indigo-0c264c: 12, 38, 76;
    --za-color-indigo-0c264c: rgb(var(--za-rgb-indigo-0c264c));
    --za-rgb-indigo-0d0f15: 13, 15, 21;
    --za-color-indigo-0d0f15: rgb(var(--za-rgb-indigo-0d0f15));
    --za-rgb-indigo-0d1d31: 13, 29, 49;
    --za-color-indigo-0d1d31: rgb(var(--za-rgb-indigo-0d1d31));
    --za-rgb-indigo-0f1324: 15, 19, 36;
    --za-color-indigo-0f1324: rgb(var(--za-rgb-indigo-0f1324));
    --za-rgb-indigo-0f2848: 15, 40, 72;
    --za-color-indigo-0f2848: rgb(var(--za-rgb-indigo-0f2848));
    --za-rgb-indigo-101218: 16, 18, 24;
    --za-color-indigo-101218: rgb(var(--za-rgb-indigo-101218));
    --za-rgb-indigo-11131a: 17, 19, 26;
    --za-color-indigo-11131a: rgb(var(--za-rgb-indigo-11131a));
    --za-rgb-indigo-132944: 19, 41, 68;
    --za-color-indigo-132944: rgb(var(--za-rgb-indigo-132944));
    --za-rgb-indigo-15171e: 21, 23, 30;
    --za-color-indigo-15171e: rgb(var(--za-rgb-indigo-15171e));
    --za-rgb-indigo-154db9: 21, 77, 185;
    --za-color-indigo-154db9: rgb(var(--za-rgb-indigo-154db9));
    --za-rgb-indigo-171a22: 23, 26, 34;
    --za-color-indigo-171a22: rgb(var(--za-rgb-indigo-171a22));
    --za-rgb-indigo-17223a: 23, 34, 58;
    --za-color-indigo-17223a: rgb(var(--za-rgb-indigo-17223a));
    --za-rgb-indigo-191b22: 25, 27, 34;
    --za-color-indigo-191b22: rgb(var(--za-rgb-indigo-191b22));
    --za-rgb-indigo-1a3654: 26, 54, 84;
    --za-color-indigo-1a3654: rgb(var(--za-rgb-indigo-1a3654));
    --za-rgb-indigo-1c1f27: 28, 31, 39;
    --za-color-indigo-1c1f27: rgb(var(--za-rgb-indigo-1c1f27));
    --za-rgb-indigo-20263a: 32, 38, 58;
    --za-color-indigo-20263a: rgb(var(--za-rgb-indigo-20263a));
    --za-rgb-indigo-22252e: 34, 37, 46;
    --za-color-indigo-22252e: rgb(var(--za-rgb-indigo-22252e));
    --za-rgb-indigo-23262f: 35, 38, 47;
    --za-color-indigo-23262f: rgb(var(--za-rgb-indigo-23262f));
    --za-rgb-indigo-252831: 37, 40, 49;
    --za-color-indigo-252831: rgb(var(--za-rgb-indigo-252831));
    --za-rgb-indigo-30333d: 48, 51, 61;
    --za-color-indigo-30333d: rgb(var(--za-rgb-indigo-30333d));
    --za-rgb-indigo-343842: 52, 56, 66;
    --za-color-indigo-343842: rgb(var(--za-rgb-indigo-343842));
    --za-rgb-indigo-363a45: 54, 58, 69;
    --za-color-indigo-363a45: rgb(var(--za-rgb-indigo-363a45));
    --za-rgb-indigo-365fc6: 54, 95, 198;
    --za-color-indigo-365fc6: rgb(var(--za-rgb-indigo-365fc6));
    --za-rgb-indigo-3a3e49: 58, 62, 73;
    --za-color-indigo-3a3e49: rgb(var(--za-rgb-indigo-3a3e49));
    --za-rgb-indigo-4e8bf6: 78, 139, 246;
    --za-color-indigo-4e8bf6: rgb(var(--za-rgb-indigo-4e8bf6));
    --za-rgb-indigo-737783: 115, 119, 131;
    --za-color-indigo-737783: rgb(var(--za-rgb-indigo-737783));
    --za-rgb-indigo-90beff: 144, 190, 255;
    --za-color-indigo-90beff: rgb(var(--za-rgb-indigo-90beff));
    --za-rgb-indigo-9ba0ad: 155, 160, 173;
    --za-color-indigo-9ba0ad: rgb(var(--za-rgb-indigo-9ba0ad));
    --za-rgb-indigo-bfd4fa: 191, 212, 250;
    --za-color-indigo-bfd4fa: rgb(var(--za-rgb-indigo-bfd4fa));
    --za-rgb-inner-on-white: 240, 245, 255;
    --za-color-inner-on-white: rgb(var(--za-rgb-inner-on-white));
    --za-rgb-legacy-red: 255, 16, 16;
    --za-color-legacy-red: rgb(var(--za-rgb-legacy-red));
    --za-rgb-legacy-red-strong: 245, 0, 0;
    --za-color-legacy-red-strong: rgb(var(--za-rgb-legacy-red-strong));
    --za-rgb-media-navy: 5, 9, 24;
    --za-color-media-navy: rgb(var(--za-rgb-media-navy));
    --za-rgb-muted-on-contrast: 197, 216, 245;
    --za-color-muted-on-contrast: rgb(var(--za-rgb-muted-on-contrast));
    --za-rgb-muted-on-navy: 183, 200, 217;
    --za-color-muted-on-navy: rgb(var(--za-rgb-muted-on-navy));
    --za-rgb-muted-on-photo: 197, 209, 222;
    --za-color-muted-on-photo: rgb(var(--za-rgb-muted-on-photo));
    --za-rgb-muted-on-white: 97, 114, 134;
    --za-color-muted-on-white: rgb(var(--za-rgb-muted-on-white));
    --za-rgb-page-cream: 255, 249, 239;
    --za-color-page-cream: rgb(var(--za-rgb-page-cream));
    --za-rgb-page-navy: 9, 22, 37;
    --za-color-page-navy: rgb(var(--za-rgb-page-navy));
    --za-rgb-panel-navy: 2, 6, 24;
    --za-color-panel-navy: rgb(var(--za-rgb-panel-navy));
    --za-rgb-plan-gold: 164, 122, 36;
    --za-color-plan-gold: rgb(var(--za-rgb-plan-gold));
    --za-rgb-plan-platinum: 70, 116, 167;
    --za-color-plan-platinum: rgb(var(--za-rgb-plan-platinum));
    --za-rgb-red-14090a: 20, 9, 10;
    --za-color-red-14090a: rgb(var(--za-rgb-red-14090a));
    --za-rgb-red-250d10: 37, 13, 16;
    --za-color-red-250d10: rgb(var(--za-rgb-red-250d10));
    --za-rgb-red-2b1010: 43, 16, 16;
    --za-color-red-2b1010: rgb(var(--za-rgb-red-2b1010));
    --za-rgb-red-3c1519: 60, 21, 25;
    --za-color-red-3c1519: rgb(var(--za-rgb-red-3c1519));
    --za-rgb-red-75191e: 117, 25, 30;
    --za-color-red-75191e: rgb(var(--za-rgb-red-75191e));
    --za-rgb-red-7c2b30: 124, 43, 48;
    --za-color-red-7c2b30: rgb(var(--za-rgb-red-7c2b30));
    --za-rgb-red-966464: 150, 100, 100;
    --za-color-red-966464: rgb(var(--za-rgb-red-966464));
    --za-rgb-red-a90000: 169, 0, 0;
    --za-color-red-a90000: rgb(var(--za-rgb-red-a90000));
    --za-rgb-red-a91f27: 169, 31, 39;
    --za-color-red-a91f27: rgb(var(--za-rgb-red-a91f27));
    --za-rgb-red-b00018: 176, 0, 24;
    --za-color-red-b00018: rgb(var(--za-rgb-red-b00018));
    --za-rgb-red-be0000: 190, 0, 0;
    --za-color-red-be0000: rgb(var(--za-rgb-red-be0000));
    --za-rgb-red-c70022: 199, 0, 34;
    --za-color-red-c70022: rgb(var(--za-rgb-red-c70022));
    --za-rgb-red-d43b40: 212, 59, 64;
    --za-color-red-d43b40: rgb(var(--za-rgb-red-d43b40));
    --za-rgb-red-d52b2b: 213, 43, 43;
    --za-color-red-d52b2b: rgb(var(--za-rgb-red-d52b2b));
    --za-rgb-red-d90d17: 217, 13, 23;
    --za-color-red-d90d17: rgb(var(--za-rgb-red-d90d17));
    --za-rgb-red-dd4051: 221, 64, 81;
    --za-color-red-dd4051: rgb(var(--za-rgb-red-dd4051));
    --za-rgb-red-df0808: 223, 8, 8;
    --za-color-red-df0808: rgb(var(--za-rgb-red-df0808));
    --za-rgb-red-df292b: 223, 41, 43;
    --za-color-red-df292b: rgb(var(--za-rgb-red-df292b));
    --za-rgb-red-e00000: 224, 0, 0;
    --za-color-red-e00000: rgb(var(--za-rgb-red-e00000));
    --za-rgb-red-e0192c: 224, 25, 44;
    --za-color-red-e0192c: rgb(var(--za-rgb-red-e0192c));
    --za-rgb-red-e60000: 230, 0, 0;
    --za-color-red-e60000: rgb(var(--za-rgb-red-e60000));
    --za-rgb-red-ee6266: 238, 98, 102;
    --za-color-red-ee6266: rgb(var(--za-rgb-red-ee6266));
    --za-rgb-red-ef4b50: 239, 75, 80;
    --za-color-red-ef4b50: rgb(var(--za-rgb-red-ef4b50));
    --za-rgb-red-efb8b8: 239, 184, 184;
    --za-color-red-efb8b8: rgb(var(--za-rgb-red-efb8b8));
    --za-rgb-red-f29a9a: 242, 154, 154;
    --za-color-red-f29a9a: rgb(var(--za-rgb-red-f29a9a));
    --za-rgb-red-f3b7c0: 243, 183, 192;
    --za-color-red-f3b7c0: rgb(var(--za-rgb-red-f3b7c0));
    --za-rgb-red-f6dada: 246, 218, 218;
    --za-color-red-f6dada: rgb(var(--za-rgb-red-f6dada));
    --za-rgb-red-fe5e56: 254, 94, 86;
    --za-color-red-fe5e56: rgb(var(--za-rgb-red-fe5e56));
    --za-rgb-red-ff1717: 255, 23, 23;
    --za-color-red-ff1717: rgb(var(--za-rgb-red-ff1717));
    --za-rgb-red-ff1744: 255, 23, 68;
    --za-color-red-ff1744: rgb(var(--za-rgb-red-ff1744));
    --za-rgb-red-ff1e1e: 255, 30, 30;
    --za-color-red-ff1e1e: rgb(var(--za-rgb-red-ff1e1e));
    --za-rgb-red-ff2020: 255, 32, 32;
    --za-color-red-ff2020: rgb(var(--za-rgb-red-ff2020));
    --za-rgb-red-ff2b2b: 255, 43, 43;
    --za-color-red-ff2b2b: rgb(var(--za-rgb-red-ff2b2b));
    --za-rgb-red-ff3030: 255, 48, 48;
    --za-color-red-ff3030: rgb(var(--za-rgb-red-ff3030));
    --za-rgb-red-ff3737: 255, 55, 55;
    --za-color-red-ff3737: rgb(var(--za-rgb-red-ff3737));
    --za-rgb-red-ff4242: 255, 66, 66;
    --za-color-red-ff4242: rgb(var(--za-rgb-red-ff4242));
    --za-rgb-red-ff4f4f: 255, 79, 79;
    --za-color-red-ff4f4f: rgb(var(--za-rgb-red-ff4f4f));
    --za-rgb-red-ff5252: 255, 82, 82;
    --za-color-red-ff5252: rgb(var(--za-rgb-red-ff5252));
    --za-rgb-red-ff5353: 255, 83, 83;
    --za-color-red-ff5353: rgb(var(--za-rgb-red-ff5353));
    --za-rgb-red-ff5a5a: 255, 90, 90;
    --za-color-red-ff5a5a: rgb(var(--za-rgb-red-ff5a5a));
    --za-rgb-red-ff6969: 255, 105, 105;
    --za-color-red-ff6969: rgb(var(--za-rgb-red-ff6969));
    --za-rgb-red-ffc4c4: 255, 196, 196;
    --za-color-red-ffc4c4: rgb(var(--za-rgb-red-ffc4c4));
    --za-rgb-red-ffcdcd: 255, 205, 205;
    --za-color-red-ffcdcd: rgb(var(--za-rgb-red-ffcdcd));
    --za-rgb-red-ffd6d6: 255, 214, 214;
    --za-color-red-ffd6d6: rgb(var(--za-rgb-red-ffd6d6));
    --za-rgb-red-ffd9dd: 255, 217, 221;
    --za-color-red-ffd9dd: rgb(var(--za-rgb-red-ffd9dd));
    --za-rgb-red-ffe2e2: 255, 226, 226;
    --za-color-red-ffe2e2: rgb(var(--za-rgb-red-ffe2e2));
    --za-rgb-scrollbar: 57, 118, 216;
    --za-color-scrollbar: rgb(var(--za-rgb-scrollbar));
    --za-rgb-scrollbar-hover: 104, 164, 255;
    --za-color-scrollbar-hover: rgb(var(--za-rgb-scrollbar-hover));
    --za-rgb-step-amber-on-navy: 247, 194, 75;
    --za-color-step-amber-on-navy: rgb(var(--za-rgb-step-amber-on-navy));
    --za-rgb-step-amber-on-white: 152, 100, 0;
    --za-color-step-amber-on-white: rgb(var(--za-rgb-step-amber-on-white));
    --za-rgb-step-blue-on-navy: 75, 147, 255;
    --za-color-step-blue-on-navy: rgb(var(--za-rgb-step-blue-on-navy));
    --za-rgb-step-cyan-on-navy: 34, 211, 238;
    --za-color-step-cyan-on-navy: rgb(var(--za-rgb-step-cyan-on-navy));
    --za-rgb-step-cyan-on-white: 14, 116, 144;
    --za-color-step-cyan-on-white: rgb(var(--za-rgb-step-cyan-on-white));
    --za-rgb-step-green-on-navy: 36, 203, 119;
    --za-color-step-green-on-navy: rgb(var(--za-rgb-step-green-on-navy));
    --za-rgb-step-green-on-white: 8, 125, 67;
    --za-color-step-green-on-white: rgb(var(--za-rgb-step-green-on-white));
    --za-rgb-step-purple-on-navy: 167, 139, 250;
    --za-color-step-purple-on-navy: rgb(var(--za-rgb-step-purple-on-navy));
    --za-rgb-step-purple-on-white: 124, 69, 202;
    --za-color-step-purple-on-white: rgb(var(--za-rgb-step-purple-on-white));
    --za-rgb-teal-28c840: 40, 200, 64;
    --za-color-teal-28c840: rgb(var(--za-rgb-teal-28c840));
    --za-rgb-text-on-contrast: 246, 249, 255;
    --za-color-text-on-contrast: rgb(var(--za-rgb-text-on-contrast));
    --za-rgb-text-on-photo: 244, 249, 255;
    --za-color-text-on-photo: rgb(var(--za-rgb-text-on-photo));
    --za-rgb-text-on-white: 23, 42, 62;
    --za-color-text-on-white: rgb(var(--za-rgb-text-on-white));
    --za-rgb-white: 255, 255, 255;
    --za-color-white: rgb(var(--za-rgb-white));
    --za-border-width: 1px;
    --za-radius-xs: 6px;
    --ng-radius-xs: var(--za-radius-xs);
    --za-radius-sm: 8px;
    --za-radius-control: 10px;
    --za-radius-medium: 12px;
    --za-radius-card: 14px;
    --za-radius-mobile-panel: 16px;
    --za-radius-panel: 20px;
    --za-radius-pill: 999px;
    --za-radius-round: 50%;
    --za-round-control-size: 38px;
    --za-pagination-control-size: 36px;
    --za-input-padding: 12px 14px;
    --za-input-font-size: 14px;
    --za-button-height: 52px;
    --za-button-height-small: 42px;
    --za-motion-fast: .2s;
    --za-motion-glow: .24s;
    --za-font-editor: Inter, Arial, sans-serif;
    --za-editor-font-size: 16px;
    --za-editor-line-height: 1.7;
    --od-hd-scale: .711;
    --od-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --od-radius-sm: 12px;
    --od-radius: 20px;
    --od-radius-lg: 30px;
    --od-transition: 180ms ease;
    --ng-scrollbar-thumb: var(--ng-global-8);
    --ng-scrollbar-thumb-hover: var(--ng-global-25);
    --ng-text-display-size: clamp(2rem,3.5vw,3.55rem);
    --ng-text-display-weight: var(--ng-weight-medium);
    --ng-text-display-tracking: normal;
    --ng-text-display-line-height: 1.08;
    --ng-text-display-measure: 15ch;
    --ng-text-heading-size: clamp(1.65rem,2.5vw,2.2rem);
    --ng-text-heading-weight: var(--ng-weight-medium);
}
@media (min-width:992px) and (max-width:1440px) and (max-height:900px) {
    .od-lev-page {
        --od-lev-hd-zoom: var(--od-hd-scale);
    }
}
/* Academy: shared identity, surfaces, responsive settings and component variants. */
html[data-theme="light"] .od-academy-page {
    --za-hero-text: var(--ng-text);
    --za-hero-muted: var(--ng-text-muted);
    --za-hero-overlay: linear-gradient(90deg,var(--za-color-page-cream) 0%,rgba(var(--za-rgb-page-cream), 0.97) 26%,rgba(var(--za-rgb-page-cream), 0.86) 45%,rgba(var(--za-rgb-page-cream), 0.08) 100%);
    --za-photo-base: var(--za-color-page-cream);
    --za-danger: var(--za-color-bet-red-on-white);
    --ng-text: var(--za-color-text-on-white);
    --ng-text-muted: var(--za-color-muted-on-white);
    --ng-text-on-navbar: var(--za-color-text-on-white);
    --ng-text-muted-on-navbar: var(--za-color-muted-on-white);
    --ng-surface-home-inner: var(--za-color-inner-on-white);
    --ng-shadow: 0 12px 32px rgba(var(--za-rgb-indigo-0f2848), 0.08);
}
html:has(.od-academy-page) {
    --za-header-height: 83px;
}
html[data-theme]:has(body.od-academy-page) {
    --ng-scrollbar-thumb: var(--za-color-scrollbar);
    --ng-scrollbar-thumb-hover: var(--za-color-scrollbar-hover);
}
body.od-app.od-academy-page {
    --ng-scrollbar-thumb: var(--za-color-scrollbar);
    --ng-scrollbar-thumb-hover: var(--za-color-scrollbar-hover);
}
.od-academy-page .za-topic:nth-child(1) {
    --za-topic-color: var(--za-step-green);
}
.od-academy-page .za-topic:nth-child(2) {
    --za-topic-color: var(--za-step-purple);
}
.od-academy-page .za-topic:nth-child(3) {
    --za-topic-color: var(--za-step-blue);
}
.od-academy-page .za-topic:nth-child(4) {
    --za-topic-color: var(--za-step-amber);
}
.od-academy-page #programa {
    --za-learning-cycle: 14s;
}
.od-academy-page .za-learning-track {
    --za-ball-size: 48px;
}
.od-academy-page .za-learning-track__stops > span:nth-child(1) {
    --za-stop-color: var(--za-step-green);
}
.od-academy-page .za-learning-track__stops > span:nth-child(2) {
    --za-stop-color: var(--za-step-purple);
}
.od-academy-page .za-learning-track__stops > span:nth-child(3) {
    --za-stop-color: var(--za-step-blue);
}
.od-academy-page .za-learning-track__stops > span:nth-child(4) {
    --za-stop-color: var(--za-step-amber);
}
@media (max-width:767px) {
    .od-academy-page .za-learning-track {
        --za-ball-size: 38px;
    }
}
.od-academy-page .za-home-content {
    --za-panel-width: 1360px;
    --za-panel-padding: clamp(28px,4vw,60px);
    --za-panel-shadow: 0 8px 26px color-mix(in srgb,var(--ng-text) 3%,transparent);
}
html[data-theme="light"] .od-academy-page .za-home-content {
    --za-surface-alternate: color-mix(in srgb,var(--ng-surface-page) 60%,var(--za-surface));
}
@media (min-width:1700px) {
    .od-academy-page .za-home-content {
        --za-panel-width: 1540px;
    }
}
@media (max-width:999px) {
    .od-academy-page .za-home-content {
        --za-panel-padding: 32px;
    }
}
@media (max-width:767px) {
    .od-academy-page .za-home-content {
        --za-panel-padding: 24px;
    }
}
@media (max-width:380px) {
    .od-academy-page .za-home-content {
        --za-panel-padding: 20px;
    }
}
.od-academy-page .za-page-shell {
    --za-page-padding: clamp(28px,4vw,60px);
}
html[data-theme="light"] .od-academy-page .za-page-shell {
    --za-surface-alternate: color-mix(in srgb,var(--ng-surface-page) 60%,var(--za-surface));
}
.od-academy-page .za-plan {
    --plan-accent: var(--za-muted);
}
.od-academy-page .za-plan--gold {
    --plan-accent: var(--za-color-plan-gold);
}
.od-academy-page .za-plan--platinum {
    --plan-accent: var(--za-color-plan-platinum);
}
.od-academy-page :is(.za-module-grid > .za-module,.za-curriculum > details,.za-progress-path > article,.za-value-grid > .za-value-card,.za-numbered > li):nth-child(1) {
    --za-step-color: var(--za-step-green);
}
.od-academy-page :is(.za-module-grid > .za-module,.za-curriculum > details,.za-progress-path > article,.za-value-grid > .za-value-card,.za-numbered > li):nth-child(2) {
    --za-step-color: var(--za-step-purple);
}
.od-academy-page :is(.za-module-grid > .za-module,.za-curriculum > details,.za-progress-path > article,.za-value-grid > .za-value-card,.za-numbered > li):nth-child(3) {
    --za-step-color: var(--za-step-blue);
}
.od-academy-page :is(.za-module-grid > .za-module,.za-curriculum > details,.za-progress-path > article,.za-value-grid > .za-value-card,.za-numbered > li):nth-child(4) {
    --za-step-color: var(--za-step-amber);
}
@media (max-width:999px) {
    .od-academy-page .za-page-shell {
        --za-page-padding: 32px;
    }
}
@media (max-width:767px) {
    .od-academy-page .za-page-shell {
        --za-page-padding: 24px;
    }
}
@media (max-width:380px) {
    .od-academy-page .za-page-shell {
        --za-page-padding: 20px;
    }
}
@media (max-width:767px) {
    html:has(.od-academy-page) {
        --za-header-height: 73px;
    }
}
@media (min-width:1000px) {
    html:has(.od-academy-page) {
        --za-header-height: 64px;
    }
}
@media (min-width:1000px) and (max-width:1920px) {
    html:has(.od-academy-page) {
        --za-header-height: 60px;
    }
}
@media (min-width:1000px) and (max-width:1440px) {
    html:has(.od-academy-page) {
        --za-header-height: 54px;
    }
}
html[data-theme="light"] .od-academy-page .za-contrast-panel,
html[data-theme="light"] .od-academy-page .za-home-content > .za-section.za-contrast-panel,
html[data-theme="light"] .od-academy-page .za-home-content .za-enroll.za-contrast-panel {
    --ng-text: var(--za-color-text-on-contrast);
    --ng-text-muted: var(--za-color-muted-on-contrast);
    --za-muted: var(--za-color-muted-on-contrast);
    --za-accent: var(--za-color-academy-blue-contrast);
    --za-accent-text: var(--za-color-contrast-surface);
    --ng-global-13: var(--za-color-academy-blue-contrast);
    --za-surface: var(--za-color-contrast-surface);
    --za-inner: var(--za-color-contrast-inner);
    --za-soft: color-mix(in srgb,var(--za-color-academy-blue-contrast) 8%,var(--za-color-contrast-surface));
    --za-step-green: var(--za-color-step-green-on-navy);
    --za-step-purple: var(--za-color-step-purple-on-navy);
    --za-step-blue: var(--za-color-step-blue-on-navy);
    --za-step-amber: var(--za-color-step-amber-on-navy);
    --za-step-cyan: var(--za-color-step-cyan-on-navy);
    --ng-value-positive: var(--za-color-cyan-43d79f);
    --od-info: var(--za-color-academy-blue-contrast);
    --za-line: rgba(var(--za-rgb-indigo-bfd4fa), 0.26);
    --za-neon-halo-strength: 20%;
    --za-neon-edge-strength: 26%;
    --za-neon-inner-strength: 5%;
}
html[data-theme="light"] .od-academy-page .za-contrast-panel :is(.za-method__visual,.za-article-card) {
    --ng-text: var(--za-color-text-on-contrast);
    --za-muted: var(--za-color-muted-on-navy);
    --za-accent: var(--za-color-academy-blue-light);
    --ng-global-13: var(--za-color-academy-blue-light);
    --za-surface: var(--za-color-contrast-surface);
    --za-inner: var(--za-color-contrast-inner);
    --za-line: rgba(var(--za-rgb-text-on-contrast), 0.14);
    --za-soft: color-mix(in srgb,var(--za-accent) 8%,var(--za-surface));
}
.od-academy-page .za-faq__list > details:nth-child(5n/**/+1) {
    --za-step-color: var(--za-step-green);
}
.od-academy-page .za-faq__list > details:nth-child(5n/**/+2) {
    --za-step-color: var(--za-step-purple);
}
.od-academy-page .za-faq__list > details:nth-child(5n/**/+3) {
    --za-step-color: var(--za-step-blue);
}
.od-academy-page .za-faq__list > details:nth-child(5n/**/+4) {
    --za-step-color: var(--za-step-amber);
}
.od-academy-page .za-faq__list > details:nth-child(5n/**/+5) {
    --za-step-color: var(--za-step-cyan);
}
.od-academy-page .za-orbit--one {
    --za-orbit-color: var(--za-step-blue);
}
.od-academy-page .za-orbit--two {
    --za-orbit-color: var(--za-step-purple);
}
.od-academy-page .za-method__core {
    --za-core-glow: 0 0 0 5px color-mix(in srgb,var(--za-step-blue) 5%,transparent),0 0 28px color-mix(in srgb,var(--za-step-blue) 23%,transparent),inset 0 0 20px color-mix(in srgb,var(--za-step-blue) 7%,transparent);
    --za-core-glow-peak: 0 0 0 7px color-mix(in srgb,var(--za-step-blue) 7%,transparent),0 0 38px color-mix(in srgb,var(--za-step-blue) 34%,transparent),inset 0 0 26px color-mix(in srgb,var(--za-step-blue) 10%,transparent);
}
.od-academy-page .za-method__node--top {
    --za-node-color: var(--za-step-blue);
}
.od-academy-page .za-method__node--left {
    --za-node-color: var(--za-step-green);
}
.od-academy-page .za-method__node--right {
    --za-node-color: var(--za-step-purple);
}
.od-academy-page {
    --za-muted: var(--ng-text-muted);
    --za-surface: var(--ng-surface-home-panel);
    --za-inner: var(--ng-surface-home-inner);
    --za-line: color-mix(in srgb,var(--ng-text) 12%,transparent);
    --za-soft: color-mix(in srgb,var(--za-accent) 8%,var(--za-surface));
    --za-hero-text: var(--za-color-text-on-photo);
    --za-hero-muted: var(--za-color-muted-on-photo);
    --za-hero-overlay: linear-gradient(90deg,rgba(var(--za-rgb-indigo-030c18), 0.94),rgba(var(--za-rgb-indigo-030c18), 0.78) 38%,rgba(var(--za-rgb-indigo-030c18), 0.13) 100%);
    --za-photo-base: var(--za-color-page-navy);
    --za-accent: var(--za-color-academy-blue);
    --za-accent-text: var(--za-color-white);
    --za-button-fill: linear-gradient(110deg,var(--za-color-button-start),var(--za-color-button-end));
    --za-button-hover: linear-gradient(110deg,var(--za-color-button-hover-start),var(--za-color-button-hover-end));
    --za-button-text: var(--za-color-white);
    --za-button-glow: 0 5px 14px rgba(var(--za-rgb-button-end), 0.18),0 0 22px rgba(var(--za-rgb-button-end), 0.1),inset 0 1px 0 rgba(var(--za-rgb-white), 0.2);
    --za-button-glow-active: 0 7px 20px rgba(var(--za-rgb-button-end), 0.26),0 0 28px rgba(var(--za-rgb-button-end), 0.16),inset 0 1px 0 rgba(var(--za-rgb-white), 0.24);
    --za-bet-accent: var(--za-color-bet-red);
    --za-danger: var(--za-color-bet-red-soft);
    --ng-global-12: var(--za-color-academy-blue);
    --ng-global-13: var(--za-accent);
    --ng-global-7: var(--za-color-indigo-154db9);
    --ng-text-on-global-12: var(--za-color-white);
    --ng-text-on-global-7: var(--za-color-white);
    --za-step-green: var(--za-color-step-green-on-white);
    --za-step-purple: var(--za-color-step-purple-on-white);
    --za-step-blue: var(--za-color-academy-blue);
    --za-step-amber: var(--za-color-step-amber-on-white);
    --za-step-cyan: var(--za-color-step-cyan-on-white);
    --za-neon-halo-strength: 12%;
    --za-neon-edge-strength: 18%;
    --za-neon-inner-strength: 3%;
}
html[data-theme="dark"] .od-academy-page {
    --za-accent: var(--za-color-academy-blue-light);
    --za-accent-text: var(--za-color-indigo-081c40);
    --za-button-glow: 0 5px 16px rgba(var(--za-rgb-button-end), 0.3),0 0 24px rgba(var(--za-rgb-button-end), 0.2),inset 0 1px 0 rgba(var(--za-rgb-white), 0.2);
    --za-button-glow-active: 0 7px 22px rgba(var(--za-rgb-button-end), 0.38),0 0 32px rgba(var(--za-rgb-button-end), 0.28),inset 0 1px 0 rgba(var(--za-rgb-white), 0.26);
    --za-step-green: var(--za-color-step-green-on-navy);
    --za-step-purple: var(--za-color-step-purple-on-navy);
    --za-step-blue: var(--za-color-step-blue-on-navy);
    --za-step-amber: var(--za-color-step-amber-on-navy);
    --za-step-cyan: var(--za-color-step-cyan-on-navy);
    --za-neon-halo-strength: 23%;
    --za-neon-edge-strength: 32%;
    --za-neon-inner-strength: 6%;
}
html[data-theme] .od-academy-page :where(.za-method__visual,.za-lesson-card,.za-connection > div,.za-article-card,.za-module,.za-value-card,.za-course-offer,.za-tool-demo,.za-plan,.za-curriculum > details,.za-faq__list > details,.za-enroll__seal,.za-step-cards > li,.za-surebet-option,.za-surebet-result,.za-topic,.za-enroll,.za-ecosystem,.za-page-panel,.za-progress-path > article,.za-exercise,.za-numbered > li) {
    --za-neon-color: var(--za-step-color,var(--za-surebet-side,var(--za-topic-color,var(--za-accent))));
    --za-neon-shadow: 0 0 0 1px color-mix(in srgb,var(--za-neon-color) var(--za-neon-edge-strength),transparent),0 0 26px color-mix(in srgb,var(--za-neon-color) var(--za-neon-halo-strength),transparent),inset 0 0 20px color-mix(in srgb,var(--za-neon-color) var(--za-neon-inner-strength),transparent);
}
html[data-theme] .od-academy-page .za-connection > div:last-child {
    --za-neon-color: var(--za-bet-accent);
}
html[data-theme] .od-academy-page .za-plan {
    --za-neon-color: var(--plan-accent,var(--za-accent));
}
.od-academy-page .za-article-card[data-category-slug="fundamentos"] {
    --za-step-color: var(--za-step-green);
}
.od-academy-page .za-article-card[data-category-slug="estrategias"] {
    --za-step-color: var(--za-step-purple);
}
.od-academy-page .za-article-card[data-category-slug="gestion"] {
    --za-step-color: var(--za-step-amber);
}
html[data-theme] .od-academy-page :is(.za-button--glass,.za-actions > .za-text-link) {
    --za-outline-fill: color-mix(in srgb,var(--za-accent) 14%,var(--za-surface));
    --za-outline-neon: 0 0 0 1px color-mix(in srgb,var(--za-accent) var(--za-neon-edge-strength),transparent),0 0 24px color-mix(in srgb,var(--za-accent) var(--za-neon-halo-strength),transparent),inset 0 0 18px color-mix(in srgb,var(--za-accent) var(--za-neon-inner-strength),transparent);
}
.od-academy-page .za-page-shell:is(.za-blog-page,.za-editorial-page) {
    --za-page-padding: clamp(24px,2.5vw,40px);
    --za-blog-text-scale: 1.1;
}
@media (max-width:767px) {
    .od-academy-page .za-page-shell:is(.za-blog-page,.za-editorial-page) {
        --za-page-padding: 20px;
    }
}
@media (max-width:380px) {
    .od-academy-page .za-page-shell:is(.za-blog-page,.za-editorial-page) {
        --za-page-padding: 16px;
    }
}
.za-admin-page {
    --za-page-padding: 30px;
}
@media (max-width:767px) {
    .za-admin-page {
        --za-page-padding: 20px;
    }
}

/* Circular controls share geometry; each variant supplies its surface. */
.od-academy-page .za-icon-button {
    --za-round-size: var(--za-round-control-size);
    --za-round-fill: transparent;
    --za-round-text: var(--ng-text-on-navbar);
}
.od-academy-page .za-pagination button {
    --za-round-size: var(--za-pagination-control-size);
    --za-round-fill: var(--za-surface);
    --za-round-text: var(--ng-text);
}
.za-admin-page .za-pagination button {
    --za-round-fill: var(--za-inner);
}
.za-admin-page .za-pagination {
    --za-pagination-margin: 24px;
}

/* Shared drone settings. One white fleet, independent of the page theme. */
.od-academy-page #clase {
    --za-calculator-opacity: .48;
    --za-calculator-filter: saturate(1.25);
    --za-surebet-profit-color: var(--za-step-green);
}
html[data-theme="dark"] .od-academy-page #clase {
    --za-calculator-opacity: .72;
    --za-calculator-filter: brightness(1.55) saturate(1.2);
}
.od-academy-page .za-step-cards > li:nth-child(1) { --za-step-color: var(--za-step-green); }
.od-academy-page .za-step-cards > li:nth-child(2) { --za-step-color: var(--za-step-purple); }
.od-academy-page .za-step-cards > li:nth-child(3) { --za-step-color: var(--za-step-blue); }
.od-academy-page .za-step-cards--method > li:nth-child(1) { --za-step-color: var(--za-step-blue); }
.od-academy-page .za-step-cards--method > li:nth-child(2) { --za-step-color: var(--za-step-green); }
.od-academy-page .za-step-cards--method > li:nth-child(3) { --za-step-color: var(--za-step-purple); }
.od-academy-page .za-surebet-option--over { --za-surebet-side: var(--za-step-green); }
.od-academy-page .za-surebet-option--under { --za-surebet-side: var(--za-step-purple); }

.od-drone-show-global-1 {
    --ng-drone-color: var(--za-color-text-on-photo);
    --ng-drone-point-radius: 1;
    --ng-drone-glow: 6;
    --ng-drone-twinkle-depth: .4;
    --ng-drone-twinkle-period: 4200;
}
/* The home cover keeps its photograph dominant in both themes.
   Other page heroes retain their existing light/dark variants. */
.od-academy-page .za-hero {
    --za-hero-text: var(--za-color-text-on-photo);
    --za-hero-muted: var(--za-color-muted-on-photo);
    --za-photo-base: var(--za-color-page-navy);
    --za-accent: var(--za-color-academy-blue-light);
    --za-cover-shade: linear-gradient(90deg,rgba(var(--za-rgb-indigo-030c18),.66),rgba(var(--za-rgb-indigo-030c18),.30) 50%,rgba(var(--za-rgb-indigo-030c18),.10));
    --za-cover-fade-height: clamp(100px,15svh,180px);
    --za-cover-footer-text: var(--za-hero-muted);
    --za-surface: var(--za-color-page-navy);
    --ng-global-13: var(--za-accent);
}
html[data-theme="light"] .od-academy-page .za-hero {
    --za-cover-footer-text: var(--za-color-text-on-white);
}
@media (max-width:767px) {
    .od-academy-page .za-hero {
        --za-cover-shade: linear-gradient(90deg,rgba(var(--za-rgb-indigo-030c18),.76),rgba(var(--za-rgb-indigo-030c18),.48) 65%,rgba(var(--za-rgb-indigo-030c18),.20));
        --za-cover-fade-height: 100px;
    }
}

html[data-theme] .od-academy-page .za-surebet-results > .za-surebet-result {
    --za-neon-color: var(--za-surebet-profit-color);
}