.th-td-overview-2026 { background-color: #fff; line-height: 1.5; font-family: "Quicksand", Arial, Helvetica, sans-serif; overflow-x: hidden; scroll-behavior: smooth; }

.th-td-overview-2026 *, .th-td-overview-2026 *::before, .th-td-overview-2026 *::after { margin: 0; padding: 0; box-sizing: border-box; }

.th-td-overview-2026 a { text-decoration: none; }

.th-td-overview-2026 ul { list-style: none; }

.th-td-overview-2026 h1, .th-td-overview-2026 h2, .th-td-overview-2026 h3, .th-td-overview-2026 h4, .th-td-overview-2026 h5, .th-td-overview-2026 h6 { font-weight: 700; }

.th-td-overview-2026 p { font-weight: 500; }

.th-td-overview-2026 input, .th-td-overview-2026 button, .th-td-overview-2026 textarea, .th-td-overview-2026 select { font: inherit; }

.th-td-overview-2026 img, .th-td-overview-2026 picture, .th-td-overview-2026 video, .th-td-overview-2026 canvas, .th-td-overview-2026 svg { display: block; max-width: 100%; vertical-align: middle; }

.th-td-overview-2026 button { outline: none; border: none; box-shadow: none; }

.th-td-overview-2026 button:focus-visible { outline: 2px solid #6b46c1; outline-offset: 2px; }

.th-td-overview-2026 .mejs-overlay-button { margin: -50px 0 0 -50px; }

@keyframes slideInLeft { 0% { opacity: 0;
    transform: translateX(-30px); }
  100% { opacity: 1;
    transform: translateX(0); } }

@keyframes slideInRight { 0% { opacity: 0;
    transform: translateX(30px); }
  100% { opacity: 1;
    transform: translateX(0); } }

.th-td-overview-2026-hero { padding: 4rem 1.5rem 2rem 1.5rem; display: flex; flex-direction: column; gap: 3rem; align-items: center; max-width: 1400px; margin: 0 auto; }

@media (min-width: 1024px) { .th-td-overview-2026-hero { flex-direction: row; flex-basis: 60%; justify-content: center; } }

.th-td-overview-2026-hero-video { animation: slideInLeft 0.6s ease-out forwards; max-width: 400px; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-video { flex-basis: 40%; } }

.th-td-overview-2026-hero-video .mejs-container { margin-bottom: 1rem; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-video .mejs-container { margin-bottom: 0; } }

.th-td-overview-2026-hero-video video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; aspect-ratio: 1/1; border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.th-td-overview-2026-hero-text { animation: slideInRight 0.6s ease-out forwards; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text { flex-basis: 50%; } }

.th-td-overview-2026-hero-text h1 { text-transform: uppercase; font-size: 0.875rem; color: #020817; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text h1 { font-size: 1.125rem; } }

.th-td-overview-2026-hero-text h2 { color: #020817; margin-top: 0.25rem; font-size: 1.875rem; line-height: 1.25; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text h2 { margin-top: 0.5rem; font-size: 3rem; line-height: 1; } }

.th-td-overview-2026-hero-text h2 span { background: linear-gradient(126deg, #5d4195, #824393, #d6516e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.25; padding-bottom: 0.1em; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text h2 span { line-height: 1.2; } }

.th-td-overview-2026-hero-text h2 br { display: block; }

@media (min-width: 425px) { .th-td-overview-2026-hero-text h2 br { display: none; } }

@media (min-width: 560px) { .th-td-overview-2026-hero-text h2 br { display: block; } }

@media (min-width: 775px) { .th-td-overview-2026-hero-text h2 br { display: none; } }

.th-td-overview-2026-hero-text-paragraph { margin-top: 1.65rem; color: #64748b; font-size: 1.25rem; line-height: 1.625; font-weight: 400; }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text-paragraph { margin-top: 1.8rem; } }

.th-td-overview-2026-hero-text-trial-btn { display: flex; justify-content: center; align-items: center; padding: 1.5rem 2rem; height: 2.75rem; margin: 2rem 0; border-radius: 6px; color: #fff; font-size: 1.125rem; background: linear-gradient(126deg, #5d4195, #824393, #d6516e); font-weight: 500; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.th-td-overview-2026-hero-text-trial-btn:hover { transform: scale(1.02); background: linear-gradient(126deg, #6648a3, #8e4aa1, #da627c); }

@media (min-width: 640px) { .th-td-overview-2026-hero-text-trial-btn { width: fit-content; } }

.th-td-overview-2026-hero-text-list { display: flex; flex-direction: column; gap: 0.9375rem; font-size: 0.875rem; color: #64748b; }

@media (min-width: 768px) { .th-td-overview-2026-hero-text-list { flex-direction: row; } }

@media (min-width: 1024px) { .th-td-overview-2026-hero-text-list { flex-wrap: wrap; gap: 1rem; } }

.th-td-overview-2026-hero-text-list li { display: inline-flex; align-items: center; gap: 0.5rem; }

.th-td-overview-2026-hero-text-list li img { width: 1rem; height: 1rem; }

.th-td-overview-2026-hero-text-list li button { font-weight: 500; color: #0e8397; background: none; outline: none; box-shadow: none; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; text-decoration-style: dotted; cursor: help; position: relative; }

.th-td-overview-2026-hero-text-list li button:focus-visible { outline: 2px solid #6b46c1; outline-offset: 2px; border-radius: 2px; }

.th-td-overview-2026-hero-text-list li button:hover::after, .th-td-overview-2026-hero-text-list li button:focus::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 8px); left: 0; width: 260px; padding: 1rem; color: #020817; background-color: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; border-radius: 5px; font-size: 0.8125rem; line-height: 1.625; font-weight: 400; text-decoration: none; z-index: 100; pointer-events: none; }

@media (min-width: 768px) { .th-td-overview-2026-hero-text-list li button:hover::after, .th-td-overview-2026-hero-text-list li button:focus::after { left: 50%; transform: translateX(-50%); width: 280px; } }

.th-td-overview-2026-programs { padding: 5rem 1.5rem 0 1.5rem; max-width: 1400px; margin: 0 auto; }

.th-td-overview-2026-programs-header { text-align: center; }

.th-td-overview-2026-programs-header img { margin: 0 auto 2rem auto; height: 2rem; }

.th-td-overview-2026-programs-header h2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; }

@media (min-width: 1024px) { .th-td-overview-2026-programs-header h2 { font-size: 2.25rem; line-height: 2.5rem; } }

.th-td-overview-2026-programs-header p { margin: auto; font-size: 1.125rem; line-height: 1.75rem; max-width: 42rem; color: #64748b; }

@media (min-width: 768px) { .th-td-overview-2026-programs-header p { max-width: 48rem; } }

.th-td-overview-2026-programs-filter { max-width: 1100px; margin: 4rem auto; padding: 2rem; color: #fff; background: linear-gradient(126deg, #5d4195, #824393, #d6516e); border-radius: 1rem; text-align: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

@media (min-width: 525px) { .th-td-overview-2026-programs-filter { padding: 3rem; } }

.th-td-overview-2026-programs-filter-heading { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 0.75rem; }

.th-td-overview-2026-programs-filter-heading h3 { font-size: 1.125rem; line-height: 2rem; color: #fff; }

@media (min-width: 525px) { .th-td-overview-2026-programs-filter-heading h3 { font-size: 1.25rem; } }

@media (min-width: 768px) { .th-td-overview-2026-programs-filter-heading h3 { font-size: 1.5rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-programs-filter-heading h3 { font-size: 1.875rem; line-height: 2.25rem; } }

.th-td-overview-2026-programs-filter-heading img { width: 1.5rem; height: 1.5rem; }

@media (min-width: 525px) { .th-td-overview-2026-programs-filter-heading img { width: 1.75rem; height: 1.75rem; } }

.th-td-overview-2026-programs-filter > p { margin-bottom: 2rem; color: #fff; }

.th-td-overview-2026-programs-filter-buttons { display: flex; flex-direction: column; gap: 0.75rem; max-width: 56rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; margin: 0 auto; }

@media (min-width: 768px) { .th-td-overview-2026-programs-filter-buttons { flex-direction: row; flex-wrap: wrap; justify-content: center; } }

.th-td-overview-2026-programs-filter-buttons-button { min-height: 3rem; background-color: #fff; color: #1f2937; padding: 0 1.5rem; cursor: pointer; border-radius: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.th-td-overview-2026-programs-filter-buttons-button:hover { transform: scale(1.02); }

.th-td-overview-2026-programs-filter-buttons-button.active { color: #fff; background-color: #1f2937; }

.th-td-overview-2026-programs-filter-buttons-button.active:hover { transform: scale(1); background-color: #374151; }

.th-td-overview-2026-programs-card { position: relative; padding: 1rem; background-color: #fff; border: 1px solid #e2e8f0; border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card { padding: 1.5rem 2rem 2rem 2rem; } }

.th-td-overview-2026-programs-card-tag { display: inline-flex; align-items: center; gap: 0.25rem; position: absolute; right: 1rem; top: 38px; color: #7e22ce; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: #f3e8ff; padding: 0.125rem 0.625rem; border: 1px solid #e9d5ff; border-radius: 50px; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-tag { top: 29px; right: 32px; } }

@media (min-width: 1024px) { .th-td-overview-2026-programs-card-tag { font-size: 0.75rem; line-height: 1rem; } }

.th-td-overview-2026-programs-card-tag p { color: #7e22ce; font-size: 10px; font-weight: 600; text-transform: uppercase; line-height: 1; }

@media (min-width: 1024px) { .th-td-overview-2026-programs-card-tag p { font-size: 0.75rem; line-height: 1rem; } }

.th-td-overview-2026-programs-card-tag img { width: 0.75rem; height: 0.75rem; }

.th-td-overview-2026-programs-card-header { display: flex; flex-direction: column; padding-bottom: 0.75rem; cursor: pointer; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.5rem; padding-bottom: 0; transition: padding 0.3s ease; } }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header.active { padding-bottom: 1.5rem; } }

.th-td-overview-2026-programs-card-header-image { display: flex; justify-content: center; align-content: center; width: 4rem; height: 4rem; border-radius: 0.5rem; }

.th-td-overview-2026-programs-card-header-image-decoration { margin: auto; width: 2rem; height: 2rem; }

.th-td-overview-2026-programs-card-header-image.python { background-image: linear-gradient(135deg, #4ade80, #10b77f); }

.th-td-overview-2026-programs-card-header-image.fewd { background-image: linear-gradient(135deg, #1890ff, #096dd9); }

.th-td-overview-2026-programs-card-header-image.fsjs { background-image: linear-gradient(135deg, #722ed1, #531dab); }

.th-td-overview-2026-programs-card-header-image.da { background-image: linear-gradient(135deg, #eb2f96, #c41d7f); }

.th-td-overview-2026-programs-card-header-image.ux { background-image: linear-gradient(135deg, #ff6b35, #e55100); }

.th-td-overview-2026-programs-card-header-text { flex-basis: 61%; }

@media (min-width: 1024px) { .th-td-overview-2026-programs-card-header-text { flex-basis: 65.75%; } }

.th-td-overview-2026-programs-card-header-text h3 { color: #020817; font-size: 1.125rem; line-height: 1.75rem; margin-top: 0.75rem; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-text h3 { margin-top: 0; font-size: 1.25rem; line-height: 1.75rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-programs-card-header-text h3 { font-size: 1.5rem; line-height: 2rem; } }

.th-td-overview-2026-programs-card-header-text > p { color: #64748b; margin-top: 0.5rem; margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.5rem; font-weight: 500; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-text > p { font-size: 1rem; line-height: 1.5rem; max-width: fit-content; padding-right: 1rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-programs-card-header-text > p { padding-right: 0; font-size: 1.125rem; line-height: 1.75rem; } }

.th-td-overview-2026-programs-card-header-text-list { display: flex; flex-direction: column; gap: 0.5rem; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-text-list { flex-direction: row; flex-wrap: wrap; row-gap: 0.5rem; column-gap: 1.5rem; } }

.th-td-overview-2026-programs-card-header-text-list li { display: flex; align-items: center; gap: 0.375rem; }

.th-td-overview-2026-programs-card-header-text-list li > img { width: 0.875rem; height: 0.875rem; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-text-list li > img { width: 1rem; height: 1rem; } }

.th-td-overview-2026-programs-card-header-text-list li > p { font-size: 12px; font-weight: 500; color: #64748b; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-text-list li > p { font-size: 0.875rem; line-height: 1.25rem; } }

.th-td-overview-2026-programs-card-header-chevron { align-self: center; margin-top: 1rem; transform: rotate(180deg); transition: transform 0.3s ease; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-chevron { display: flex; justify-content: center; } }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-header-chevron { margin: 0 auto; flex-basis: 100%; } }

.th-td-overview-2026-programs-card-header-chevron img { width: 1rem; height: 1rem; }

.th-td-overview-2026-programs-card-header.active .th-td-overview-2026-programs-card-header-chevron { transform: rotate(0deg); }

.th-td-overview-2026-programs-card-body-details { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-body-details { flex-direction: row; justify-content: space-between; } }

.th-td-overview-2026-programs-card-body-details-detail { flex-basis: 33.33333%; }

.th-td-overview-2026-programs-card-body-details-detail h4 { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; }

.th-td-overview-2026-programs-card-body-details-detail h4 img { width: 1.25rem; height: 1.25rem; }

.th-td-overview-2026-programs-card-body-details-detail p { font-size: 0.875rem; line-height: 1.625; color: #64748b; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-body-details-detail p { margin-top: 0.75rem; } }

.th-td-overview-2026-programs-card-body-buttons { display: flex; flex-direction: column; gap: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; }

@media (min-width: 768px) { .th-td-overview-2026-programs-card-body-buttons { flex-direction: row; } }

.th-td-overview-2026-programs-card-body-buttons > a { display: flex; justify-content: center; align-items: center; min-height: 2.75rem; padding: 0 2rem; border: 1px solid #089bf7; border-radius: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex-basis: 50%; }

.th-td-overview-2026-programs-card-body-buttons-trial { color: #089bf7; }

.th-td-overview-2026-programs-card-body-buttons-trial:hover { color: #fff; background-color: #089bf7; }

.th-td-overview-2026-programs-card-body-buttons-details { color: #fff; background-color: #089bf7; }

.th-td-overview-2026-programs-card-body-buttons-details:hover { color: #fff; border: 1px solid #1f2937; background-color: #1f2937; }

.th-td-overview-2026-decision { padding: 0 1.5rem 1.5rem 1.5rem; margin: 0 auto; max-width: 1400px; }

@media (min-width: 768px) { .th-td-overview-2026-decision { padding: 0 1.5rem 5rem 1.5rem; } }

.th-td-overview-2026-decision-overlay { position: relative; max-width: 1400px; min-height: 584px; margin: 0 auto; padding: 2.5rem 1.5rem; border-radius: 0.75rem; text-align: center; line-height: 1.625rem; color: #fff; background-image: linear-gradient(to bottom right, #369166, #64b0c9); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 2px solid #e9d5ff; overflow: hidden; }

@media (min-width: 768px) { .th-td-overview-2026-decision-overlay { min-height: 464px; } }

@media (min-width: 1024px) { .th-td-overview-2026-decision-overlay { min-height: 516px; padding: 3rem; } }

.th-td-overview-2026-decision-overlay::before, .th-td-overview-2026-decision-overlay::after { content: ""; position: absolute; inset: 0; }

.th-td-overview-2026-decision-overlay::before { background: url(/assets/views/marketing/techdegree/quiz-background-new-e8c56ad8ae0937204e3aeb6e7b91fcfa730de549cd65154108d5d56af94d30f4.jpg) center/cover; opacity: 0.2; z-index: 0; }

.th-td-overview-2026-decision-overlay::after { background-color: rgba(0, 0, 0, 0.025); z-index: 1; }

.th-td-overview-2026-decision-overlay > * { position: relative; z-index: 2; }

.th-td-overview-2026-decision-text-decorator { display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem; margin: 0 auto; border-radius: 50%; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: rgba(255, 255, 255, 0.2); }

.th-td-overview-2026-decision-text-decorator img { width: 3rem; height: 3rem; }

.th-td-overview-2026-decision-text > h3 { margin-top: 2rem; font-size: 1.5rem; line-height: 2rem; font-weight: 700; color: #fff; }

@media (min-width: 768px) { .th-td-overview-2026-decision-text > h3 { margin-top: 1.5rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-decision-text > h3 { font-size: 1.875rem; line-height: 2.25rem; } }

.th-td-overview-2026-decision-text > p { max-width: 42.625rem; margin: 2rem auto 0 auto; font-size: 1.125rem; line-height: 1.75rem; padding: 0 1rem; color: rgba(255, 255, 255, 0.9); }

@media (min-width: 768px) { .th-td-overview-2026-decision-text > p { margin: 1.5rem auto 0 auto; } }

.th-td-overview-2026-decision-button { margin-top: 2rem; }

.th-td-overview-2026-decision-button > button { height: 48px; margin-top: 3.25rem; padding: 0 2rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; background-color: #fff; color: #020817; border-radius: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

@media (min-width: 768px) { .th-td-overview-2026-decision-button > button { margin-top: 2.45rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-decision-button > button { margin-top: 3.45rem; font-size: 1.25rem; line-height: 1.75rem; } }

.th-td-overview-2026-decision-button > button:hover { color: #fff; background-color: #000; cursor: pointer; }

.th-td-overview-2026-decision-quiz { max-width: 600px; margin: 0 auto; padding: 1.5rem; text-align: left; background-color: #fff; border-radius: 0.5rem; border: 1px solid #e2e8f0; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); color: #0f172a; }

.th-td-overview-2026-decision-quiz-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; font-size: 0.875rem; font-weight: 400; color: #64748b; }

.th-td-overview-2026-decision-quiz-progress { height: 8px; border-radius: 25px; margin-bottom: 2rem; overflow: hidden; background-color: #e5e7eb; }

.th-td-overview-2026-decision-quiz-progress-bar { height: 100%; background-color: #089bf7; border-radius: 25px; transition: width 0.3s ease; width: 0%; }

.th-td-overview-2026-decision-quiz-content { text-align: left; }

.th-td-overview-2026-decision-quiz-question { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1.5rem; font-weight: 600; }

@media (min-width: 768px) { .th-td-overview-2026-decision-quiz-question { font-size: 1.375rem; } }

.th-td-overview-2026-decision-quiz-options { display: flex; flex-direction: column; gap: 0.75rem; }

.th-td-overview-2026-decision-quiz-option { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

@media (hover: hover) { .th-td-overview-2026-decision-quiz-option:hover .th-td-overview-2026-decision-quiz-option-text { color: #089bf7; }
  .th-td-overview-2026-decision-quiz-option:hover .th-td-overview-2026-decision-quiz-option-radio::after { opacity: 1; } }

.th-td-overview-2026-decision-quiz-option.selected .th-td-overview-2026-decision-quiz-option-radio::after { opacity: 1; }

.th-td-overview-2026-decision-quiz-option-radio { width: 16px; height: 16px; min-width: 16px; border: 1px solid #089bf7; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }

@media (min-width: 768px) { .th-td-overview-2026-decision-quiz-option-radio { width: 18px; height: 18px; min-width: 18px; } }

.th-td-overview-2026-decision-quiz-option-radio::after { content: ""; width: 10px; height: 10px; background-color: #089bf7; border-radius: 50%; opacity: 0; transition: opacity 0.2s ease; }

@media (min-width: 768px) { .th-td-overview-2026-decision-quiz-option-radio::after { width: 12px; height: 12px; } }

.th-td-overview-2026-decision-quiz-option-text { font-size: 0.875rem; line-height: 1rem; font-weight: 500; }

@media (min-width: 768px) { .th-td-overview-2026-decision-quiz-option-text { font-size: 1rem; } }

.th-td-overview-2026-decision-quiz-results-btn { display: block; width: 100%; min-height: 2.75rem; margin: 2rem auto 0 auto; padding: 0.5rem 0; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #fff; background-color: #089bf7; border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.th-td-overview-2026-decision-quiz-results-btn:hover { background-color: #3f5c8d; }

.th-td-overview-2026-decision-results { max-width: 600px; margin: 0 auto; padding: 1.5rem; text-align: center; background-color: #fff; border-radius: 0.5rem; border: 1px solid #e2e8f0; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); color: #64748b; }

.th-td-overview-2026-decision-results-content { margin-bottom: 2rem; }

.th-td-overview-2026-decision-results-label { font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; }

.th-td-overview-2026-decision-results-title { font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; color: #020817; }

.th-td-overview-2026-decision-results-pitch { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1.5rem; }

.th-td-overview-2026-decision-results-details { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1rem; }

.th-td-overview-2026-decision-results-details span { padding: 0.125rem 0.625rem; font-size: 0.875rem; font-weight: 600; color: #020817; background-color: #f1f5f9; border-radius: 9999px; }

.th-td-overview-2026-decision-results-estimate { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1.5rem; }

.th-td-overview-2026-decision-results-actions { display: flex; flex-direction: column; gap: 0.75rem; align-items: center; font-size: 0.875rem; line-height: 1.25rem; }

.th-td-overview-2026-decision-results-link { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 2.75rem; margin: 0 auto; padding: 0.5rem; font-weight: 500; color: #fff; background-color: #089bf7; border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.th-td-overview-2026-decision-results-link:hover { background-color: #3f5c8d; }

.th-td-overview-2026-decision-results-retake { color: #089bf7; font-weight: 400; background: none; box-shadow: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration-color: transparent; }

.th-td-overview-2026-decision-results-retake:hover { text-decoration: underline; text-decoration-color: #089bf7; text-decoration-thickness: 1px; }

.th-td-overview-2026-companies { padding: 5rem 1.5rem; text-align: center; }

@media (min-width: 768px) { .th-td-overview-2026-companies { padding: 3rem 1.5rem 5rem 1.5rem; } }

.th-td-overview-2026-companies h2 { color: #020817; font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 3rem; }

@media (min-width: 1024px) { .th-td-overview-2026-companies h2 { font-size: 1.5rem; line-height: 2rem; } }

.th-td-overview-2026-companies-logos { display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between; max-width: 1152px; margin: 0 auto; }

@media (min-width: 1024px) { .th-td-overview-2026-companies-logos { justify-content: space-around; } }

.th-td-overview-2026-companies-logos img { flex-basis: calc(50% - 2rem); -o-object-fit: contain; object-fit: contain; }

@media (min-width: 768px) { .th-td-overview-2026-companies-logos img { flex-basis: calc(33.33333% - 1.5rem); } }

@media (min-width: 1024px) { .th-td-overview-2026-companies-logos img { flex-basis: initial; } }

.th-td-overview-2026-companies-logos-airbnb, .th-td-overview-2026-companies-logos-mailchimp { height: 48px; }

.th-td-overview-2026-companies-logos-hubspot, .th-td-overview-2026-companies-logos-nike, .th-td-overview-2026-companies-logos-verizon { height: 28px; }

.th-td-overview-2026-companies-logos-vacasa { height: 40px; }

.th-td-overview-2026-salaries { position: relative; padding: 4rem 1.5rem; background-image: linear-gradient(to bottom right, #348f50, #56b4d3); color: #fff; }

@media (min-width: 768px) { .th-td-overview-2026-salaries { padding: 4rem 3.5rem; } }

.th-td-overview-2026-salaries .slick-slide { margin: 0 4px; }

@media (min-width: 768px) { .th-td-overview-2026-salaries .slick-slide { margin: 0 8px; } }

.th-td-overview-2026-salaries .slick-list { margin: 0 -4px; }

@media (min-width: 768px) { .th-td-overview-2026-salaries .slick-list { margin: 0 -8px; } }

.th-td-overview-2026-salaries-arrows-prev, .th-td-overview-2026-salaries-arrows-next { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border: 1px solid #e2e8f0; border-radius: 50%; background-color: #fff; z-index: 10; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; }

.th-td-overview-2026-salaries-arrows-prev > img, .th-td-overview-2026-salaries-arrows-next > img { width: 1rem; height: 1rem; }

.th-td-overview-2026-salaries-arrows-prev:hover, .th-td-overview-2026-salaries-arrows-next:hover { background-color: #f1f5f9; }

.th-td-overview-2026-salaries-arrows-prev { left: -45px; }

@media (min-width: 1024px) { .th-td-overview-2026-salaries-arrows-prev { left: -50px; } }

.th-td-overview-2026-salaries-arrows-next { right: -45px; }

@media (min-width: 1024px) { .th-td-overview-2026-salaries-arrows-next { right: -50px; } }

.th-td-overview-2026-salaries-dsbg { position: absolute; top: 2.5rem; left: 2.5rem; }

.th-td-overview-2026-salaries-tubg { position: absolute; bottom: 2.5rem; right: 2.5rem; }

.th-td-overview-2026-salaries-spbg { position: absolute; top: 50%; left: 25%; }

.th-td-overview-2026-salaries-header { text-align: center; margin-bottom: 3rem; }

.th-td-overview-2026-salaries-header-pill { display: flex; align-items: center; gap: 0.5rem; width: fit-content; margin: 0 auto; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; color: #fff; border-radius: 25px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

.th-td-overview-2026-salaries-header-pill p { color: #fff; }

.th-td-overview-2026-salaries-header h2 { font-size: 1.25rem; line-height: 1.75; margin: 12px auto 4px auto; text-transform: uppercase; color: #fff; }

@media (min-width: 1024px) { .th-td-overview-2026-salaries-header h2 { margin: 1rem auto 0.5rem auto; font-size: 1.5rem; line-height: 2rem; } }

.th-td-overview-2026-salaries-header-text { display: flex; gap: 0.5rem; margin: 0 auto; justify-content: center; align-items: center; font-size: 0.875rem; color: rgba(255, 255, 255, 0.8); }

.th-td-overview-2026-salaries-header-text p { color: rgba(255, 255, 255, 0.8); }

.th-td-overview-2026-salaries-carousel { position: relative; max-width: 42rem; margin: 0 auto; }

.th-td-overview-2026-salaries-carousel-card { height: 168px; background-color: #fff; border: 2px solid rgba(48, 158, 125, 0.2); border-radius: 0.5rem; padding: 1.5rem; text-align: center; }

.th-td-overview-2026-salaries-carousel-card-image { width: fit-content; margin: 0 auto 1rem auto; padding: 0.75rem; background-color: rgba(48, 158, 125, 0.1); border-radius: 0.5rem; }

.th-td-overview-2026-salaries-carousel-card h3 { color: #020817; font-weight: 600; font-size: 0.875rem; line-height: 1.25; margin-bottom: 0.5rem; }

.th-td-overview-2026-salaries-carousel-card p { color: #309e7d; font-weight: 700; font-size: 1.125rem; line-height: 1.75; }

.th-td-overview-2026-career { padding: 5rem 1.5rem; max-width: 1400px; margin: 0 auto; }

.th-td-overview-2026-career h2 { text-align: center; color: #020817; font-size: 1.5rem; line-height: 2rem; margin-bottom: 4rem; }

@media (min-width: 1024px) { .th-td-overview-2026-career h2 { font-size: 2.25rem; line-height: 2.5rem; } }

.th-td-overview-2026-career-card { display: flex; flex-direction: column; gap: 3rem; }

@media (min-width: 1024px) { .th-td-overview-2026-career-card { flex-direction: row; align-items: center; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card:nth-of-type(even) { flex-direction: row-reverse; } }

.th-td-overview-2026-career-card + .th-td-overview-2026-career-card { padding-top: 5rem; }

.th-td-overview-2026-career-card-image { margin: 0 auto; }

@media (min-width: 525px) { .th-td-overview-2026-career-card-image { max-width: 36.5rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card-image { box-shadow: none; max-width: unset; flex-basis: 50%; } }

@media (min-width: 525px) { .th-td-overview-2026-career-card-image.certificate { max-width: 28rem; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card-image.certificate { max-width: unset; flex-basis: 50%; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card-image > img { max-width: 85%; margin: 0 auto; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card-image.certificate > img { max-width: 100%; } }

@media (min-width: 1024px) and (min-width: 1200px) { .th-td-overview-2026-career-card-image.certificate > img { max-width: 69%; } }

@media (min-width: 1024px) { .th-td-overview-2026-career-card-text { flex-basis: 50%; } }

.th-td-overview-2026-career-card-text-heading { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }

.th-td-overview-2026-career-card-text-heading-image { width: fit-content; padding: 0.75rem; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.th-td-overview-2026-career-card-text-heading-image.certificate { background-image: linear-gradient(to bottom right, #3b82f6, #1d4ed8); }

.th-td-overview-2026-career-card-text-heading-image.projects { background-image: linear-gradient(to bottom right, #22c55e, #15803d); }

.th-td-overview-2026-career-card-text-heading-image.alumni { background-image: linear-gradient(to bottom right, #ec4899, #be185d); }

.th-td-overview-2026-career-card-text-heading-image.learning { background-image: linear-gradient(to bottom right, #a855f7, #7e22ce); }

.th-td-overview-2026-career-card-text-heading-image img { width: 1.5rem; height: 1.5rem; max-width: initial; }

.th-td-overview-2026-career-card-text-heading h3 { font-size: 1.5rem; line-height: 2rem; color: #020817; }

.th-td-overview-2026-career-card-text-list { color: #64748b; font-size: 1.125rem; line-height: 1.625; }

.th-td-overview-2026-career-card-text-list li { display: flex; align-items: flex-start; gap: 0.75rem; }

.th-td-overview-2026-career-card-text-list li + li { margin-top: 0.75rem; }

.th-td-overview-2026-career-card-text-list img { margin-top: 0.25rem; width: 1.25rem; }

.th-td-overview-2026-career-card-text-list p { color: #64748b; font-size: 1.125rem; line-height: 1.625; }

.th-td-overview-2026-graduates { padding: 5rem 1.5rem; background: linear-gradient(126deg, #5d4195, #824393, #d6516e); }

@media (min-width: 768px) { .th-td-overview-2026-graduates { padding: 5rem 3.5rem; } }

.th-td-overview-2026-graduates .slick-slide { margin: 0 4px; }

@media (min-width: 768px) { .th-td-overview-2026-graduates .slick-slide { margin: 0 8px; } }

.th-td-overview-2026-graduates .slick-list { margin: 0 -4px; }

@media (min-width: 768px) { .th-td-overview-2026-graduates .slick-list { margin: 0 -8px; } }

.th-td-overview-2026-graduates .slick-dots { bottom: -40px; }

.th-td-overview-2026-graduates .slick-dots > li button::before { color: #fff; }

.th-td-overview-2026-graduates-arrows-prev, .th-td-overview-2026-graduates-arrows-next { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border: 1px solid #e2e8f0; border-radius: 50%; background-color: #fff; z-index: 10; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; }

.th-td-overview-2026-graduates-arrows-prev > img, .th-td-overview-2026-graduates-arrows-next > img { width: 1rem; height: 1rem; }

.th-td-overview-2026-graduates-arrows-prev:hover, .th-td-overview-2026-graduates-arrows-next:hover { background-color: #f1f5f9; }

.th-td-overview-2026-graduates-arrows-prev { left: -45px; }

@media (min-width: 1024px) { .th-td-overview-2026-graduates-arrows-prev { left: -50px; } }

.th-td-overview-2026-graduates-arrows-next { right: -45px; }

@media (min-width: 1024px) { .th-td-overview-2026-graduates-arrows-next { right: -50px; } }

.th-td-overview-2026-graduates h2 { font-size: 1.5rem; line-height: 2rem; margin-bottom: 4rem; color: #fff; text-align: center; }

@media (min-width: 1024px) { .th-td-overview-2026-graduates h2 { font-size: 2.25rem; line-height: 2.5rem; } }

.th-td-overview-2026-graduates-carousel { max-width: 1152px; margin: 0 auto; }

.th-td-overview-2026-graduates-carousel-card { height: 330px; padding: 1.5rem; background-color: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border: 1px solid #e2e8f0; border-radius: 0.5rem; }

@media (min-width: 1300px) { .th-td-overview-2026-graduates-carousel-card { height: 300px; } }

.th-td-overview-2026-graduates-carousel-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.th-td-overview-2026-graduates-carousel-card-header img { width: 3rem; border-radius: 50%; }

.th-td-overview-2026-graduates-carousel-card-header-text h4 { color: #020817; font-weight: 600; }

.th-td-overview-2026-graduates-carousel-card-header-text p { color: #64748b; font-size: 0.875rem; }

.th-td-overview-2026-graduates-carousel-card > img { width: 1.25rem; height: 1.25rem; margin-bottom: 1rem; }

.th-td-overview-2026-graduates-carousel-card > p { color: #64748b; font-size: 1rem; line-height: 1.625; }

.th-td-overview-2026-graduates-carousel-card > p a { font-size: 0.875rem; color: #2563eb; }

.th-td-overview-2026-launch { padding: 5rem 1.5rem; background-color: #f1f5f9; text-align: center; }

.th-td-overview-2026-launch-header { margin-bottom: 1.5rem; }

.th-td-overview-2026-launch-header > p { display: flex; align-items: center; justify-content: center; gap: 0.375rem; font-weight: 500; color: #020817; font-size: 0.875rem; }

.th-td-overview-2026-launch-header > p img { width: 1rem; height: 1rem; }

.th-td-overview-2026-launch h2 { font-weight: 700; font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 1.5rem; }

@media (min-width: 1024px) { .th-td-overview-2026-launch h2 { font-size: 3rem; line-height: 1; } }

.th-td-overview-2026-launch > p { max-width: 56rem; margin: 0 auto; color: #64748b; font-size: 1.25rem; line-height: 1.625; margin-bottom: 2rem; }

.th-td-overview-2026-launch-buttons { display: flex; flex-direction: column; margin-bottom: 1.5rem; }

.th-td-overview-2026-launch-buttons-trial-btn { display: flex; justify-content: center; align-items: center; width: fit-content; height: 3rem; margin: 0 auto; padding: 0 3rem; border-radius: 6px; font-size: 1.125rem; font-weight: 500; border: 1px solid #e2e8f0; gap: 1rem; color: #fff; background: linear-gradient(126deg, #5d4195, #824393, #d6516e); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.th-td-overview-2026-launch-buttons-trial-btn:hover { transform: scale(1.02); background: linear-gradient(126deg, #6648a3, #8e4aa1, #da627c); }

.th-td-overview-2026-launch-buttons-trial-btn img { width: 1rem; }

.th-td-overview-2026-launch-footer-list, .th-td-overview-2026-launch-footer > a { display: inline-flex; justify-content: center; align-items: center; gap: 0.25rem; color: #64748b; font-size: 0.875rem; }

.th-td-overview-2026-launch-footer-list { display: inline-flex; }

.th-td-overview-2026-launch-footer > a { display: flex; margin-top: 1rem; }

.th-td-overview-2026-launch-footer > a > img { transform: rotate(180deg); width: 0.875rem; height: 0.875rem; }