@keyframes Bab10_text-shimmer__hN_13{0%{background-position:200%}to{background-position:-200%}}@keyframes Bab10_aurora__pwEG6{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(10%,-20%) rotate(20deg)}50%{transform:translate(-10%,20%) rotate(-20deg)}75%{transform:translate(5%,5%) rotate(10deg)}to{transform:translate(0) rotate(0deg)}}.Bab10_pageWrapper__EbVjf{width:100%;overflow-x:hidden}.Bab10_section__fYY0q{padding:6rem 1.5rem;position:relative}.Bab10_container__EOEc9{max-width:1200px;position:relative;z-index:2}.Bab10_grid__NcWtL{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.Bab10_grid__NcWtL{grid-template-columns:repeat(3,1fr)}}.Bab10_auroraContainer__xSNvq{position:absolute;inset:0;z-index:0;overflow:hidden}.Bab10_auroraContainer__xSNvq .Bab10_aurora__pwEG6{position:absolute;filter:blur(5rem);opacity:.15;border-radius:9999px}.Bab10_dark__PbTdr .Bab10_auroraContainer__xSNvq .Bab10_aurora__pwEG6{opacity:.2}.Bab10_auroraContainer__xSNvq .Bab10_aurora1__gsQFD{top:-25%;left:-25%;width:800px;height:800px;background:var(--gradient-start);animation:Bab10_aurora__pwEG6 30s ease-in-out infinite}.Bab10_auroraContainer__xSNvq .Bab10_aurora2__ysXLY{bottom:-25%;right:-25%;width:800px;height:800px;background:var(--gradient-end);animation:Bab10_aurora__pwEG6 35s ease-in-out infinite reverse}.Bab10_hero__e10mE{text-align:center;padding:8rem 1.5rem}.Bab10_hero__e10mE .Bab10_headline__lJsMW{font-size:3.5rem;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:var(--text-color)}@media(min-width:768px){.Bab10_hero__e10mE .Bab10_headline__lJsMW{font-size:4.5rem}}.Bab10_hero__e10mE .Bab10_gradientText___B2n4{background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:Bab10_text-shimmer__hN_13 5s linear infinite}.Bab10_hero__e10mE .Bab10_subheadline__bImax{margin-top:1.5rem;max-width:45rem;margin-left:auto;margin-right:auto;font-size:1.25rem;color:var(--text-secondary-color)}.Bab10_hero__e10mE .Bab10_ctaButton__hc9ja{margin-top:2.5rem;display:inline-block;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;color:#fff;border-radius:9999px;background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);background-size:200% 100%;box-shadow:0 10px 20px -5px rgba(192,132,252,.4);transition:all .4s ease}.Bab10_hero__e10mE .Bab10_ctaButton__hc9ja:hover{transform:scale(1.05);background-position:100%;box-shadow:0 15px 25px -5px rgba(192,132,252,.5)}.Bab10_benefitCard__xuUeg,.Bab10_chapterCard__lqjOI,.Bab10_interactiveCard__CycaB{position:relative;border-radius:1.5rem;border:1px solid var(--border-color);background-color:var(--card-bg-color);box-shadow:0 8px 32px 0 rgba(31,38,135,.05);transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.Bab10_benefitCard__xuUeg:before,.Bab10_chapterCard__lqjOI:before,.Bab10_interactiveCard__CycaB:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.5rem;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(192,132,252,.15),transparent 40%);opacity:0;transition:opacity .5s}.Bab10_benefitCard__xuUeg:hover,.Bab10_chapterCard__lqjOI:hover,.Bab10_interactiveCard__CycaB:hover{transform:translateY(-10px) rotateX(5deg) scale(1.02);box-shadow:0 16px 40px 0 rgba(31,38,135,.1)}.Bab10_benefitCard__xuUeg:hover:before,.Bab10_chapterCard__lqjOI:hover:before,.Bab10_interactiveCard__CycaB:hover:before{opacity:1}.Bab10_whySection__vThua{text-align:center;background-color:var(--section-bg-color)}.Bab10_whySection__vThua h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:4rem}.Bab10_benefitCard__xuUeg{padding:2rem;text-align:center}.Bab10_benefitCard__xuUeg .Bab10_benefitIcon__fmcdU{font-size:3rem;margin-bottom:1rem;transform:translateZ(20px)}.Bab10_benefitCard__xuUeg h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;transform:translateZ(30px)}.Bab10_benefitCard__xuUeg p{color:var(--text-secondary-color);transform:translateZ(10px)}.Bab10_featured__Qe_kc{background-color:var(--background-color)}.Bab10_featured__Qe_kc .Bab10_featuredGrid__dNfN8{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:1024px){.Bab10_featured__Qe_kc .Bab10_featuredGrid__dNfN8{grid-template-columns:repeat(2,1fr)}}.Bab10_featured__Qe_kc .Bab10_featuredText__T0bL6 h2{font-size:2.25rem;font-weight:700;color:var(--text-color)}.Bab10_featured__Qe_kc .Bab10_featuredText__T0bL6 p{margin-top:1.5rem;font-size:1.125rem;color:var(--text-secondary-color)}.Bab10_featured__Qe_kc .Bab10_codeBlock__8_otO{position:relative;background-color:#282c34;border-radius:.75rem;padding-top:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.Bab10_featured__Qe_kc .Bab10_codeBlock__8_otO .Bab10_windowDots__zTrUf{display:flex;gap:.5rem;padding:.75rem 1rem}.Bab10_featured__Qe_kc .Bab10_codeBlock__8_otO .Bab10_dot__EDQdK{height:.75rem;width:.75rem;border-radius:9999px}.Bab10_featured__Qe_kc .Bab10_codeBlock__8_otO pre{background-color:#282c34;padding:1.5rem;border-radius:0 0 .5rem .5rem;overflow-x:auto}.Bab10_featured__Qe_kc .Bab10_codeBlock__8_otO pre code{font-family:Fira Code,Courier New,monospace;color:#fff}.Bab10_chapters__VvqyA{background-color:var(--section-bg-color)}.Bab10_chapterGroup__pQ1LQ{margin-bottom:5rem}.Bab10_chapterGroup__pQ1LQ:last-child{margin-bottom:0}.Bab10_groupTitle__69Rw5{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:3rem;text-align:center}.Bab10_chapterCard__lqjOI{padding:1.5rem;text-align:left;display:flex;flex-direction:column;height:100%}.Bab10_chapterCard__lqjOI .Bab10_cardIconWrapper__BFBz3{font-size:2.5rem;height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);color:#fff;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(40px)}.Bab10_chapterCard__lqjOI:hover .Bab10_cardIconWrapper__BFBz3{transform:translateZ(50px) scale(1.1) rotate(-5deg)}.Bab10_chapterCard__lqjOI h3{margin-top:1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-color);transform:translateZ(30px)}.Bab10_chapterCard__lqjOI p{margin-top:.5rem;flex-grow:1;color:var(--text-secondary-color);transform:translateZ(20px)}.Bab10_chapterCard__lqjOI .Bab10_cardLink__JZb7M{margin-top:1.5rem;font-weight:600;color:#3b82f6;transform:translateZ(10px)}.Bab10_dark__PbTdr .Bab10_chapterCard__lqjOI .Bab10_cardLink__JZb7M{color:#60a5fa}.Bab10_chapterCard__lqjOI .Bab10_cardLink__JZb7M span{display:inline-block;transition:transform .2s ease}.Bab10_chapterCard__lqjOI .Bab10_cardLink__JZb7M:hover span{transform:translateX(5px)}.Bab10_pageWrapper__EbVjf{padding:4rem 1.5rem;background-color:var(--section-bg-color);min-height:100vh}.Bab10_container__EOEc9{max-width:800px;margin:0 auto}.Bab10_header__n81nu{text-align:center;margin-bottom:4rem}.Bab10_header__n81nu h1{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.Bab10_header__n81nu p{font-size:1.25rem;color:var(--text-secondary-color)}.Bab10_contentSection__HaoaS{margin-bottom:3rem}.Bab10_contentSection__HaoaS h2{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.Bab10_contentSection__HaoaS p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;color:var(--text-secondary-color)}.Bab10_highlight__bZnft{color:#c084fc;font-weight:500;background-color:rgba(192,132,252,.1);padding:.1rem .4rem;border-radius:.25rem}.Bab10_ruleCard__MFlRA{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin-top:2rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.Bab10_ruleCard__MFlRA h3{font-size:1.5rem;margin-top:0;margin-bottom:1rem;color:var(--text-color)}.Bab10_exampleBox__VemZV{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.Bab10_exampleBox__VemZV h4{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-color);margin-bottom:.75rem}.Bab10_codeBlock__8_otO{background-color:#282c34;color:#abb2bf;padding:1.5rem;border-radius:.5rem;overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:.9rem;white-space:pre-wrap}.Bab10_renderOutput__Fp6Nm{background-color:var(--section-bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-top:1rem}.Bab10_renderOutput__Fp6Nm h1{font-size:1.5rem;margin:0;color:var(--text-color)}.Bab10_profile__lQtZ8 img{width:100px;height:100px;border-radius:9999px;border:3px solid #818cf8}.Bab10_navigation___upFV{margin-top:4rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem}.Bab10_backButton__hWJxL,.Bab10_nextButton__tURrF{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.Bab10_backButton__hWJxL{border:1px solid var(--border-color)}.Bab10_backButton__hWJxL:hover{background-color:var(--card-bg-color);border-color:#818cf8}.Bab10_nextButton__tURrF{background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);color:#fff}.Bab10_nextButton__tURrF:hover{transform:scale(1.05)}.Bab10_optimizationExample__ayM39{border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.Bab10_timer__dLKDf{text-align:center;font-size:1.25rem;margin-bottom:2rem;padding:1rem;background-color:var(--section-bg-color);border-radius:.5rem}.Bab10_comparisonGrid__g7Csm{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.Bab10_comparisonGrid__g7Csm{grid-template-columns:repeat(2,1fr)}}.Bab10_case__t_mfm{border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.Bab10_case__t_mfm h4{margin-top:0;font-size:1.25rem;color:var(--text-color)}.Bab10_case__t_mfm p{font-size:.9rem;color:var(--text-secondary-color);min-height:60px}.Bab10_heavyComponent__8owkU{margin-top:1rem;padding:1rem;background-color:var(--section-bg-color);border-radius:.5rem;border:1px dashed var(--border-color)}.Bab10_heavyComponent__8owkU button{margin-top:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--card-bg-color);cursor:pointer;border-radius:.5rem}.Bab10_heavyComponent__8owkU button:hover{background-color:var(--section-bg-color)}.Bab10_logBox__hzEpJ{margin-top:2rem;padding:1.5rem;background-color:#282c34;color:#abb2bf;border-radius:.5rem;font-family:Fira Code,Courier New,monospace;font-size:.9rem}.Bab10_logBox__hzEpJ h4{margin-top:0;margin-bottom:1rem;color:#fff}.Bab10_logBox__hzEpJ p{margin:.25rem 0}