.th-hundred-days-2026 { font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; background: #ffffff; line-height: 1.5; }

.th-hundred-days-2026 *, .th-hundred-days-2026 *::before, .th-hundred-days-2026 *::after { box-sizing: border-box; }

.th-hundred-days-2026 h1, .th-hundred-days-2026 h2, .th-hundred-days-2026 h3, .th-hundred-days-2026 h4 { margin: 0; line-height: 1.2; }

.th-hundred-days-2026 p { margin: 0; }

.th-hundred-days-2026 img { display: block; max-width: 100%; }

.th-hundred-days-2026 a { text-decoration: none; }

.th-hundred-days-2026 .hd-container { max-width: 75rem; margin: 0 auto; padding: 0 1.5rem; }

.th-hundred-days-2026 .section-title { font-size: 1.5rem; font-weight: 800; text-align: center; color: #333333; margin-bottom: 4rem; }

@media (min-width: 1024px) { .th-hundred-days-2026 .section-title { font-size: 2.25rem; } }

.th-hundred-days-2026 .gradient-text { display: inline-block; background: linear-gradient(135deg, #51c87c, #499785, #314f81); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

.th-hundred-days-2026 .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: inherit; font-size: 1.125rem; font-weight: 700; color: #fff; padding: 0.875rem 2rem; border: none; border-radius: 0.75rem; cursor: pointer; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease; }

.th-hundred-days-2026 .btn__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }

.th-hundred-days-2026 .btn--accent { background: linear-gradient(135deg, #51c87c, #499785, #314f81); }

.th-hundred-days-2026 .btn--accent:hover { color: #fff; opacity: 0.9; }

.th-hundred-days-2026 .btn--magenta { background: #b96ea8; }

.th-hundred-days-2026 .btn--magenta:hover { color: #fff; opacity: 0.9; }

.th-hundred-days-2026 .hero { background: #ffffff; padding: 1.5rem 0; overflow: hidden; }

@media (min-width: 768px) { .th-hundred-days-2026 .hero { padding: 2rem 0; } }

.th-hundred-days-2026 .hero__grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }

@media (min-width: 768px) { .th-hundred-days-2026 .hero__grid { grid-template-columns: 1fr 1fr; } }

.th-hundred-days-2026 .hero__text { text-align: center; }

@media (min-width: 768px) { .th-hundred-days-2026 .hero__text { text-align: left; } }

.th-hundred-days-2026 .hero__badge { width: 6rem; height: 6rem; margin: 0 auto 1.5rem; }

@media (min-width: 768px) { .th-hundred-days-2026 .hero__badge { width: 8rem; height: 8rem; margin: 0 0 1.5rem; } }

.th-hundred-days-2026 .hero__title { font-size: 1.875rem; font-weight: 800; line-height: 1.1; margin-bottom: 1.5rem; }

@media (min-width: 1024px) { .th-hundred-days-2026 .hero__title { font-size: 3rem; } }

.th-hundred-days-2026 .hero__title-line { display: block; color: #314f81; }

.th-hundred-days-2026 .hero__sub { font-size: 1.125rem; color: #314f81; margin-bottom: 2rem; }

@media (min-width: 768px) { .th-hundred-days-2026 .hero__sub { font-size: 1.25rem; } }

.th-hundred-days-2026 .hero__sub strong { font-weight: 700; }

.th-hundred-days-2026 .hero__video { position: relative; width: 100%; border-radius: 1rem; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

.th-hundred-days-2026 .hero__video::before { content: ""; display: block; padding-top: 56.25%; }

.th-hundred-days-2026 .hero__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.th-hundred-days-2026 .steps { padding: 5rem 0; background: linear-gradient(#fbfcfd, #f1f5f9); }

@media (min-width: 768px) { .th-hundred-days-2026 .steps { padding: 7rem 0; } }

.th-hundred-days-2026 .steps__row { display: flex; flex-direction: column; align-items: center; gap: 3rem; max-width: 72rem; margin: 0 auto 5rem; }

@media (min-width: 1024px) { .th-hundred-days-2026 .steps__row { flex-direction: row; } }

.th-hundred-days-2026 .steps__row:last-child { margin-bottom: 0; }

.th-hundred-days-2026 .steps__row--reverse .steps__art { order: 2; }

.th-hundred-days-2026 .steps__row--reverse .steps__list { order: 1; }

@media (min-width: 1024px) { .th-hundred-days-2026 .steps__row--reverse .steps__art, .th-hundred-days-2026 .steps__row--reverse .steps__list { order: 0; } }

.th-hundred-days-2026 .steps__list { flex: 1; display: flex; flex-direction: column; gap: 2rem; list-style: none; padding: 0; margin: 0; width: 100%; }

.th-hundred-days-2026 .steps__art { flex: 1; display: flex; justify-content: center; }

.th-hundred-days-2026 .steps__art img { width: 100%; max-width: 20rem; aspect-ratio: 1; object-fit: contain; border-radius: 1rem; }

.th-hundred-days-2026 .step { display: flex; align-items: flex-start; gap: 1rem; padding: 1.5rem; background: #ffffff; border-radius: 0.75rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease; }

.th-hundred-days-2026 .step:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.th-hundred-days-2026 .step__num { flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem; font-weight: 700; }

.th-hundred-days-2026 .step__title { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; }

.th-hundred-days-2026 .step p { color: #65758b; }

.th-hundred-days-2026 .step--1 .step__num { background: #51c87c; }

.th-hundred-days-2026 .step--1 .step__title { color: #499785; }

.th-hundred-days-2026 .step--2 .step__num { background: #CA6482; }

.th-hundred-days-2026 .step--2 .step__title { color: #CA6482; }

.th-hundred-days-2026 .step--3 .step__num { background: #314f81; }

.th-hundred-days-2026 .step--3 .step__title { color: #314f81; }

.th-hundred-days-2026 .step--4 .step__num { background: #b96ea8; }

.th-hundred-days-2026 .step--4 .step__title { color: #b96ea8; }

.th-hundred-days-2026 .step--5 .step__num { background: #499785; }

.th-hundred-days-2026 .step--5 .step__title { color: #499785; }

.th-hundred-days-2026 .step--6 .step__num { background: #3887c8; }

.th-hundred-days-2026 .step--6 .step__title { color: #3887c8; }

.th-hundred-days-2026 .videos { padding: 3rem 0; background: #ffffff; }

.th-hundred-days-2026 .videos__title { font-size: 1.875rem; font-weight: 700; color: #314f81; text-align: center; margin-bottom: 1rem; }

.th-hundred-days-2026 .videos__sub { font-size: 0.875rem; color: #65758b; max-width: 42rem; margin: 0 auto 1.5rem; text-align: center; }

@media (min-width: 768px) { .th-hundred-days-2026 .videos__sub { font-size: 1rem; } }

.th-hundred-days-2026 .videos__carousel { position: relative; }

.th-hundred-days-2026 .videos__carousel:not(.slick-initialized) { display: flex; gap: 1rem; overflow: hidden; }

.th-hundred-days-2026 .videos__carousel:not(.slick-initialized) .video-card { flex: 0 0 25%; }

.th-hundred-days-2026 .video-card { padding: 0 0.5rem; }

.th-hundred-days-2026 .video-card__frame { position: relative; width: 100%; padding-top: 56.25%; border-radius: 0.75rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }

.th-hundred-days-2026 .video-card__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.th-hundred-days-2026 .videos .hd-varrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #e1e7ef; border-radius: 9999px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); cursor: pointer; color: #333333; }

.th-hundred-days-2026 .videos .hd-varrow svg { width: 1.25rem; height: 1.25rem; }

.th-hundred-days-2026 .videos .hd-varrow--prev { left: -0.5rem; }

.th-hundred-days-2026 .videos .hd-varrow--next { right: -0.5rem; }

.th-hundred-days-2026 .videos .slick-list { margin: 0 -0.5rem; }

.th-hundred-days-2026 .podcast { padding: 2.5rem 0; background: #ffffff; }

@media (min-width: 768px) { .th-hundred-days-2026 .podcast { padding: 3.5rem 0; } }

.th-hundred-days-2026 .podcast__card { max-width: 36rem; margin: 0 auto; text-align: center; background: #ffffff; padding: 2rem; 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); transition: box-shadow 0.3s ease, transform 0.3s ease; }

.th-hundred-days-2026 .podcast__card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); transform: translateY(-0.5rem); }

.th-hundred-days-2026 .podcast__title { font-size: 1.875rem; font-weight: 700; color: #309e7d; margin-bottom: 1rem; }

.th-hundred-days-2026 .podcast__sub { font-size: 1.125rem; color: #65758b; margin-bottom: 1.5rem; }

.th-hundred-days-2026 .podcast__links { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 2rem; }

.th-hundred-days-2026 .podcast__link { display: inline-flex; align-items: center; gap: 0.5rem; color: #314f81; font-weight: 500; }

.th-hundred-days-2026 .podcast__link svg { width: 1.5rem; height: 1.5rem; }

.th-hundred-days-2026 .podcast__link:hover { text-decoration: underline; }

.th-hundred-days-2026 .podcast__cover { width: 50%; aspect-ratio: 1; margin: 0 auto; border-radius: 0.5rem; overflow: hidden; }

.th-hundred-days-2026 .podcast__cover img { width: 100%; height: 100%; object-fit: contain; }

.th-hundred-days-2026 .community { margin-top: 6rem; text-align: center; }

.th-hundred-days-2026 .community__lead { font-size: 1.5rem; font-weight: 600; color: #3759a2; margin-bottom: 2rem; }

.th-hundred-days-2026 .faq { padding: 2rem 0; background: #ffffff; }

@media (min-width: 768px) { .th-hundred-days-2026 .faq { padding: 3rem 0; } }

.th-hundred-days-2026 .faq__wrap { max-width: 56rem; }

.th-hundred-days-2026 .faq__list { display: flex; flex-direction: column; gap: 1rem; }

.th-hundred-days-2026 .faq__item { background: #f3f5f7; border-radius: 0.75rem; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease; }

.th-hundred-days-2026 .faq__item:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }

.th-hundred-days-2026 .faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.5rem; font-size: 1.125rem; font-weight: 600; color: #314f81; cursor: pointer; list-style: none; }

.th-hundred-days-2026 .faq__item summary::-webkit-details-marker { display: none; }

.th-hundred-days-2026 .faq__chevron { flex-shrink: 0; width: 1.25rem; height: 1.25rem; color: #314f81; transition: transform 0.2s ease; }

.th-hundred-days-2026 .faq__list:not(.faq__list--js) .faq__item[open] .faq__chevron { transform: rotate(180deg); }

.th-hundred-days-2026 .faq__item.is-open .faq__chevron { transform: rotate(180deg); }

.th-hundred-days-2026 .faq__answer { overflow: hidden; }

.th-hundred-days-2026 .faq__answer p { padding: 0 1.5rem 1.25rem; font-size: 0.9375rem; line-height: 1.6; color: #333333; }

.th-hundred-days-2026 .hd-modal[hidden] { display: none; }

.th-hundred-days-2026 .hd-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 1.5rem; }

.th-hundred-days-2026 .hd-modal__overlay { position: absolute; inset: 0; background: rgba(2, 8, 23, 0.6); }

.th-hundred-days-2026 .hd-modal__dialog { position: relative; z-index: 1; width: 100%; max-width: 34rem; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); padding: 2rem; }

.th-hundred-days-2026 .hd-modal__close { position: absolute; top: 0.75rem; right: 0.75rem; width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; color: #65758b; background: transparent; border: none; border-radius: 9999px; cursor: pointer; }

.th-hundred-days-2026 .hd-modal__close:hover { background: #f3f5f7; }

.th-hundred-days-2026 .hd-modal__title { font-size: 1.5rem; font-weight: 700; color: #314f81; margin-bottom: 0.5rem; padding-right: 2rem; }

.th-hundred-days-2026 .hd-modal__intro { color: #65758b; margin-bottom: 1.5rem; }

@media (prefers-reduced-motion: reduce) { .th-hundred-days-2026 *, .th-hundred-days-2026 *::before, .th-hundred-days-2026 *::after { transition-duration: 0.01ms !important; } }