@keyframes Bab9_text-shimmer__wLpcp{0%{background-position:200%}to{background-position:-200%}}@keyframes Bab9_aurora__RvUJK{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)}}.Bab9_pageWrapper__XdUjG{width:100%;overflow-x:hidden}.Bab9_section__6H5qB{padding:6rem 1.5rem;position:relative}.Bab9_container__d0pRD{max-width:1200px;position:relative;z-index:2}.Bab9_grid__YmB29{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.Bab9_grid__YmB29{grid-template-columns:repeat(3,1fr)}}.Bab9_auroraContainer__wCBlH{position:absolute;inset:0;z-index:0;overflow:hidden}.Bab9_auroraContainer__wCBlH .Bab9_aurora__RvUJK{position:absolute;filter:blur(5rem);opacity:.15;border-radius:9999px}.Bab9_dark__NAkio .Bab9_auroraContainer__wCBlH .Bab9_aurora__RvUJK{opacity:.2}.Bab9_auroraContainer__wCBlH .Bab9_aurora1__N0_cc{top:-25%;left:-25%;width:800px;height:800px;background:var(--gradient-start);animation:Bab9_aurora__RvUJK 30s ease-in-out infinite}.Bab9_auroraContainer__wCBlH .Bab9_aurora2__J2a9S{bottom:-25%;right:-25%;width:800px;height:800px;background:var(--gradient-end);animation:Bab9_aurora__RvUJK 35s ease-in-out infinite reverse}.Bab9_hero__cOyVz{text-align:center;padding:8rem 1.5rem}.Bab9_hero__cOyVz .Bab9_headline__QRGao{font-size:3.5rem;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:var(--text-color)}@media(min-width:768px){.Bab9_hero__cOyVz .Bab9_headline__QRGao{font-size:4.5rem}}.Bab9_hero__cOyVz .Bab9_gradientText__PxV23{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:Bab9_text-shimmer__wLpcp 5s linear infinite}.Bab9_hero__cOyVz .Bab9_subheadline__Re8h7{margin-top:1.5rem;max-width:45rem;margin-left:auto;margin-right:auto;font-size:1.25rem;color:var(--text-secondary-color)}.Bab9_hero__cOyVz .Bab9_ctaButton__4bDFd{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}.Bab9_hero__cOyVz .Bab9_ctaButton__4bDFd:hover{transform:scale(1.05);background-position:100%;box-shadow:0 15px 25px -5px rgba(192,132,252,.5)}.Bab9_benefitCard__JOZFc,.Bab9_chapterCard__vV_HN,.Bab9_interactiveCard__AoZ_S{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}.Bab9_benefitCard__JOZFc:before,.Bab9_chapterCard__vV_HN:before,.Bab9_interactiveCard__AoZ_S: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}.Bab9_benefitCard__JOZFc:hover,.Bab9_chapterCard__vV_HN:hover,.Bab9_interactiveCard__AoZ_S:hover{transform:translateY(-10px) rotateX(5deg) scale(1.02);box-shadow:0 16px 40px 0 rgba(31,38,135,.1)}.Bab9_benefitCard__JOZFc:hover:before,.Bab9_chapterCard__vV_HN:hover:before,.Bab9_interactiveCard__AoZ_S:hover:before{opacity:1}.Bab9_whySection__VgrHB{text-align:center;background-color:var(--section-bg-color)}.Bab9_whySection__VgrHB h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:4rem}.Bab9_benefitCard__JOZFc{padding:2rem;text-align:center}.Bab9_benefitCard__JOZFc .Bab9_benefitIcon__TIcC2{font-size:3rem;margin-bottom:1rem;transform:translateZ(20px)}.Bab9_benefitCard__JOZFc h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;transform:translateZ(30px)}.Bab9_benefitCard__JOZFc p{color:var(--text-secondary-color);transform:translateZ(10px)}.Bab9_featured__VyNA7{background-color:var(--background-color)}.Bab9_featured__VyNA7 .Bab9_featuredGrid__li8ov{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:1024px){.Bab9_featured__VyNA7 .Bab9_featuredGrid__li8ov{grid-template-columns:repeat(2,1fr)}}.Bab9_featured__VyNA7 .Bab9_featuredText__lv2sn h2{font-size:2.25rem;font-weight:700;color:var(--text-color)}.Bab9_featured__VyNA7 .Bab9_featuredText__lv2sn p{margin-top:1.5rem;font-size:1.125rem;color:var(--text-secondary-color)}.Bab9_featured__VyNA7 .Bab9_codeBlock__W_aTR{position:relative;background-color:#282c34;border-radius:.75rem;padding-top:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.Bab9_featured__VyNA7 .Bab9_codeBlock__W_aTR .Bab9_windowDots__pZlVr{display:flex;gap:.5rem;padding:.75rem 1rem}.Bab9_featured__VyNA7 .Bab9_codeBlock__W_aTR .Bab9_dot__vQwLS{height:.75rem;width:.75rem;border-radius:9999px}.Bab9_featured__VyNA7 .Bab9_codeBlock__W_aTR pre{background-color:#282c34;padding:1.5rem;border-radius:0 0 .5rem .5rem;overflow-x:auto}.Bab9_featured__VyNA7 .Bab9_codeBlock__W_aTR pre code{font-family:Fira Code,Courier New,monospace;color:#fff}.Bab9_chapters__P2oUN{background-color:var(--section-bg-color)}.Bab9_chapterGroup__syxHa{margin-bottom:5rem}.Bab9_chapterGroup__syxHa:last-child{margin-bottom:0}.Bab9_groupTitle__OS5Vf{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:3rem;text-align:center}.Bab9_chapterCard__vV_HN{padding:1.5rem;text-align:left;display:flex;flex-direction:column;height:100%}.Bab9_chapterCard__vV_HN .Bab9_cardIconWrapper__RacZx{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)}.Bab9_chapterCard__vV_HN:hover .Bab9_cardIconWrapper__RacZx{transform:translateZ(50px) scale(1.1) rotate(-5deg)}.Bab9_chapterCard__vV_HN h3{margin-top:1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-color);transform:translateZ(30px)}.Bab9_chapterCard__vV_HN p{margin-top:.5rem;flex-grow:1;color:var(--text-secondary-color);transform:translateZ(20px)}.Bab9_chapterCard__vV_HN .Bab9_cardLink__53oCo{margin-top:1.5rem;font-weight:600;color:#3b82f6;transform:translateZ(10px)}.Bab9_dark__NAkio .Bab9_chapterCard__vV_HN .Bab9_cardLink__53oCo{color:#60a5fa}.Bab9_chapterCard__vV_HN .Bab9_cardLink__53oCo span{display:inline-block;transition:transform .2s ease}.Bab9_chapterCard__vV_HN .Bab9_cardLink__53oCo:hover span{transform:translateX(5px)}.Bab9_pageWrapper__XdUjG{padding:4rem 1.5rem;background-color:var(--section-bg-color);min-height:100vh}.Bab9_container__d0pRD{max-width:800px;margin:0 auto}.Bab9_header__kM_xm{text-align:center;margin-bottom:4rem}.Bab9_header__kM_xm h1{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.Bab9_header__kM_xm p{font-size:1.25rem;color:var(--text-secondary-color)}.Bab9_contentSection__x9Q5O{margin-bottom:3rem}.Bab9_contentSection__x9Q5O 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}.Bab9_contentSection__x9Q5O p{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;color:var(--text-secondary-color)}.Bab9_highlight__XtQSO{color:#c084fc;font-weight:500;background-color:rgba(192,132,252,.1);padding:.1rem .4rem;border-radius:.25rem}.Bab9_ruleCard__COrWv{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)}.Bab9_ruleCard__COrWv h3{font-size:1.5rem;margin-top:0;margin-bottom:1rem;color:var(--text-color)}.Bab9_exampleBox__JPaY7{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.Bab9_exampleBox__JPaY7 h4{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-color);margin-bottom:.75rem}.Bab9_codeBlock__W_aTR{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}.Bab9_renderOutput__mEMTk{background-color:var(--section-bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-top:1rem}.Bab9_renderOutput__mEMTk h1{font-size:1.5rem;margin:0;color:var(--text-color)}.Bab9_profile__WlvF1 img{width:100px;height:100px;border-radius:9999px;border:3px solid #818cf8}.Bab9_navigation__1Cx45{margin-top:4rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem}.Bab9_backButton__CYroy,.Bab9_nextButton__PAXgK{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.Bab9_backButton__CYroy{border:1px solid var(--border-color)}.Bab9_backButton__CYroy:hover{background-color:var(--card-bg-color);border-color:#818cf8}.Bab9_nextButton__PAXgK{background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);color:#fff}.Bab9_nextButton__PAXgK:hover{transform:scale(1.05)}.Bab9_zustandExample__5yRro{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.Bab9_zustandExample__5yRro p{text-align:center;font-style:italic;color:var(--text-secondary-color)}.Bab9_cartDisplay__DM_uH{font-size:1.25rem;font-weight:600;padding:1rem 1.5rem;background-color:var(--section-bg-color);border-radius:.75rem;border:1px solid var(--border-color)}.Bab9_cartDisplay__DM_uH span{display:inline-block;min-width:30px;text-align:center;background-image:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);color:#fff;padding:.2rem .6rem;border-radius:9999px}.Bab9_cartControls__h9WaV{display:flex;gap:1rem}.Bab9_cartControls__h9WaV button{padding:.6rem 1.2rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--card-bg-color);color:var(--text-color);font-weight:500;cursor:pointer;transition:all .2s ease}.Bab9_cartControls__h9WaV button:hover{border-color:#818cf8;background-color:var(--section-bg-color);transform:scale(1.05)}.Bab9_cartControls__h9WaV button.Bab9_resetButton__3gzYL:hover{border-color:#ef4444;color:#ef4444}.Bab9_step__2Gw_u{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.Bab9_step__2Gw_u:first-of-type{margin-top:1rem;padding-top:0;border-top:none}.Bab9_step__2Gw_u h4{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}