.categories-container{background-color:#f8f8fd}.categories-container .topics-container{margin-top:2rem;display:none;width:100%;flex-direction:row;gap:1rem;padding-left:.75rem;padding-right:.75rem;text-align:left}@media(min-width:640px){.categories-container .topics-container{margin-top:3rem;display:flex;gap:1.5rem;padding-left:1rem;padding-right:1rem}}@media(min-width:1280px){.categories-container .topics-container{flex-direction:column}}.categories-container .topics-container{min-width:200px}@media(min-width:1280px){.categories-container .topics-container{min-width:256px}}.categories-container .topics-list{display:flex;flex-grow:1;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:.5rem;font-size:1rem;line-height:1.5rem}@media(min-width:640px){.categories-container .topics-list{gap:.75rem;font-size:1.125rem;line-height:1.75rem}}@media(min-width:1280px){.categories-container .topics-list{flex-direction:column}}.categories-container .topics-list li{text-align:left}.categories-container .topics-list li .icon{display:none}@media(min-width:1280px){.categories-container .topics-list li .icon{display:inline}}.categories-container .topics-list li .icon{visibility:hidden}.categories-container .topics-list li:hover:not(.active){cursor:pointer;text-decoration:underline}.categories-container .topics-list li.active{color:#8623d5;font-weight:700}.categories-container .topics-list li.active .icon{visibility:visible}.categories-container .category-list{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(min-width:640px){.categories-container .category-list{margin-bottom:2rem;gap:.75rem}}.categories-container .category-list li{cursor:pointer;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media(min-width:640px){.categories-container .category-list li{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.categories-container .category-list li{padding-left:1.25rem;padding-right:1.25rem}}.categories-container .category-list li.selected{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.categories-container .category-list li:hover:not(.selected){--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.categories-container .device{display:flex;flex-direction:column;max-width:calc(100vw - 32px);width:760px;aspect-ratio:1.76;margin:12px}@media(min-width:640px){.categories-container .device{margin:16px}}.home-section{gap:1rem}@media(min-width:640px){.home-section{gap:4rem}}.home-section .section-video{max-height:300px;width:256px;-o-object-fit:contain;object-fit:contain}.home-section .section-content{max-width:540px;text-align:center}@media(min-width:1024px){.home-section .section-content{text-align:left}}.home-section .section-content .title{margin-top:2rem;margin-bottom:2rem;font-size:1.5rem;line-height:2rem;font-weight:700}@media(min-width:640px){.home-section .section-content .title{font-size:1.875rem;line-height:2.25rem}}.home-section .section-content .desc{text-align:justify}@media(min-width:640px){.home-section .section-content .desc{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.home-section .section-content .desc{text-align:left}}.home-section .section-content .desc{color:#585858}.hero-text{max-width:512px;text-align:center}@media(min-width:1024px){.hero-text{text-align:left}}.hero-sps{margin:auto;margin-top:2rem;margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-top:2rem}@media(min-width:640px){.hero-sps{padding-top:2rem;padding-bottom:2rem}}.hero-sps{max-width:512px}@media(min-width:1024px){.hero-sps{max-width:none}}.hero-sps .sp-item{display:flex;width:9rem;cursor:pointer;align-items:center;gap:.5rem;font-weight:600}@media(min-width:640px){.hero-sps .sp-item{width:15rem;gap:.75rem}}@media(min-width:1024px){.hero-sps .sp-item{width:-moz-fit-content;width:fit-content}}.hero-sps .sp-item:hover .title{text-decoration:underline}.hero-sps .sp-item img{max-height:1.5rem}@media(min-width:640px){.hero-sps .sp-item img{max-height:2.5rem}}.hero-sps .sp-item .text .title{font-size:.75rem;line-height:1rem}@media(min-width:640px){.hero-sps .sp-item .text .title{font-size:1rem;line-height:1.5rem}}.hero-sps .sp-item .text .subtitle{font-size:.64rem}@media(min-width:640px){.hero-sps .sp-item .text .subtitle{font-size:.875rem;line-height:1.25rem}}.hero-sps .sp-item .text .subtitle{color:#585858}:root{--book-width: 140px}@media screen and (min-width:640px){:root{--book-width: 180px}}@media screen and (min-width:1024px){:root{--book-width: 188px}}@media screen and (min-width:1536px){:root{--book-width: 200px}}.preview-container{display:none;justify-content:center}@media(min-width:768px){.preview-container{display:flex}}.preview-container .wrapper{margin-right:calc(var(--book-width) / 1.2);width:calc(80vw - 56px - var(--book-width));max-width:calc(968px - var(--book-width))}.preview-container .book-preview1{position:absolute;bottom:0;right:0;display:none}@media(min-width:640px){.preview-container .book-preview1{display:block}}.preview-container .book-preview1{right:calc(-1 * var(--book-width) / .72)}.preview-container .book-preview1 .arrow{position:absolute;margin-left:20%;width:calc(var(--book-width) / 2);top:calc(-1 * var(--book-width) / 1.8);margin-left:calc(var(--book-width) / .76)}.preview-container .book-preview1 .book{display:none;max-width:calc(var(--book-width) * 1.4);border-color:#1a1d36}.preview-container .book-preview1 .book.active{display:block}.preview-container .meta{margin-top:1.5rem}@media(min-width:640px){.preview-container .meta{margin-top:2rem}}.preview-container .meta .title{font-size:1rem;line-height:1.5rem;font-weight:700}@media(min-width:640px){.preview-container .meta .title{font-size:1.125rem;line-height:1.75rem}}@media(min-width:1024px){.preview-container .meta .title{font-size:1.25rem;line-height:1.75rem}}.preview-container .meta .title{color:#2b2e4f}.preview-container .meta .subtitle{font-size:.875rem;line-height:1.25rem}@media(min-width:640px){.preview-container .meta .subtitle{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.preview-container .meta .subtitle{font-size:1.125rem;line-height:1.75rem}}:root{--total-schools: 6;--animation-duration: calc(5s * var(--total-schools))}.schools{background-color:#f8f8fd}.marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box}.marquee-content{display:inline-block;animation:marquee var(--animation-duration, 25s) linear infinite}.marquee-logo{display:inline-block;margin-right:3rem;height:48px;max-width:120px;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:640px){.marquee-logo{margin-right:4rem;height:56px;max-width:140px}}@media(min-width:768px){.marquee-logo{margin-right:5.6rem;height:72px;max-width:156px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}