.rotating-text{text-align:center;transition:opacity .3s;display:inline-block}.rotating-text-visible{opacity:1}.rotating-text-hidden{opacity:0}.rotating-text-purple{color:#8b5cf6}
@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.star{color:#fbbf24;position:absolute}.star-sm{font-size:1.25rem}.star-md{font-size:1.5rem}.star-lg{font-size:2.25rem}.star-blink{animation:2s ease-in-out infinite blink}
.hero-section{width:100%;padding:2.5rem 1rem;position:relative;overflow:hidden}@media (min-width:640px){.hero-section{padding:3.5rem 1.5rem}}@media (min-width:1024px){.hero-section{padding:5rem 1.5rem}}.hero-content{text-align:center;z-index:10;flex-direction:column;align-items:center;max-width:64rem;margin:0 auto;padding:0 .5rem;display:flex;position:relative}.hero-heading{color:#111827;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.dark .hero-heading{color:#f9fafb}@media (min-width:480px){.hero-heading{margin-bottom:1.25rem;font-size:2rem}}@media (min-width:640px){.hero-heading{margin-bottom:1.5rem;font-size:2.25rem}}@media (min-width:768px){.hero-heading{font-size:3rem}}@media (min-width:1024px){.hero-heading{font-size:3.75rem}}.subheading-container{color:#111827;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.dark .subheading-container{color:#f9fafb}@media (min-width:480px){.subheading-container{gap:.4rem;margin-bottom:1.25rem;font-size:1.5rem}}@media (min-width:640px){.subheading-container{gap:.5rem;margin-bottom:1.5rem;font-size:1.75rem}}@media (min-width:768px){.subheading-container{flex-direction:row;font-size:2.25rem}}.top-pill{color:#d97706;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:9999px;padding:.15rem .75rem;font-size:.9em}@media (min-width:640px){.top-pill{padding:.25rem 1rem;font-size:1em}}.dark .top-pill{color:#fbbf24;background-color:#1c1917;border-color:#fbbf24}.hero-description{color:#4b5563;max-width:48rem;margin-bottom:1.5rem;padding:0 .5rem;font-size:.9rem;line-height:1.6}@media (min-width:640px){.hero-description{margin-bottom:2rem;padding:0;font-size:1rem}}.dark .hero-description{color:#d1d5db}.cta-container{flex-direction:column;gap:.75rem;width:100%;margin-top:.75rem;padding:0 1rem;display:flex}@media (min-width:480px){.cta-container{width:auto;padding:0}}@media (min-width:640px){.cta-container{flex-direction:row;gap:1rem;margin-top:1rem}}.btn-free{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}@media (min-width:480px){.btn-free{width:auto;padding:.75rem 2rem;font-size:1rem}}.btn-free:hover{border-color:#9ca3af}.dark .btn-free{color:#f9fafb;background-color:#1f2937;border-color:#374151}.dark .btn-free:hover{background-color:#374151;border-color:#4b5563}.btn-plus{color:#fff;background-color:#f97316;border-radius:.375rem;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}@media (min-width:480px){.btn-plus{width:auto;padding:.75rem 2rem;font-size:1rem}}.btn-plus:hover{background-color:#ea580c}
.topic-section{background-color:#111;width:100%;padding:2.5rem 1rem}@media (min-width:640px){.topic-section{padding:3rem 1.5rem}}@media (min-width:1024px){.topic-section{padding:4rem 1.5rem}}.dark .topic-section{background-color:#0a0a0a}.topic-heading{color:#fff;text-align:center;margin-bottom:1.5rem;padding:0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}@media (min-width:480px){.topic-heading{margin-bottom:2rem;font-size:1.75rem}}@media (min-width:640px){.topic-heading{margin-bottom:2.5rem;font-size:2rem}}@media (min-width:768px){.topic-heading{margin-bottom:3rem;padding:0;font-size:2.5rem}}.topic-emoji{margin:0 .25rem;display:inline-block}@media (min-width:640px){.topic-emoji{margin:0 .5rem}}.topic-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}@media (min-width:640px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.topic-grid{grid-template-columns:repeat(3,1fr)}}.topic-card{background-color:#1a1a1a;border-radius:.5rem;padding:2rem;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0003}.card-icon{color:#fff;margin-bottom:1.5rem;font-size:2.5rem}.card-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.card-description{color:#9ca3af;font-size:.95rem;line-height:1.5}