.HowTheWebWorksWorkspace_page__9oQk0{min-height:100vh;background:var(--bg-primary,#090714);color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.HowTheWebWorksWorkspace_container__mgTfN{max-width:1040px;margin:0 auto}.HowTheWebWorksWorkspace_breadcrumb__tnAoh{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary,#94a3b8);margin-bottom:24px}.HowTheWebWorksWorkspace_breadLink__nsJ5K{color:#a78bfa;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s}.HowTheWebWorksWorkspace_breadLink__nsJ5K:hover{color:#c4b5fd;text-decoration:underline}.HowTheWebWorksWorkspace_breadSep__yQtWW{color:rgba(255,255,255,.25)}.HowTheWebWorksWorkspace_breadCurrent__ryC8E{color:var(--text-primary,#f8fafc);font-weight:600}.HowTheWebWorksWorkspace_hero__MFETf{background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(59,130,246,.08));border:1.5px solid rgba(139,92,246,.25);border-radius:24px;padding:36px 32px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.35)}.HowTheWebWorksWorkspace_hero__MFETf:before{content:"";position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(139,92,246,.22) 0,transparent 70%);pointer-events:none}.HowTheWebWorksWorkspace_heroBadges__4ALCr{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.HowTheWebWorksWorkspace_badge__2Ily6{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.HowTheWebWorksWorkspace_heroTitle__z1lFE{font-size:2.3rem;font-weight:900;color:#ffffff;margin:0 0 14px;line-height:1.25;letter-spacing:-.02em}.HowTheWebWorksWorkspace_heroSub__7y3j1{font-size:1.05rem;color:#cbd5e1;line-height:1.65;max-width:860px;margin:0 0 24px}.HowTheWebWorksWorkspace_heroActions__cNwpL{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.HowTheWebWorksWorkspace_heroBtn__cZqt2{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#ffffff;border:none;padding:11px 22px;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(139,92,246,.4);transition:all .2s ease;text-decoration:none}.HowTheWebWorksWorkspace_heroBtn__cZqt2:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(139,92,246,.6)}.HowTheWebWorksWorkspace_heroBtnSecondary__z5BoL{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:#e2e8f0;border:1px solid rgba(255,255,255,.16);padding:11px 20px;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.HowTheWebWorksWorkspace_heroBtnSecondary__z5BoL:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#ffffff}.HowTheWebWorksWorkspace_tocCard__21tex{background:#131122;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px 28px;margin-bottom:40px}.HowTheWebWorksWorkspace_tocTitle__1TjZo{font-size:1.1rem;font-weight:800;color:#e2e8f0;margin:0 0 16px;display:flex;align-items:center;gap:8px}.HowTheWebWorksWorkspace_tocGrid__8opIx{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;list-style:none;padding:0;margin:0}.HowTheWebWorksWorkspace_tocItem__QSqcJ{font-size:.85rem}.HowTheWebWorksWorkspace_tocLink__M_aCk{color:#94a3b8;text-decoration:none;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;transition:all .15s}.HowTheWebWorksWorkspace_tocLink__M_aCk:hover{color:#a78bfa;background:rgba(139,92,246,.08)}.HowTheWebWorksWorkspace_tocNumber__TXkam{font-weight:700;color:#8b5cf6;min-width:22px}.HowTheWebWorksWorkspace_article__8TjgL{display:flex;flex-direction:column;gap:36px}.HowTheWebWorksWorkspace_section__9NcKB{background:#131122;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 30px;scroll-margin-top:24px}.HowTheWebWorksWorkspace_sectionHeader__j896q{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.HowTheWebWorksWorkspace_sectionNumber__izdy5{background:rgba(139,92,246,.18);color:#a78bfa;font-size:.85rem;font-weight:800;padding:6px 12px;border-radius:10px;flex-shrink:0;margin-top:2px}.HowTheWebWorksWorkspace_sectionTitle__zHu_b{font-size:1.45rem;font-weight:800;color:#ffffff;margin:0;line-height:1.35}.HowTheWebWorksWorkspace_para__eh0P2{font-size:.98rem;color:#cbd5e1;line-height:1.75;margin:0 0 18px}.HowTheWebWorksWorkspace_para__eh0P2:last-child{margin-bottom:0}.HowTheWebWorksWorkspace_para__eh0P2 strong{color:#ffffff}.HowTheWebWorksWorkspace_subHeading__MKRL2{font-size:1.15rem;font-weight:700;color:#e2e8f0;margin:24px 0 12px;display:flex;align-items:center;gap:8px}.HowTheWebWorksWorkspace_bulletList___Jyoc{padding-left:20px;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;color:#cbd5e1;font-size:.96rem;line-height:1.65}.HowTheWebWorksWorkspace_bulletList___Jyoc li strong{color:#ffffff}.HowTheWebWorksWorkspace_callout__AgdhV{border-radius:14px;padding:18px 20px;margin:20px 0;display:flex;align-items:flex-start;gap:14px;font-size:.93rem;line-height:1.65}.HowTheWebWorksWorkspace_calloutIcon__DHAiF{flex-shrink:0;margin-top:2px}.HowTheWebWorksWorkspace_calloutText__6ehm4{color:#cbd5e1}.HowTheWebWorksWorkspace_calloutText__6ehm4 strong{color:#ffffff}.HowTheWebWorksWorkspace_diagramBox__tUDtw{background:#0d0b17;border:1.5px solid rgba(139,92,246,.25);border-radius:16px;padding:24px 20px;margin:22px 0;overflow-x:auto}.HowTheWebWorksWorkspace_diagramTitle__2odbU{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#a78bfa;margin-bottom:16px;display:flex;align-items:center;gap:6px}.HowTheWebWorksWorkspace_flowRow__XDiD3{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:580px}.HowTheWebWorksWorkspace_flowNode__LNDaC{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;text-align:center;flex:1 1;min-width:110px}.HowTheWebWorksWorkspace_flowNodeEmoji__cZ6_5{font-size:1.5rem;margin-bottom:4px;display:block}.HowTheWebWorksWorkspace_flowNodeTitle__2i1iv{font-size:.82rem;font-weight:700;color:#ffffff;margin-bottom:2px}.HowTheWebWorksWorkspace_flowNodeSub__rl_lx{font-size:.72rem;color:#94a3b8;line-height:1.3}.HowTheWebWorksWorkspace_flowArrow__LE21G{display:flex;flex-direction:column;align-items:center;color:#a78bfa;font-size:.7rem;font-weight:700;gap:3px;flex-shrink:0}.HowTheWebWorksWorkspace_flowArrowLabel__LCAOy{color:#cbd5e1;font-size:.68rem;background:rgba(139,92,246,.12);padding:2px 6px;border-radius:6px;white-space:nowrap}.HowTheWebWorksWorkspace_cardGrid2___7epy{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.HowTheWebWorksWorkspace_cardGrid3__GUA_7{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}@media (max-width:768px){.HowTheWebWorksWorkspace_cardGrid2___7epy,.HowTheWebWorksWorkspace_cardGrid3__GUA_7{grid-template-columns:1fr}}.HowTheWebWorksWorkspace_infoCard__8BNw9{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px}.HowTheWebWorksWorkspace_infoCardBadge__RUhII{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:6px;display:inline-block;margin-bottom:8px}.HowTheWebWorksWorkspace_infoCardTitle__e6QYM{font-size:1.05rem;font-weight:700;color:#ffffff;margin:0 0 8px}.HowTheWebWorksWorkspace_infoCardText__3lLzL{font-size:.88rem;color:#cbd5e1;line-height:1.6;margin:0}.HowTheWebWorksWorkspace_tableContainer__aLMzM{width:100%;overflow-x:auto;margin:20px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px}.HowTheWebWorksWorkspace_contentTable__oYAOB{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.HowTheWebWorksWorkspace_contentTable__oYAOB th{background:rgba(255,255,255,.05);color:#e2e8f0;font-weight:700;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.HowTheWebWorksWorkspace_contentTable__oYAOB td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#cbd5e1;vertical-align:top}.HowTheWebWorksWorkspace_contentTable__oYAOB tr:last-child td{border-bottom:none}.HowTheWebWorksWorkspace_contentTable__oYAOB code{background:rgba(139,92,246,.15);color:#c4b5fd;padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:monospace}.HowTheWebWorksWorkspace_codeBox__d0o_w{background:#090714;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 18px;font-family:Consolas,Fira Code,monospace;font-size:.85rem;color:#38bdf8;overflow-x:auto;line-height:1.5;margin:14px 0}.HowTheWebWorksWorkspace_labCard__H25Gn{background:linear-gradient(180deg,#16122a,#100d1e);border:2px solid #8b5cf6;border-radius:24px;padding:34px 30px;margin:40px 0;box-shadow:0 16px 48px rgba(139,92,246,.22);position:relative}.HowTheWebWorksWorkspace_labHeader__9YRDx{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.HowTheWebWorksWorkspace_labBadge__lmwjI{display:inline-flex;align-items:center;gap:6px;background:#8b5cf6;color:#ffffff;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:20px;width:fit-content}.HowTheWebWorksWorkspace_labTitle__R8Gz9{font-size:1.7rem;font-weight:900;color:#ffffff;margin:0}.HowTheWebWorksWorkspace_labDesc__nr7in{font-size:.95rem;color:#cbd5e1;margin:0;line-height:1.6}.HowTheWebWorksWorkspace_labControlsBar__uBiQ4{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#090714;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;margin-bottom:24px}.HowTheWebWorksWorkspace_urlBarMock__8puUp{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 14px;flex:1 1;min-width:240px;font-family:monospace;font-size:.88rem;color:#38bdf8}.HowTheWebWorksWorkspace_labActionBtns___bsu9{display:flex;align-items:center;gap:8px}.HowTheWebWorksWorkspace_labPlayBtn__oPqR7{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#ffffff;border:none;border-radius:8px;padding:7px 14px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s}.HowTheWebWorksWorkspace_labPlayBtn__oPqR7:hover{background:#059669}.HowTheWebWorksWorkspace_labResetBtn__z_ItF{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);color:#cbd5e1;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 12px;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s}.HowTheWebWorksWorkspace_labResetBtn__z_ItF:hover{background:rgba(255,255,255,.15);color:#ffffff}.HowTheWebWorksWorkspace_stepsTrack__fEe1W{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}@media (max-width:900px){.HowTheWebWorksWorkspace_stepsTrack__fEe1W{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.HowTheWebWorksWorkspace_stepsTrack__fEe1W{grid-template-columns:1fr}}.HowTheWebWorksWorkspace_stepNodeBtn__9zCKW{background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 10px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.HowTheWebWorksWorkspace_stepNodeBtn__9zCKW:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.35);transform:translateY(-2px)}.HowTheWebWorksWorkspace_stepNodeActive__5rru1{background:rgba(139,92,246,.16)!important;border-color:#8b5cf6!important;box-shadow:0 0 16px rgba(139,92,246,.35)}.HowTheWebWorksWorkspace_stepNodeComplete__dRPf5{border-color:rgba(16,185,129,.4)}.HowTheWebWorksWorkspace_stepNodeNum__HN_nE{font-size:.68rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.HowTheWebWorksWorkspace_stepNodeTitle__JEF_u{font-size:.82rem;font-weight:700;color:#ffffff;display:flex;align-items:center;gap:5px}.HowTheWebWorksWorkspace_stepExplainPanel__DmVhd{background:#090714;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.HowTheWebWorksWorkspace_stepExplainTop__897hI{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.HowTheWebWorksWorkspace_stepExplainTitle__RS4rx{font-size:1.25rem;font-weight:800;color:#ffffff;margin:0;display:flex;align-items:center;gap:8px}.HowTheWebWorksWorkspace_stepStageBadge__VCAV_{font-size:.72rem;font-weight:800;text-transform:uppercase;padding:3px 10px;border-radius:20px}.HowTheWebWorksWorkspace_stepExplainText__AHaeA{font-size:.94rem;color:#cbd5e1;line-height:1.7;margin:0}.HowTheWebWorksWorkspace_stepPacketBox__Yy3pf{background:#131122;border-left:3px solid #8b5cf6;border-radius:8px;padding:12px 16px;font-family:monospace;font-size:.82rem;color:#a78bfa;overflow-x:auto}.HowTheWebWorksWorkspace_stepNavBtns__rFD7c{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.HowTheWebWorksWorkspace_stepNavBtn__hcSQa{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#ffffff;padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.HowTheWebWorksWorkspace_stepNavBtn__hcSQa:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.HowTheWebWorksWorkspace_stepNavBtn__hcSQa:disabled{opacity:.35;cursor:not-allowed}.HowTheWebWorksWorkspace_quizCard__nBOFq{background:linear-gradient(180deg,#151128,#0d0a1c);border:2px solid #3b82f6;border-radius:24px;padding:34px 30px;margin:40px 0;box-shadow:0 16px 48px rgba(59,130,246,.18)}.HowTheWebWorksWorkspace_quizHeader__wSlKP{margin-bottom:24px}.HowTheWebWorksWorkspace_quizBadge__P_sPv{display:inline-flex;align-items:center;gap:6px;background:#3b82f6;color:#ffffff;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:20px;margin-bottom:8px}.HowTheWebWorksWorkspace_quizTitle__tyfi6{font-size:1.7rem;font-weight:900;color:#ffffff;margin:0 0 6px}.HowTheWebWorksWorkspace_quizDesc__aPOho{font-size:.95rem;color:#cbd5e1;margin:0}.HowTheWebWorksWorkspace_quizProgressRow__mkVIP{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:.85rem;color:#94a3b8}.HowTheWebWorksWorkspace_quizQuestion__k0SdP{font-size:1.15rem;font-weight:700;color:#ffffff;line-height:1.45;margin:0 0 20px}.HowTheWebWorksWorkspace_quizOptionsGrid__GIUKB{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.HowTheWebWorksWorkspace_quizOptBtn__2J0Tm{background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;text-align:left;color:#e2e8f0;font-size:.94rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;gap:12px}.HowTheWebWorksWorkspace_quizOptBtn__2J0Tm:hover:not(:disabled){background:rgba(59,130,246,.1);border-color:#3b82f6}.HowTheWebWorksWorkspace_optCorrect__su8AX{background:rgba(16,185,129,.15)!important;border-color:#10b981!important;color:#ffffff!important}.HowTheWebWorksWorkspace_optWrong__tpTsm{background:rgba(239,68,68,.15)!important;border-color:#ef4444!important;color:#ffffff!important}.HowTheWebWorksWorkspace_quizExplain__M6eAH{background:#090714;border-left:3px solid #3b82f6;border-radius:8px;padding:14px 18px;font-size:.9rem;color:#cbd5e1;line-height:1.6;margin-bottom:20px}.HowTheWebWorksWorkspace_quizNextBtn__N5LIN{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff;border:none;border-radius:10px;padding:10px 22px;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s}.HowTheWebWorksWorkspace_quizNextBtn__N5LIN:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,.4)}.HowTheWebWorksWorkspace_celebrate__t3Dfi{text-align:center;padding:24px 0}.HowTheWebWorksWorkspace_celebEmoji__hM1D9{font-size:3.5rem;margin-bottom:12px}.HowTheWebWorksWorkspace_celebTitle__DnNTP{font-size:1.8rem;font-weight:900;color:#ffffff;margin:0 0 8px}.HowTheWebWorksWorkspace_celebSub__0WRZF{font-size:1.1rem;color:#94a3b8;margin:0 0 20px}.HowTheWebWorksWorkspace_scoreBar__wXoGs{width:100%;max-width:320px;height:12px;background:rgba(255,255,255,.1);border-radius:6px;margin:0 auto 16px;overflow:hidden}.HowTheWebWorksWorkspace_scoreBarFill__pqX6J{height:100%;border-radius:6px;transition:width .6s ease}.HowTheWebWorksWorkspace_scoreMsg__0GkEM{font-size:1rem;color:#cbd5e1;margin:0 0 24px}.HowTheWebWorksWorkspace_celebActions__yW6cD{display:flex;justify-content:center;gap:14px}.HowTheWebWorksWorkspace_retryBtn__gt2ZZ{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#ffffff;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.HowTheWebWorksWorkspace_footerNav__aNnqv{display:flex;justify-content:space-between;gap:16px;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.HowTheWebWorksWorkspace_footerNav__aNnqv{flex-direction:column}}.HowTheWebWorksWorkspace_navCard__T0Ph4{background:#131122;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 22px;text-decoration:none;display:flex;align-items:center;gap:14px;flex:1 1;transition:all .2s ease}.HowTheWebWorksWorkspace_navCard__T0Ph4:hover{background:rgba(139,92,246,.08);border-color:#8b5cf6;transform:translateY(-2px)}.HowTheWebWorksWorkspace_navCardTitle__UJJv_{font-size:.96rem;font-weight:800;color:#ffffff;margin:0 0 3px}.HowTheWebWorksWorkspace_navCardSub__UCgcw{font-size:.78rem;color:#94a3b8;margin:0}