.ts-catalog { background: radial-gradient(ellipse at 0 35%,rgba(0,184,217,.07),transparent 45%),radial-gradient(ellipse at 100% 60%,rgba(124,58,237,.06),transparent 45%),#f7f9fc !important; }
.ts-catalog-hero { color:#fff; background:radial-gradient(ellipse at 85% 20%,rgba(0,217,226,.18),transparent 55%),linear-gradient(120deg,#09172c,#0a303e); margin:24px auto 36px; width:calc(100% - 48px); max-width:1280px; border-radius:32px; border:1px solid rgba(0,184,217,.22); box-shadow:0 22px 60px rgba(7,24,46,.12); padding:0 28px 32px; }
.ts-catalog-hero > div:first-of-type { padding:60px 24px 28px !important; position:relative; z-index:1; }
.ts-catalog-hero h1 { color:#fff !important; font-size:clamp(48px,5.5vw,78px) !important; line-height:.98 !important; letter-spacing:-.035em !important; max-width:780px; }
.ts-catalog-hero h1 span { color:#47e4e4 !important; }
.ts-catalog-hero h1 + p { color:#c6dce5 !important; font-size:21px !important; max-width:660px !important; line-height:1.5 !important; margin-top:24px !important; }
.ts-catalog-hero > div:first-of-type > div:first-child { color:#63e7ed !important; border-color:rgba(99,231,237,.25) !important; background:rgba(99,231,237,.08) !important; }
.ts-catalog-hero-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:30px; }
.ts-catalog-primary,.ts-catalog-secondary { padding:14px 22px; border-radius:12px; font-size:17px; font-weight:900; text-decoration:none; }
.ts-catalog-primary { color:#072331 !important; background:#56eeee; box-shadow:0 6px 24px rgba(0,217,226,.15); display:flex; gap:22px; }
.ts-catalog-secondary { color:#e5f4f5 !important; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.04); }
.ts-catalog-stats { display:flex; gap:42px; position:relative; z-index:1; border-top:1px solid rgba(255,255,255,.15); margin:0 24px; padding-top:24px; width:min(660px,calc(100% - 48px)); }
.ts-catalog-stats div { display:flex; align-items:center; gap:12px; }
.ts-catalog-stats strong { color:#fff; font-size:32px; line-height:1; font-weight:900; }
.ts-catalog-stats span { color:#adcbd4; font-size:14px; line-height:1.2; max-width:75px; }
.ts-catalog-art { position:absolute; right:25px; top:35px; width:350px; color:#43dfe2; pointer-events:none; }
.ts-catalog-art span { display:block; text-align:center; font-weight:900; font-size:12px; letter-spacing:.22em; color:#8adddf; }
.ts-catalog-art svg { width:100%; height:auto; }
.ts-catalog-bundle { padding-bottom:36px !important; }
.ts-catalog-bundle > div { border-radius:22px !important; padding:28px !important; overflow:visible !important; border:1px solid rgba(194,141,12,.3) !important; background:linear-gradient(120deg,rgba(255,196,57,.13),rgba(255,244,210,.65)) !important; box-shadow:0 8px 28px rgba(127,94,29,.05); }
.ts-catalog-bundle > div > div { min-width:0; }
.ts-catalog-bundle [class*="text-white"] { color:#152c42 !important; }
.ts-catalog-bundle [class*="text-[#9aa8c2]"] { color:#5a6470 !important; }
.ts-catalog-bundle a { white-space:normal !important; flex-shrink:0; max-width:100%; height:auto !important; min-height:48px; padding:14px 22px !important; line-height:1.35; color:#10273d !important; background:#f3bd38 !important; border-radius:12px !important; box-shadow:none !important; }
.ts-catalog-bundle > div > div > div:first-child { color:#8d5e00 !important; }
.ts-catalog-section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin:12px 0 28px; }
.ts-catalog-section-heading p,.ts-catalog-foundation > div > p:first-child { font-size:12px; font-weight:900; letter-spacing:.17em; color:#00839d; }
.ts-catalog-section-heading h2 { margin-top:7px; font-size:36px; line-height:1.08; font-weight:900; color:#0a1931; }
.ts-catalog-section-heading > span { color:#52657c; font-size:17px; line-height:1.4; }
.ts-catalog-tracks { scroll-margin-top:100px; }
.ts-catalog-card { background:linear-gradient(135deg,rgba(var(--track-rgb),.11),rgba(var(--track-rgb),.035) 70%,rgba(255,255,255,.7)) !important; border:1px solid rgba(var(--track-rgb),.22) !important; border-top:4px solid rgb(var(--track-rgb)) !important; border-radius:22px !important; padding:30px !important; backdrop-filter:blur(12px); box-shadow:0 8px 30px rgba(7,24,46,.035); transition:transform .2s ease,box-shadow .2s ease; }
.ts-catalog-card:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(var(--track-rgb),.13); }
.ts-catalog-card-top > div:first-child { color:rgb(var(--track-rgb)) !important; background:rgba(var(--track-rgb),.12) !important; border-color:rgba(var(--track-rgb),.22) !important; width:52px !important; height:52px !important; border-radius:14px !important; }
.ts-catalog-track-title { color:#0a1931 !important; font-size:29px !important; font-weight:900 !important; line-height:1.12 !important; margin-top:20px !important; }
.ts-catalog-card-description { color:#3e5269 !important; font-size:17px !important; line-height:1.5 !important; }
.ts-catalog-card [class*="text-[#00C6FF]"] { color:rgb(var(--track-rgb)) !important; }
.ts-catalog-card [class*="text-[#8a9ab5]"] { color:#52657b !important; }
.ts-catalog-enroll { background:#10243b !important; color:#fff !important; box-shadow:none !important; border-radius:10px !important; padding:11px 19px !important; height:auto !important; min-height:44px; }
.ts-catalog-card a:not(.ts-catalog-enroll) { color:#143c55 !important; font-size:15px !important; font-weight:900 !important; }
.ts-catalog-card [class*="text-[10px]"] { font-size:12px !important; }
.ts-catalog-card [class*="text-[11px]"] { font-size:13px !important; }
.ts-catalog-foundation { display:flex; align-items:center; gap:26px; margin-top:36px; padding:32px; border-radius:22px; border:1px solid rgba(0,184,217,.25); background:linear-gradient(120deg,rgba(0,184,217,.1),rgba(124,58,237,.06)); }
.ts-catalog-foundation > span { font-size:50px; color:#00839d; }
.ts-catalog-foundation > div { flex:1; }
.ts-catalog-foundation h2 { font-size:29px; line-height:1.1; font-weight:900; margin:7px 0 10px; }
.ts-catalog-foundation p { font-size:17px; color:#425a70; line-height:1.4; }
.ts-catalog-foundation a { flex-shrink:0; padding:14px 18px; background:#10243b; color:#fff; border-radius:12px; font-weight:900; }
.ts-catalog-steps { background:rgba(230,239,248,.55) !important; }
.ts-catalog-steps .grid > div { background:rgba(255,255,255,.65) !important; border-radius:18px !important; border-top-color:#008ba6 !important; }
.ts-catalog-steps h3,.ts-catalog-steps h2 { font-size:36px !important; font-weight:900 !important; }
.ts-catalog-steps h4 { font-size:22px !important; font-weight:900 !important; }
.ts-catalog-verify > div > div { border-radius:22px !important; background:rgba(0,184,217,.06) !important; }
.ts-catalog a:focus-visible { outline:3px solid #008ba6; outline-offset:4px; }
@media(max-width:1150px) { .ts-catalog-art { width:270px; opacity:.6; right:0; top:60px; } .ts-catalog-hero h1 + p { max-width:580px !important; } .ts-catalog-bundle > div { flex-wrap:wrap; gap:20px; } }
@media(max-width:800px) { .ts-catalog-hero { width:calc(100% - 32px); border-radius:24px; padding:0 4px 28px; margin-top:16px; } .ts-catalog-hero > div:first-of-type { padding:40px 22px 24px !important; } .ts-catalog-art { opacity:.1; width:260px; top:20px; right:-35px; } .ts-catalog-hero h1 + p { font-size:19px !important; } .ts-catalog-stats { margin:0 22px; gap:20px; width:calc(100% - 44px); } .ts-catalog-stats div { flex-direction:column; align-items:start; gap:8px; } .ts-catalog-stats span { max-width:90px; } .ts-catalog-section-heading { display:block; } .ts-catalog-section-heading > span { display:block; margin-top:14px; } .ts-catalog-section-heading h2 { font-size:32px; } .ts-catalog-foundation { flex-wrap:wrap; padding:24px; gap:16px; } .ts-catalog-foundation > span { display:none; } .ts-catalog-foundation a { width:100%; text-align:center; } .ts-catalog-bundle > div { display:flex; flex-direction:column; align-items:start; padding:24px !important; } .ts-catalog-bundle a { width:100%; text-align:center; justify-content:center; } .ts-catalog-card { padding:24px !important; } }
@media(prefers-reduced-motion:reduce) { .ts-catalog-card { transition:none; } .ts-catalog-card:hover { transform:none; } }
.ts-catalog-card { padding:0 !important; } .ts-catalog-card > .p-7 { padding:30px !important; } @media(max-width:800px){ .ts-catalog-card > .p-7 { padding:24px !important; } }
.ts-catalog-bundle-panel { display:flex; align-items:center; gap:28px; }
.ts-catalog-bundle-panel > div:first-child { flex:1; }
.ts-catalog-bundle-panel h2 { font-size:25px; font-weight:900; line-height:1.15; margin:6px 0 9px; color:#162d43; }
.ts-catalog-bundle-panel p { font-size:16px; color:#5b5442; line-height:1.4; }
.ts-catalog-bundle-label { font-size:11px !important; font-weight:900; letter-spacing:.15em; color:#89600b !important; }
.ts-catalog-bundle-price { display:flex; flex-direction:column; gap:4px; max-width:210px; }
.ts-catalog-bundle-price strong { font-size:32px; font-weight:900; color:#172f46; }
.ts-catalog-bundle-price span { font-size:13px; color:#655a43; }
.ts-catalog-card-top > div:first-child { background:transparent !important; width:auto !important; height:auto !important; border:0 !important; }
.ts-catalog-card-top > div:first-child > div:first-child { background:rgba(var(--track-rgb),.12) !important; color:rgb(var(--track-rgb)) !important; border:1px solid rgba(var(--track-rgb),.2) !important; border-radius:14px !important; width:48px !important; height:48px !important; }
.ts-catalog-card > div:first-child:not(.p-7) { background:rgb(var(--track-rgb)) !important; }
.ts-catalog-card .truncate { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-width:100%; }
.ts-catalog-footer { max-width:1280px; margin:auto; padding:30px 24px; display:flex; gap:26px; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:15px; color:#52657b; }
.ts-catalog-footer > a { display:flex; align-items:center; gap:10px; color:#112e43; font-size:19px; font-weight:900; }
.ts-catalog-footer nav { display:flex; flex-wrap:wrap; gap:20px; font-weight:700; }
@media(max-width:800px) { .ts-catalog-bundle-panel { align-items:stretch !important; } .ts-catalog-bundle-price { max-width:100%; } }
@media(max-width:600px){ .ts-catalog-card-actions { flex-wrap:wrap; gap:16px; } .ts-catalog-card-actions > div:first-child { width:100%; } .ts-catalog-card-actions > div:last-child { width:100%; justify-content:space-between; gap:16px; } .ts-catalog-enroll { white-space:nowrap; min-width:125px; justify-content:center; } }