.reactjs_reactIntroduction__1NixN{background-color:#f8f9fa;min-height:100vh}.reactjs_mainTitle__YU5sM{color:#61dafb;text-align:center;margin-bottom:1rem;font-weight:500}.reactjs_section__mMXnL{background-color:white;border-radius:8px;padding:1rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.reactjs_sectionTitle__65WZ1{color:#282c34;margin-bottom:1.5rem;border-bottom:2px solid #61dafb;padding-bottom:.5rem}.reactjs_sectionContent__A2OWw{color:#333;line-height:1.6;margin-bottom:1rem}.reactjs_featureList__zLgCV{list-style-type:none;padding-left:0}.reactjs_featureList__zLgCV li{position:relative;padding:.5rem 0 .5rem 1.5rem}.reactjs_featureList__zLgCV li:before{content:"•";color:#61dafb;font-size:1.5rem;position:absolute;left:0;top:0}.reactjs_benefitsGrid__5QqSF{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.reactjs_benefitCard__2Vy_e{background-color:#f0f8ff;padding:1.5rem;border-radius:8px;border-left:4px solid #61dafb}.reactjs_benefitCard__2Vy_e h3{color:#282c34;margin-top:0}.reactjs_codeBlock__igJ5F{background-color:#282c34}.reactjs_codeCTM__oPxR3{width:200px;overflow-wrap:break-word;white-space:normal}.reactjs_codeInline__kQXDu{background-color:#f0f0f0;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;color:#d63384}.reactjs_reactRoadmap__scpEp{background-color:#f5f7fa}.reactjs_roadmapContainer__FEs8H{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.reactjs_roadmapStage__NLJJ2{padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .2s ease}.reactjs_roadmapStage__NLJJ2:hover{transform:translateY(-5px)}.reactjs_stageTitle__HBQhV{font-size:1.25rem;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid}.reactjs_stageList__GVNzg{list-style-type:none;padding-left:0;margin:0}.reactjs_stageList__GVNzg li{position:relative;padding:.5rem 0 .5rem 1.5rem}.reactjs_stageList__GVNzg li:before{content:"▹";position:absolute;left:0;color:currentColor}.reactjs_fundamentals__sQqWY{background-color:#e3f2fd;border-left:4px solid #1976d2}.reactjs_fundamentals__sQqWY .reactjs_stageTitle__HBQhV{border-bottom-color:#1976d2;color:#1565c0}.reactjs_coreReact__IClRo{background-color:#e8f5e9;border-left:4px solid #2e7d32}.reactjs_coreReact__IClRo .reactjs_stageTitle__HBQhV{border-bottom-color:#2e7d32;color:#1b5e20}.reactjs_intermediate__IZD5R{background-color:#fff8e1;border-left:4px solid #ff8f00}.reactjs_intermediate__IZD5R .reactjs_stageTitle__HBQhV{border-bottom-color:#ff8f00;color:#e65100}.reactjs_advanced__cuYxu{background-color:#fce4ec;border-left:4px solid #c2185b}.reactjs_advanced__cuYxu .reactjs_stageTitle__HBQhV{border-bottom-color:#c2185b;color:#880e4f}.reactjs_ecosystem__qBMGI{background-color:#f3e5f5;border-left:4px solid #7b1fa2}.reactjs_ecosystem__qBMGI .reactjs_stageTitle__HBQhV{border-bottom-color:#7b1fa2;color:#4a148c}.reactjs_deployment__0oTD0{background-color:#e0f7fa;border-left:4px solid #00838f}.reactjs_deployment__0oTD0 .reactjs_stageTitle__HBQhV{border-bottom-color:#00838f;color:#006064}.reactjs_timelineNote__VSn9u{margin-top:3rem;padding:1.5rem;background-color:#fff;border-radius:8px;border-left:4px solid #61dafb}.reactjs_noteTitle__efafP{color:#282c34;margin-top:0}.reactjs_reactHooks__uDI8c{background-color:#f8fafc}.reactjs_hookBenefits__d0jNK{background-color:#e3f2fd;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.reactjs_benefitList__T_Imf{list-style-type:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.reactjs_benefitList__T_Imf li{position:relative;padding:.5rem 0 .5rem 1.75rem}.reactjs_benefitList__T_Imf li:before{content:"✓";position:absolute;left:0;color:#1976d2;font-weight:700}.reactjs_hookCard__SB_Z0{background-color:white;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);border-left:4px solid #61dafb}.reactjs_hookTitle__7blCp{color:#282c34;margin-top:0;margin-bottom:1rem}.reactjs_hookDescription__58MYx{color:#333;margin-bottom:1rem}.reactjs_hookGrid__tsbBr{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.reactjs_hookGrid__tsbBr .reactjs_hookCard__SB_Z0{margin-bottom:0;min-height:100%}.reactjs_hookGrid__tsbBr .reactjs_hookCard__SB_Z0 h4{margin-top:0;color:#1a237e}.reactjs_smallCode__tgTf2{background-color:#282c34;color:#abb2bf;padding:.75rem;border-radius:6px;font-size:.85rem;overflow-x:auto;font-family:Courier New,Courier,monospace}.reactjs_bestPractices__mI6ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.reactjs_practiceCard__7Ijy4{background-color:#f5f5f5;padding:1.25rem;border-radius:8px;border-left:4px solid #4caf50}.reactjs_practiceCard__7Ijy4 h4{margin-top:0;color:#2e7d32}.reactjs_comparison__CXDFH{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.reactjs_comparisonTitle__kMTN5{color:#e06c75;font-size:1.2rem;margin-bottom:.8rem}.reactjs_table__U1Iut{width:100%;border-collapse:collapse;margin:1rem 0;color:#abb2bf}.reactjs_table__U1Iut td,.reactjs_table__U1Iut th{padding:.75rem;border:1px solid #3a4049;text-align:left}.reactjs_table__U1Iut th{background-color:#2c313a;color:#61dafb}.reactjs_table__U1Iut tr:nth-child(2n){background-color:#282c34}.reactjs_table__U1Iut tr:hover{background-color:#3a4049}@media (max-width:768px){.reactjs_comparison__CXDFH{grid-template-columns:1fr}.reactjs_title__A9aVH{font-size:2rem}.reactjs_subtitle__oHM69{font-size:1.5rem}}.reactjs_title__A9aVH{color:#61dafb;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.reactjs_subtitle__oHM69{color:#61dafb;font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid #61dafb;padding-bottom:.5rem}.reactjs_method__sqRIe{margin-bottom:2rem;padding:1rem;background-color:#3a4049;border-radius:6px}.reactjs_methodTitle__tODAY{color:#98c379;font-size:1.4rem;margin-bottom:.8rem}.reactjs_list__Yq3zt{margin-left:1.5rem;line-height:1.6;color:#abb2bf}.reactjs_list__Yq3zt li{margin-bottom:.5rem}.reactjs_codeBlock__igJ5F{background-color:#1e2227;padding:1rem;border-radius:6px;overflow-x:auto;color:#abb2bf;font-family:Courier New,Courier,monospace;margin:1rem 0;line-height:1.5}.reactjs_tip__fdqO_{background-color:#2c313a;padding:1rem;border-left:4px solid #61dafb;margin:1rem 0}.reactjs_tipTitle__BfrpL{color:#d19a66;font-size:1.2rem;margin-bottom:.5rem}.reactjs_grid__Y_LBm{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.reactjs_card__k4Kvk{background-color:#2c313a;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s}.reactjs_cardTitle__3N7Sq{color:#61dafb;font-size:1.2rem;margin-bottom:.8rem;border-bottom:1px solid #3a4049;padding-bottom:10px}.reactjs_disadvantage__2hW8B{background-color:#3a2c2c}.reactjs_disadvantage__2hW8B .reactjs_cardTitle__3N7Sq{color:#e06c75}.reactjs_useCases__Ae96f{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.reactjs_useCase__GTJv2{background-color:#2c313a;padding:1.5rem;border-radius:8px}.reactjs_useCaseTitle__Cfu5V{color:#98c379;font-size:1.1rem;margin-bottom:.8rem}.reactjs_comparisonTable__rGcKz{overflow-x:auto}.reactjs_adoption__tClqv{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.reactjs_adoptionItem__quqgv{background-color:#2c313a;padding:1.5rem;border-radius:8px}.reactjs_adoptionTitle__scHSk{color:#d19a66;font-size:1.1rem;margin-bottom:.8rem}@media (max-width:768px){.reactjs_grid__Y_LBm{grid-template-columns:1fr}.reactjs_adoption__tClqv,.reactjs_useCases__Ae96f{grid-template-columns:1fr;gap:1rem}.reactjs_card__k4Kvk{padding:1rem}}