.ReactFormsWorkspace-module__40IXFa__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ReactFormsWorkspace-module__40IXFa__container{max-width:1040px;margin:0 auto}.ReactFormsWorkspace-module__40IXFa__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ReactFormsWorkspace-module__40IXFa__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__breadLink:hover{color:#7dd3fc;text-decoration:underline}.ReactFormsWorkspace-module__40IXFa__breadSep{color:#ffffff40}.ReactFormsWorkspace-module__40IXFa__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ReactFormsWorkspace-module__40IXFa__hero{background:linear-gradient(135deg,#06b6d42e 0%,#10b98126 50%,#6366f11f 100%);border:1.5px solid #38bdf859;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ReactFormsWorkspace-module__40IXFa__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf840 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ReactFormsWorkspace-module__40IXFa__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ReactFormsWorkspace-module__40IXFa__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.ReactFormsWorkspace-module__40IXFa__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.ReactFormsWorkspace-module__40IXFa__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ReactFormsWorkspace-module__40IXFa__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #0284c766}.ReactFormsWorkspace-module__40IXFa__heroBtn:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #0284c799}.ReactFormsWorkspace-module__40IXFa__heroBtnSecondary{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.ReactFormsWorkspace-module__40IXFa__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.ReactFormsWorkspace-module__40IXFa__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.ReactFormsWorkspace-module__40IXFa__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.ReactFormsWorkspace-module__40IXFa__tocItem{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.ReactFormsWorkspace-module__40IXFa__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.ReactFormsWorkspace-module__40IXFa__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.ReactFormsWorkspace-module__40IXFa__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.ReactFormsWorkspace-module__40IXFa__sectionNumber{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf866;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.ReactFormsWorkspace-module__40IXFa__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.ReactFormsWorkspace-module__40IXFa__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.ReactFormsWorkspace-module__40IXFa__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.ReactFormsWorkspace-module__40IXFa__bulletList li{margin-bottom:8px}.ReactFormsWorkspace-module__40IXFa__bulletList strong{color:#fff}.ReactFormsWorkspace-module__40IXFa__cardGrid2,.ReactFormsWorkspace-module__40IXFa__cardGrid3,.ReactFormsWorkspace-module__40IXFa__cardGrid4{gap:16px;margin:20px 0;display:grid}.ReactFormsWorkspace-module__40IXFa__cardGrid2{grid-template-columns:repeat(2,1fr)}.ReactFormsWorkspace-module__40IXFa__cardGrid3{grid-template-columns:repeat(3,1fr)}.ReactFormsWorkspace-module__40IXFa__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.ReactFormsWorkspace-module__40IXFa__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ReactFormsWorkspace-module__40IXFa__cardGrid2,.ReactFormsWorkspace-module__40IXFa__cardGrid3,.ReactFormsWorkspace-module__40IXFa__cardGrid4{grid-template-columns:1fr}}.ReactFormsWorkspace-module__40IXFa__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.ReactFormsWorkspace-module__40IXFa__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.ReactFormsWorkspace-module__40IXFa__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.ReactFormsWorkspace-module__40IXFa__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.ReactFormsWorkspace-module__40IXFa__codeBox{color:#bae6fd;background:#090714;border:1px solid #ffffff1a;border-radius:10px;margin:14px 0;padding:14px 18px;font-family:Consolas,Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ReactFormsWorkspace-module__40IXFa__callout{color:#bae6fd;background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.ReactFormsWorkspace-module__40IXFa__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.ReactFormsWorkspace-module__40IXFa__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.ReactFormsWorkspace-module__40IXFa__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.ReactFormsWorkspace-module__40IXFa__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ReactFormsWorkspace-module__40IXFa__labCard{background:linear-gradient(#041b24 0%,#01090d 100%);border:2px solid #38bdf8;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #38bdf838}.ReactFormsWorkspace-module__40IXFa__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.ReactFormsWorkspace-module__40IXFa__labBadge{color:#01090d;text-transform:uppercase;letter-spacing:.06em;background:#38bdf8;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.ReactFormsWorkspace-module__40IXFa__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.ReactFormsWorkspace-module__40IXFa__flowBanner{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.78rem;font-weight:800;display:flex}.ReactFormsWorkspace-module__40IXFa__flowNode{color:#38bdf8}.ReactFormsWorkspace-module__40IXFa__playgroundGrid{grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.ReactFormsWorkspace-module__40IXFa__playgroundGrid{grid-template-columns:1fr}}.ReactFormsWorkspace-module__40IXFa__formCard{background:#081620;border:1.5px solid #38bdf84d;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.ReactFormsWorkspace-module__40IXFa__formTitle{color:#fff;align-items:center;gap:8px;margin:0 0 4px;font-size:1.1rem;font-weight:800;display:flex}.ReactFormsWorkspace-module__40IXFa__inputGroup{flex-direction:column;gap:6px;display:flex}.ReactFormsWorkspace-module__40IXFa__label{color:#cbd5e1;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.ReactFormsWorkspace-module__40IXFa__textInput,.ReactFormsWorkspace-module__40IXFa__selectInput,.ReactFormsWorkspace-module__40IXFa__textareaInput{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:8px;outline:none;padding:9px 12px;font-size:.88rem;transition:all .15s}.ReactFormsWorkspace-module__40IXFa__textInput:focus,.ReactFormsWorkspace-module__40IXFa__selectInput:focus,.ReactFormsWorkspace-module__40IXFa__textareaInput:focus{background:#38bdf814;border-color:#38bdf8}.ReactFormsWorkspace-module__40IXFa__inputError{background:#ef444414!important;border-color:#ef4444!important}.ReactFormsWorkspace-module__40IXFa__errorText{color:#f87171;font-size:.74rem;font-weight:600}.ReactFormsWorkspace-module__40IXFa__inspectorBox{background:#02070b;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.ReactFormsWorkspace-module__40IXFa__jsonTerminal{color:#7dd3fc;background:#010406;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-family:monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.ReactFormsWorkspace-module__40IXFa__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.ReactFormsWorkspace-module__40IXFa__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.ReactFormsWorkspace-module__40IXFa__quizCard{background:linear-gradient(#041b24 0%,#01090d 100%);border:2px solid #38bdf8;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #38bdf833}.ReactFormsWorkspace-module__40IXFa__quizHeader{margin-bottom:24px}.ReactFormsWorkspace-module__40IXFa__quizBadge{color:#01090d;text-transform:uppercase;letter-spacing:.06em;background:#38bdf8;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.ReactFormsWorkspace-module__40IXFa__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.ReactFormsWorkspace-module__40IXFa__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.ReactFormsWorkspace-module__40IXFa__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.ReactFormsWorkspace-module__40IXFa__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ReactFormsWorkspace-module__40IXFa__quizOptionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.ReactFormsWorkspace-module__40IXFa__quizOptionBtn:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8;transform:translate(4px)}.ReactFormsWorkspace-module__40IXFa__quizOptionCorrect{color:#fff!important;background:#10b98140!important;border-color:#10b981!important}.ReactFormsWorkspace-module__40IXFa__quizOptionWrong{color:#fff!important;background:#ef444440!important;border-color:#ef4444!important}.ReactFormsWorkspace-module__40IXFa__quizExplanation{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.ReactFormsWorkspace-module__40IXFa__quizFooter{justify-content:flex-end;display:flex}.ReactFormsWorkspace-module__40IXFa__quizScoreBox{text-align:center;padding:30px 20px}.ReactFormsWorkspace-module__40IXFa__quizScoreBig{color:#38bdf8;margin-bottom:10px;font-size:3.5rem;font-weight:900}.ReactFormsWorkspace-module__40IXFa__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:50px;padding-top:24px;display:flex}.ReactFormsWorkspace-module__40IXFa__navFooterBtn{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.ReactFormsWorkspace-module__40IXFa__navFooterBtn:hover{color:#fff;background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}
.ReactRoutingWorkspace-module__FiSoaW__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ReactRoutingWorkspace-module__FiSoaW__container{max-width:1040px;margin:0 auto}.ReactRoutingWorkspace-module__FiSoaW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ReactRoutingWorkspace-module__FiSoaW__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__breadLink:hover{color:#7dd3fc;text-decoration:underline}.ReactRoutingWorkspace-module__FiSoaW__breadSep{color:#ffffff40}.ReactRoutingWorkspace-module__FiSoaW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ReactRoutingWorkspace-module__FiSoaW__hero{background:linear-gradient(135deg,#a855f72e 0%,#38bdf826 50%,#10b9811f 100%);border:1.5px solid #a855f759;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ReactRoutingWorkspace-module__FiSoaW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f740 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ReactRoutingWorkspace-module__FiSoaW__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.ReactRoutingWorkspace-module__FiSoaW__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.ReactRoutingWorkspace-module__FiSoaW__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7e22ce 0%,#9333ea 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #7e22ce66}.ReactRoutingWorkspace-module__FiSoaW__heroBtn:hover{background:linear-gradient(135deg,#9333ea 0%,#a855f7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #9333ea99}.ReactRoutingWorkspace-module__FiSoaW__heroBtnSecondary{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.ReactRoutingWorkspace-module__FiSoaW__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.ReactRoutingWorkspace-module__FiSoaW__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.ReactRoutingWorkspace-module__FiSoaW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.ReactRoutingWorkspace-module__FiSoaW__tocItem{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.ReactRoutingWorkspace-module__FiSoaW__tocItem:hover{color:#c084fc;background:#c084fc1a;transform:translate(3px)}.ReactRoutingWorkspace-module__FiSoaW__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.ReactRoutingWorkspace-module__FiSoaW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__sectionNumber{color:#c084fc;background:#a855f72e;border:1px solid #a855f766;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.ReactRoutingWorkspace-module__FiSoaW__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.ReactRoutingWorkspace-module__FiSoaW__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.ReactRoutingWorkspace-module__FiSoaW__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.ReactRoutingWorkspace-module__FiSoaW__bulletList li{margin-bottom:8px}.ReactRoutingWorkspace-module__FiSoaW__bulletList strong{color:#fff}.ReactRoutingWorkspace-module__FiSoaW__cardGrid2,.ReactRoutingWorkspace-module__FiSoaW__cardGrid3,.ReactRoutingWorkspace-module__FiSoaW__cardGrid4{gap:16px;margin:20px 0;display:grid}.ReactRoutingWorkspace-module__FiSoaW__cardGrid2{grid-template-columns:repeat(2,1fr)}.ReactRoutingWorkspace-module__FiSoaW__cardGrid3{grid-template-columns:repeat(3,1fr)}.ReactRoutingWorkspace-module__FiSoaW__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.ReactRoutingWorkspace-module__FiSoaW__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ReactRoutingWorkspace-module__FiSoaW__cardGrid2,.ReactRoutingWorkspace-module__FiSoaW__cardGrid3,.ReactRoutingWorkspace-module__FiSoaW__cardGrid4{grid-template-columns:1fr}}.ReactRoutingWorkspace-module__FiSoaW__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.ReactRoutingWorkspace-module__FiSoaW__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.ReactRoutingWorkspace-module__FiSoaW__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.ReactRoutingWorkspace-module__FiSoaW__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.ReactRoutingWorkspace-module__FiSoaW__codeBox{color:#e9d5ff;background:#090714;border:1px solid #ffffff1a;border-radius:10px;margin:14px 0;padding:14px 18px;font-family:Consolas,Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ReactRoutingWorkspace-module__FiSoaW__callout{color:#e9d5ff;background:#a855f714;border-left:4px solid #a855f7;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.ReactRoutingWorkspace-module__FiSoaW__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.ReactRoutingWorkspace-module__FiSoaW__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.ReactRoutingWorkspace-module__FiSoaW__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.ReactRoutingWorkspace-module__FiSoaW__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ReactRoutingWorkspace-module__FiSoaW__labCard{background:linear-gradient(#1e0b36 0%,#0c0414 100%);border:2px solid #a855f7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #a855f738}.ReactRoutingWorkspace-module__FiSoaW__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__labBadge{color:#0c0414;text-transform:uppercase;letter-spacing:.06em;background:#a855f7;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.ReactRoutingWorkspace-module__FiSoaW__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.ReactRoutingWorkspace-module__FiSoaW__flowBanner{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.78rem;font-weight:800;display:flex}.ReactRoutingWorkspace-module__FiSoaW__flowNode{color:#c084fc}.ReactRoutingWorkspace-module__FiSoaW__browserChrome{background:#140d24;border:1.5px solid #a855f766;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px #0006}.ReactRoutingWorkspace-module__FiSoaW__browserHeader{background:#0d0818;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:10px 16px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__browserDots{gap:6px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__dot{border-radius:50%;width:10px;height:10px}.ReactRoutingWorkspace-module__FiSoaW__addressBar{color:#a855f7;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:.84rem;display:flex}.ReactRoutingWorkspace-module__FiSoaW__addressInput{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:monospace;font-size:.84rem}.ReactRoutingWorkspace-module__FiSoaW__browserNavBtns{gap:6px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__chromeBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.ReactRoutingWorkspace-module__FiSoaW__chromeBtn:hover{color:#fff;background:#ffffff1a}.ReactRoutingWorkspace-module__FiSoaW__miniAppNavbar{background:#180f2d;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__miniNavLink{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-size:.78rem;font-weight:700;transition:all .15s}.ReactRoutingWorkspace-module__FiSoaW__miniNavLink:hover{color:#fff;background:#a855f726;border-color:#a855f7}.ReactRoutingWorkspace-module__FiSoaW__miniNavLinkActive{color:#fff!important;background:#9333ea!important;border-color:#a855f7!important}.ReactRoutingWorkspace-module__FiSoaW__playgroundGrid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}@media (max-width:860px){.ReactRoutingWorkspace-module__FiSoaW__playgroundGrid{grid-template-columns:1fr}}.ReactRoutingWorkspace-module__FiSoaW__viewportBox{background:#0e071c;border:1.5px solid #a855f74d;border-radius:16px;flex-direction:column;gap:14px;min-height:260px;padding:24px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__inspectorBox{background:#080310;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__jsonTerminal{color:#d8b4fe;background:#030107;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-family:monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.ReactRoutingWorkspace-module__FiSoaW__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.ReactRoutingWorkspace-module__FiSoaW__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.ReactRoutingWorkspace-module__FiSoaW__quizCard{background:linear-gradient(#1e0b36 0%,#0c0414 100%);border:2px solid #a855f7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #a855f733}.ReactRoutingWorkspace-module__FiSoaW__quizHeader{margin-bottom:24px}.ReactRoutingWorkspace-module__FiSoaW__quizBadge{color:#0c0414;text-transform:uppercase;letter-spacing:.06em;background:#a855f7;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.ReactRoutingWorkspace-module__FiSoaW__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.ReactRoutingWorkspace-module__FiSoaW__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.ReactRoutingWorkspace-module__FiSoaW__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.ReactRoutingWorkspace-module__FiSoaW__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__quizOptionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.ReactRoutingWorkspace-module__FiSoaW__quizOptionBtn:hover:not(:disabled){background:#a855f71f;border-color:#a855f7;transform:translate(4px)}.ReactRoutingWorkspace-module__FiSoaW__quizOptionCorrect{color:#fff!important;background:#10b98140!important;border-color:#10b981!important}.ReactRoutingWorkspace-module__FiSoaW__quizOptionWrong{color:#fff!important;background:#ef444440!important;border-color:#ef4444!important}.ReactRoutingWorkspace-module__FiSoaW__quizExplanation{color:#e9d5ff;background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.ReactRoutingWorkspace-module__FiSoaW__quizFooter{justify-content:flex-end;display:flex}.ReactRoutingWorkspace-module__FiSoaW__quizScoreBox{text-align:center;padding:30px 20px}.ReactRoutingWorkspace-module__FiSoaW__quizScoreBig{color:#c084fc;margin-bottom:10px;font-size:3.5rem;font-weight:900}.ReactRoutingWorkspace-module__FiSoaW__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:50px;padding-top:24px;display:flex}.ReactRoutingWorkspace-module__FiSoaW__navFooterBtn{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.ReactRoutingWorkspace-module__FiSoaW__navFooterBtn:hover{color:#fff;background:#a855f726;border-color:#a855f7;transform:translateY(-1px)}
.ReactApiIntegrationWorkspace-module__NFq_gG__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ReactApiIntegrationWorkspace-module__NFq_gG__container{max-width:1040px;margin:0 auto}.ReactApiIntegrationWorkspace-module__NFq_gG__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__breadLink:hover{color:#7dd3fc;text-decoration:underline}.ReactApiIntegrationWorkspace-module__NFq_gG__breadSep{color:#ffffff40}.ReactApiIntegrationWorkspace-module__NFq_gG__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ReactApiIntegrationWorkspace-module__NFq_gG__hero{background:linear-gradient(135deg,#0ea5e92e 0%,#a855f726 50%,#10b9811f 100%);border:1.5px solid #38bdf859;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ReactApiIntegrationWorkspace-module__NFq_gG__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf840 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.ReactApiIntegrationWorkspace-module__NFq_gG__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.ReactApiIntegrationWorkspace-module__NFq_gG__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #0284c766}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #38bdf899}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtnSecondary{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.ReactApiIntegrationWorkspace-module__NFq_gG__tocCard{background:#101524;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.ReactApiIntegrationWorkspace-module__NFq_gG__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.ReactApiIntegrationWorkspace-module__NFq_gG__tocItem{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.ReactApiIntegrationWorkspace-module__NFq_gG__section{background:#0d111d;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionNumber{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf866;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.ReactApiIntegrationWorkspace-module__NFq_gG__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList li{margin-bottom:8px}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList strong{color:#fff}.ReactApiIntegrationWorkspace-module__NFq_gG__codeBox{color:#bae6fd;background:#060913;border:1px solid #ffffff1a;border-radius:10px;margin:14px 0;padding:14px 18px;font-family:Consolas,Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__callout{color:#e0f2fe;background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ReactApiIntegrationWorkspace-module__NFq_gG__labCard{background:linear-gradient(#07192f 0%,#040d1a 100%);border:2px solid #0284c7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #0284c738}.ReactApiIntegrationWorkspace-module__NFq_gG__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__labBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0284c7;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__flowBanner{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.78rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__flowNode{color:#38bdf8}.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundChrome{background:#091322;border:1.5px solid #38bdf866;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px #0006}.ReactApiIntegrationWorkspace-module__NFq_gG__chromeHeader{background:#060e19;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__methodPill{border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.78rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__methodGet{color:#062817;background:#10b981}.ReactApiIntegrationWorkspace-module__NFq_gG__methodPost{color:#fff;background:#0284c7}.ReactApiIntegrationWorkspace-module__NFq_gG__endpointUrl{color:#38bdf8;font-family:monospace;font-size:.85rem}.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundGrid{grid-template-columns:1.15fr .85fr;gap:20px;padding:20px;display:grid}@media (max-width:860px){.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundGrid{grid-template-columns:1fr}}.ReactApiIntegrationWorkspace-module__NFq_gG__viewportBox{background:#060d17;border:1.5px solid #38bdf84d;border-radius:16px;flex-direction:column;gap:14px;min-height:280px;padding:20px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__inspectorBox{background:#040911;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__jsonTerminal{color:#7dd3fc;background:#02050a;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-family:monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonCard{background:#ffffff0a;border-radius:10px;gap:12px;padding:14px;animation:1.5s ease-in-out infinite ReactApiIntegrationWorkspace-module__NFq_gG__pulse;display:flex}@keyframes ReactApiIntegrationWorkspace-module__NFq_gG__pulse{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonAvatar{background:#ffffff1a;border-radius:50%;width:42px;height:42px}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonLines{flex-direction:column;flex:1;gap:6px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonLine{background:#ffffff1a;border-radius:4px;height:10px}.ReactApiIntegrationWorkspace-module__NFq_gG__userList{flex-direction:column;gap:10px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userCard:hover{background:#38bdf80f;border-color:#38bdf84d}.ReactApiIntegrationWorkspace-module__NFq_gG__userInfo{align-items:center;gap:12px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userAvatar{color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.ReactApiIntegrationWorkspace-module__NFq_gG__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizCard{background:linear-gradient(#07192f 0%,#040d1a 100%);border:2px solid #0284c7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #0284c733}.ReactApiIntegrationWorkspace-module__NFq_gG__quizHeader{margin-bottom:24px}.ReactApiIntegrationWorkspace-module__NFq_gG__quizBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0284c7;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.ReactApiIntegrationWorkspace-module__NFq_gG__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionBtn:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8;transform:translate(4px)}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionCorrect{color:#fff!important;background:#10b98140!important;border-color:#10b981!important}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionWrong{color:#fff!important;background:#ef444440!important;border-color:#ef4444!important}.ReactApiIntegrationWorkspace-module__NFq_gG__quizExplanation{color:#e0f2fe;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__quizFooter{justify-content:flex-end;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizScoreBox{text-align:center;padding:30px 20px}.ReactApiIntegrationWorkspace-module__NFq_gG__quizScoreBig{color:#38bdf8;margin-bottom:10px;font-size:3.5rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:50px;padding-top:24px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooterBtn{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooterBtn:hover{color:#fff;background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}
.ReactStateManagementWorkspace-module__QLJhUG__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ReactStateManagementWorkspace-module__QLJhUG__container{max-width:1060px;margin:0 auto}.ReactStateManagementWorkspace-module__QLJhUG__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__breadLink{color:#a855f7;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ReactStateManagementWorkspace-module__QLJhUG__breadLink:hover{color:#c084fc;text-decoration:underline}.ReactStateManagementWorkspace-module__QLJhUG__breadSep{color:#ffffff40}.ReactStateManagementWorkspace-module__QLJhUG__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ReactStateManagementWorkspace-module__QLJhUG__hero{background:linear-gradient(135deg,#a855f733 0%,#3b82f629 50%,#10b9811f 100%);border:1.5px solid #a855f759;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ReactStateManagementWorkspace-module__QLJhUG__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f74d 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ReactStateManagementWorkspace-module__QLJhUG__heroBadge{color:#d8b4fe;text-transform:uppercase;letter-spacing:.05em;background:#a855f72e;border:1px solid #a855f766;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.ReactStateManagementWorkspace-module__QLJhUG__heroTitle{background:linear-gradient(135deg,#fff 40%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:2.3rem;font-weight:800;line-height:1.2}.ReactStateManagementWorkspace-module__QLJhUG__heroDesc{color:#cbd5e1;max-width:820px;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.ReactStateManagementWorkspace-module__QLJhUG__heroMeta{flex-wrap:wrap;gap:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__metaPill{color:#e2e8f0;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.ReactStateManagementWorkspace-module__QLJhUG__goldenBanner{background:linear-gradient(90deg,#eab30826 0%,#f973161f 100%);border:1.5px solid #eab30866;border-radius:16px;align-items:center;gap:18px;margin-bottom:36px;padding:20px 24px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__goldenIcon{color:#fbbf24;background:#eab30833;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__goldenText{color:#fef08a;margin:0 0 4px;font-size:1rem;font-weight:700;line-height:1.4}.ReactStateManagementWorkspace-module__QLJhUG__goldenSubtext{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.45}.ReactStateManagementWorkspace-module__QLJhUG__toc{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px}.ReactStateManagementWorkspace-module__QLJhUG__tocTitle{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;display:grid}.ReactStateManagementWorkspace-module__QLJhUG__tocItem{color:#94a3b8;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__tocItem:hover{color:#c084fc;background:#a855f71a;transform:translate(3px)}.ReactStateManagementWorkspace-module__QLJhUG__section{margin-bottom:50px;scroll-margin-top:80px}.ReactStateManagementWorkspace-module__QLJhUG__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__sectionNumber{color:#c084fc;background:#a855f733;border:1px solid #a855f759;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.ReactStateManagementWorkspace-module__QLJhUG__sectionTitle{color:#fff;margin:0;font-size:1.55rem;font-weight:800}.ReactStateManagementWorkspace-module__QLJhUG__paragraph{color:#cbd5e1;margin-bottom:16px;font-size:.98rem;line-height:1.7}.ReactStateManagementWorkspace-module__QLJhUG__subHeading{color:#e2e8f0;align-items:center;gap:8px;margin:28px 0 12px;font-size:1.2rem;font-weight:700;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__calloutInfo{background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.ReactStateManagementWorkspace-module__QLJhUG__calloutWarn{background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.ReactStateManagementWorkspace-module__QLJhUG__calloutSuccess{background:#10b98114;border-left:4px solid #10b981;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.ReactStateManagementWorkspace-module__QLJhUG__calloutTitle{align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:700;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__calloutInfo .ReactStateManagementWorkspace-module__QLJhUG__calloutTitle{color:#38bdf8}.ReactStateManagementWorkspace-module__QLJhUG__calloutWarn .ReactStateManagementWorkspace-module__QLJhUG__calloutTitle{color:#fbbf24}.ReactStateManagementWorkspace-module__QLJhUG__calloutSuccess .ReactStateManagementWorkspace-module__QLJhUG__calloutTitle{color:#34d399}.ReactStateManagementWorkspace-module__QLJhUG__calloutBody{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.55}.ReactStateManagementWorkspace-module__QLJhUG__codeCard{background:#0d1117;border:1px solid #ffffff1a;border-radius:14px;margin:20px 0;overflow:hidden}.ReactStateManagementWorkspace-module__QLJhUG__codeHeader{color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__codeTitle{color:#cbd5e1;align-items:center;gap:6px;font-family:monospace;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__copyBtn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;transition:all .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__copyBtn:hover{color:#fff;background:#a855f733;border-color:#a855f766}.ReactStateManagementWorkspace-module__QLJhUG__codePre{color:#e2e8f0;margin:0;padding:18px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.ReactStateManagementWorkspace-module__QLJhUG__compareGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.ReactStateManagementWorkspace-module__QLJhUG__compareCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s}.ReactStateManagementWorkspace-module__QLJhUG__compareCard:hover{border-color:#a855f759;transform:translateY(-2px)}.ReactStateManagementWorkspace-module__QLJhUG__compareLevel{text-transform:uppercase;color:#c084fc;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.ReactStateManagementWorkspace-module__QLJhUG__compareTitle{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__compareDesc{color:#94a3b8;margin-bottom:14px;font-size:.88rem;line-height:1.5}.ReactStateManagementWorkspace-module__QLJhUG__compareWhen{color:#d8b4fe;background:#a855f71a;border-radius:8px;padding:8px 12px;font-size:.82rem;line-height:1.4}.ReactStateManagementWorkspace-module__QLJhUG__tableWrapper{border:1px solid #ffffff1a;border-radius:14px;margin:24px 0;overflow-x:auto}.ReactStateManagementWorkspace-module__QLJhUG__stateTable{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.ReactStateManagementWorkspace-module__QLJhUG__stateTable th{color:#fff;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:14px 16px;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__stateTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 16px;line-height:1.5}.ReactStateManagementWorkspace-module__QLJhUG__stateTable tr:last-child td{border-bottom:none}.ReactStateManagementWorkspace-module__QLJhUG__stateTable tr:hover td{background:#ffffff05}.ReactStateManagementWorkspace-module__QLJhUG__labCard{background:linear-gradient(#a855f714 0%,#0d1117f2 100%);border:2px solid #a855f759;border-radius:24px;margin:40px 0;padding:32px 28px;box-shadow:0 16px 48px #0006}.ReactStateManagementWorkspace-module__QLJhUG__labHeader{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__labTitle{color:#fff;align-items:center;gap:10px;margin:0 0 6px;font-size:1.6rem;font-weight:800;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__labBadge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:800}.ReactStateManagementWorkspace-module__QLJhUG__treeBox{background:#090714;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:20px}.ReactStateManagementWorkspace-module__QLJhUG__treeTitle{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:14px;font-size:.85rem;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__treeVisual{flex-direction:column;align-items:center;gap:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__treeNode{border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .25s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__nodeRoot{color:#d8b4fe;background:#a855f733;border-color:#a855f766}.ReactStateManagementWorkspace-module__QLJhUG__nodeRoot.ReactStateManagementWorkspace-module__QLJhUG__highlight{background:#a855f759;border-color:#c084fc;transform:scale(1.05);box-shadow:0 0 16px #a855f766}.ReactStateManagementWorkspace-module__QLJhUG__treeRow{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__nodeChild{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff1a}.ReactStateManagementWorkspace-module__QLJhUG__nodeChild.ReactStateManagementWorkspace-module__QLJhUG__highlight{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;transform:scale(1.05);box-shadow:0 0 16px #38bdf859}.ReactStateManagementWorkspace-module__QLJhUG__scenarioTabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__scenarioTab{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__scenarioTab:hover{background:#ffffff14;border-color:#a855f74d}.ReactStateManagementWorkspace-module__QLJhUG__scenarioTab.ReactStateManagementWorkspace-module__QLJhUG__activeTab{color:#fff;background:#a855f738;border-color:#c084fc;box-shadow:0 4px 12px #a855f733}.ReactStateManagementWorkspace-module__QLJhUG__questionCard{background:#0006;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:24px}.ReactStateManagementWorkspace-module__QLJhUG__scenarioTitle{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__scenarioProblem{color:#cbd5e1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.ReactStateManagementWorkspace-module__QLJhUG__optionsGrid{grid-template-columns:1fr;gap:10px;display:grid}.ReactStateManagementWorkspace-module__QLJhUG__optionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .2s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__optionBtn:hover{background:#a855f71f;border-color:#a855f759;transform:translate(4px)}.ReactStateManagementWorkspace-module__QLJhUG__optionBtn.ReactStateManagementWorkspace-module__QLJhUG__selectedCorrect{color:#fff;background:#10b9812e;border-color:#10b981}.ReactStateManagementWorkspace-module__QLJhUG__optionBtn.ReactStateManagementWorkspace-module__QLJhUG__selectedWrong{color:#fff;background:#ef44442e;border-color:#ef4444}.ReactStateManagementWorkspace-module__QLJhUG__labFeedback{border-radius:14px;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__labFeedbackCorrect{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98159}.ReactStateManagementWorkspace-module__QLJhUG__labFeedbackWrong{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.ReactStateManagementWorkspace-module__QLJhUG__feedbackIcon{flex-shrink:0;margin-top:2px}.ReactStateManagementWorkspace-module__QLJhUG__feedbackTitle{margin-bottom:4px;font-size:.95rem;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__feedbackBody{margin:0;font-size:.88rem;line-height:1.5}.ReactStateManagementWorkspace-module__QLJhUG__sandboxContainer{background:#090714;border:1px solid #ffffff1a;border-radius:18px;margin-top:30px;padding:24px}.ReactStateManagementWorkspace-module__QLJhUG__sandboxHeader{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__sandboxBrand{color:#fff;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__cartBadge{color:#fff;background:#a855f7;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.ReactStateManagementWorkspace-module__QLJhUG__sandboxGrid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}@media (max-width:768px){.ReactStateManagementWorkspace-module__QLJhUG__sandboxGrid{grid-template-columns:1fr}}.ReactStateManagementWorkspace-module__QLJhUG__productCatalog{flex-direction:column;gap:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__productItem{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__productItem:hover{border-color:#a855f74d}.ReactStateManagementWorkspace-module__QLJhUG__productInfo{flex-direction:column;gap:2px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__productName{color:#fff;font-size:.92rem;font-weight:700}.ReactStateManagementWorkspace-module__QLJhUG__productPrice{color:#38bdf8;font-size:.82rem;font-weight:600}.ReactStateManagementWorkspace-module__QLJhUG__addBtn{color:#d8b4fe;cursor:pointer;background:#a855f733;border:1px solid #a855f766;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__addBtn:hover{color:#fff;background:#a855f7}.ReactStateManagementWorkspace-module__QLJhUG__cartDrawer{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__cartList{flex-direction:column;gap:8px;max-height:180px;margin-bottom:14px;display:flex;overflow-y:auto}.ReactStateManagementWorkspace-module__QLJhUG__cartRow{background:#0000004d;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.85rem;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__cartTotal{color:#fff;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:10px;font-size:1.05rem;font-weight:800;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__promoRow{gap:8px;margin-bottom:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__promoInput{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:6px 10px;font-size:.82rem}.ReactStateManagementWorkspace-module__QLJhUG__promoBtn{color:#38bdf8;cursor:pointer;background:#38bdf82e;border:1px solid #38bdf859;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .15s}.ReactStateManagementWorkspace-module__QLJhUG__promoBtn:hover{color:#090714;background:#38bdf8}.ReactStateManagementWorkspace-module__QLJhUG__logTerminal{background:#0d1117;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;padding:12px 16px;font-family:monospace;font-size:.8rem}.ReactStateManagementWorkspace-module__QLJhUG__logHeader{color:#94a3b8;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__logEntries{flex-direction:column;gap:4px;max-height:100px;display:flex;overflow-y:auto}.ReactStateManagementWorkspace-module__QLJhUG__logItem{color:#34d399}.ReactStateManagementWorkspace-module__QLJhUG__quizCard{background:#ffffff05;border:1.5px solid #a855f740;border-radius:24px;margin:50px 0;padding:32px}.ReactStateManagementWorkspace-module__QLJhUG__quizProgress{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__quizQuestionTitle{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.4}.ReactStateManagementWorkspace-module__QLJhUG__quizOptions{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__quizOption{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__quizOption:hover{background:#a855f71f;border-color:#a855f759}.ReactStateManagementWorkspace-module__QLJhUG__quizOptionSelected{color:#fff;background:#a855f733;border-color:#c084fc}.ReactStateManagementWorkspace-module__QLJhUG__quizOptionCorrect{color:#fff!important;background:#10b98133!important;border-color:#10b981!important}.ReactStateManagementWorkspace-module__QLJhUG__quizOptionWrong{color:#fff!important;background:#ef444433!important;border-color:#ef4444!important}.ReactStateManagementWorkspace-module__QLJhUG__quizExplBox{color:#d8b4fe;background:#a855f71a;border:1px solid #a855f74d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.5}.ReactStateManagementWorkspace-module__QLJhUG__quizActions{justify-content:flex-end;gap:12px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__quizNextBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .15s;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__quizNextBtn:hover{transform:translateY(-1px)}.ReactStateManagementWorkspace-module__QLJhUG__quizScoreBox{text-align:center;padding:30px 20px}.ReactStateManagementWorkspace-module__QLJhUG__quizScoreBig{background:linear-gradient(135deg,#a855f7 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900}.ReactStateManagementWorkspace-module__QLJhUG__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:60px;padding-top:30px;display:flex}.ReactStateManagementWorkspace-module__QLJhUG__navFooterBtn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.ReactStateManagementWorkspace-module__QLJhUG__navFooterBtn:hover{color:#fff;background:#a855f726;border-color:#a855f766}
.TypeScriptBasicsWorkspace-module__3LxqwW__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.TypeScriptBasicsWorkspace-module__3LxqwW__container{max-width:1060px;margin:0 auto}.TypeScriptBasicsWorkspace-module__3LxqwW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.TypeScriptBasicsWorkspace-module__3LxqwW__breadLink:hover{color:#7dd3fc;text-decoration:underline}.TypeScriptBasicsWorkspace-module__3LxqwW__breadSep{color:#ffffff40}.TypeScriptBasicsWorkspace-module__3LxqwW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.TypeScriptBasicsWorkspace-module__3LxqwW__hero{background:linear-gradient(135deg,#3178c638 0%,#38bdf829 50%,#6366f11f 100%);border:1.5px solid #38bdf859;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.TypeScriptBasicsWorkspace-module__3LxqwW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3178c64d 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.TypeScriptBasicsWorkspace-module__3LxqwW__heroBadge{color:#7dd3fc;text-transform:uppercase;letter-spacing:.05em;background:#3178c633;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.TypeScriptBasicsWorkspace-module__3LxqwW__heroTitle{background:linear-gradient(135deg,#fff 40%,#7dd3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:2.3rem;font-weight:800;line-height:1.2}.TypeScriptBasicsWorkspace-module__3LxqwW__heroDesc{color:#cbd5e1;max-width:820px;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.TypeScriptBasicsWorkspace-module__3LxqwW__heroMeta{flex-wrap:wrap;gap:12px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__metaPill{color:#e2e8f0;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.TypeScriptBasicsWorkspace-module__3LxqwW__toc{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px}.TypeScriptBasicsWorkspace-module__3LxqwW__tocTitle{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;display:grid}.TypeScriptBasicsWorkspace-module__3LxqwW__tocItem{color:#94a3b8;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.TypeScriptBasicsWorkspace-module__3LxqwW__section{margin-bottom:50px;scroll-margin-top:80px}.TypeScriptBasicsWorkspace-module__3LxqwW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__sectionNumber{color:#38bdf8;background:#3178c633;border:1px solid #38bdf859;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.TypeScriptBasicsWorkspace-module__3LxqwW__sectionTitle{color:#fff;margin:0;font-size:1.55rem;font-weight:800}.TypeScriptBasicsWorkspace-module__3LxqwW__paragraph{color:#cbd5e1;margin-bottom:16px;font-size:.98rem;line-height:1.7}.TypeScriptBasicsWorkspace-module__3LxqwW__subHeading{color:#e2e8f0;align-items:center;gap:8px;margin:28px 0 12px;font-size:1.2rem;font-weight:700;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutInfo{background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutWarn{background:#ef444414;border-left:4px solid #ef4444;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutSuccess{background:#10b98114;border-left:4px solid #10b981;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutTitle{align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:700;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutInfo .TypeScriptBasicsWorkspace-module__3LxqwW__calloutTitle{color:#38bdf8}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutWarn .TypeScriptBasicsWorkspace-module__3LxqwW__calloutTitle{color:#f87171}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutSuccess .TypeScriptBasicsWorkspace-module__3LxqwW__calloutTitle{color:#34d399}.TypeScriptBasicsWorkspace-module__3LxqwW__calloutBody{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.55}.TypeScriptBasicsWorkspace-module__3LxqwW__codeCard{background:#0d1117;border:1px solid #ffffff1a;border-radius:14px;margin:20px 0;overflow:hidden}.TypeScriptBasicsWorkspace-module__3LxqwW__codeHeader{color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__codeTitle{color:#cbd5e1;align-items:center;gap:6px;font-family:monospace;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__copyBtn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;transition:all .15s;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__copyBtn:hover{color:#fff;background:#38bdf833;border-color:#38bdf866}.TypeScriptBasicsWorkspace-module__3LxqwW__codePre{color:#e2e8f0;margin:0;padding:18px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.TypeScriptBasicsWorkspace-module__3LxqwW__compareGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.TypeScriptBasicsWorkspace-module__3LxqwW__compareCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s}.TypeScriptBasicsWorkspace-module__3LxqwW__compareCard:hover{border-color:#38bdf859;transform:translateY(-2px)}.TypeScriptBasicsWorkspace-module__3LxqwW__compareLevel{text-transform:uppercase;color:#38bdf8;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.TypeScriptBasicsWorkspace-module__3LxqwW__compareTitle{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.TypeScriptBasicsWorkspace-module__3LxqwW__compareDesc{color:#94a3b8;margin-bottom:14px;font-size:.88rem;line-height:1.5}.TypeScriptBasicsWorkspace-module__3LxqwW__tableWrapper{border:1px solid #ffffff1a;border-radius:14px;margin:24px 0;overflow-x:auto}.TypeScriptBasicsWorkspace-module__3LxqwW__stateTable{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.TypeScriptBasicsWorkspace-module__3LxqwW__stateTable th{color:#fff;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:14px 16px;font-weight:700}.TypeScriptBasicsWorkspace-module__3LxqwW__stateTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 16px;line-height:1.5}.TypeScriptBasicsWorkspace-module__3LxqwW__stateTable tr:last-child td{border-bottom:none}.TypeScriptBasicsWorkspace-module__3LxqwW__stateTable tr:hover td{background:#ffffff05}.TypeScriptBasicsWorkspace-module__3LxqwW__playgroundCard{background:linear-gradient(#3178c61f 0%,#0d1117f2 100%);border:2px solid #38bdf859;border-radius:24px;margin:40px 0;padding:32px 28px;box-shadow:0 16px 48px #0006}.TypeScriptBasicsWorkspace-module__3LxqwW__playgroundHeader{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__playgroundTitle{color:#fff;align-items:center;gap:10px;margin:0 0 6px;font-size:1.6rem;font-weight:800;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__presetTabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__presetTab{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .15s}.TypeScriptBasicsWorkspace-module__3LxqwW__presetTab:hover{background:#38bdf826;border-color:#38bdf859}.TypeScriptBasicsWorkspace-module__3LxqwW__presetTab.TypeScriptBasicsWorkspace-module__3LxqwW__activeTab{color:#fff;background:#3178c64d;border-color:#38bdf8;box-shadow:0 2px 10px #38bdf840}.TypeScriptBasicsWorkspace-module__3LxqwW__editorGrid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (max-width:768px){.TypeScriptBasicsWorkspace-module__3LxqwW__editorGrid{grid-template-columns:1fr}}.TypeScriptBasicsWorkspace-module__3LxqwW__editorPane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:16px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__editorHeader{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__editorInput{color:#e2e8f0;resize:vertical;background:#0d1117;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;min-height:220px;padding:14px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5}.TypeScriptBasicsWorkspace-module__3LxqwW__editorInput:focus{border-color:#38bdf866}.TypeScriptBasicsWorkspace-module__3LxqwW__diagnosticPane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__statusBanner{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__statusValid{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98159}.TypeScriptBasicsWorkspace-module__3LxqwW__statusError{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.TypeScriptBasicsWorkspace-module__3LxqwW__statusTitle{margin-bottom:4px;font-size:.95rem;font-weight:800}.TypeScriptBasicsWorkspace-module__3LxqwW__statusMessage{margin:0;font-family:monospace;font-size:.85rem;line-height:1.5}.TypeScriptBasicsWorkspace-module__3LxqwW__explanationBox{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px;font-size:.88rem;line-height:1.55}.TypeScriptBasicsWorkspace-module__3LxqwW__fixBtn{color:#38bdf8;cursor:pointer;background:#38bdf833;border:1px solid #38bdf866;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.TypeScriptBasicsWorkspace-module__3LxqwW__fixBtn:hover{color:#090714;background:#38bdf8}.TypeScriptBasicsWorkspace-module__3LxqwW__quizCard{background:#ffffff05;border:1.5px solid #38bdf840;border-radius:24px;margin:50px 0;padding:32px}.TypeScriptBasicsWorkspace-module__3LxqwW__quizProgress{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__quizQuestionTitle{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.4}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOptions{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOption{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .15s;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOption:hover{background:#38bdf81f;border-color:#38bdf859}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOptionSelected{color:#fff;background:#38bdf833;border-color:#38bdf8}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOptionCorrect{color:#fff!important;background:#10b98133!important;border-color:#10b981!important}.TypeScriptBasicsWorkspace-module__3LxqwW__quizOptionWrong{color:#fff!important;background:#ef444433!important;border-color:#ef4444!important}.TypeScriptBasicsWorkspace-module__3LxqwW__quizExplBox{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.5}.TypeScriptBasicsWorkspace-module__3LxqwW__quizActions{justify-content:flex-end;gap:12px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__quizNextBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#3178c6 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .15s;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__quizNextBtn:hover{transform:translateY(-1px)}.TypeScriptBasicsWorkspace-module__3LxqwW__quizScoreBox{text-align:center;padding:30px 20px}.TypeScriptBasicsWorkspace-module__3LxqwW__quizScoreBig{background:linear-gradient(135deg,#38bdf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900}.TypeScriptBasicsWorkspace-module__3LxqwW__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:60px;padding-top:30px;display:flex}.TypeScriptBasicsWorkspace-module__3LxqwW__navFooterBtn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.TypeScriptBasicsWorkspace-module__3LxqwW__navFooterBtn:hover{color:#fff;background:#38bdf826;border-color:#38bdf866}
.NextjsBasicsWorkspace-module__Gl24gW__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.NextjsBasicsWorkspace-module__Gl24gW__container{max-width:1060px;margin:0 auto}.NextjsBasicsWorkspace-module__Gl24gW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.NextjsBasicsWorkspace-module__Gl24gW__breadLink:hover{color:#7dd3fc;text-decoration:underline}.NextjsBasicsWorkspace-module__Gl24gW__breadSep{color:#ffffff40}.NextjsBasicsWorkspace-module__Gl24gW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.NextjsBasicsWorkspace-module__Gl24gW__hero{background:linear-gradient(135deg,#ffffff1a 0%,#38bdf824 50%,#10b9811f 100%);border:1.5px solid #fff3;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.NextjsBasicsWorkspace-module__Gl24gW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.NextjsBasicsWorkspace-module__Gl24gW__heroBadge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.NextjsBasicsWorkspace-module__Gl24gW__heroTitle{background:linear-gradient(135deg,#fff 40%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:2.3rem;font-weight:800;line-height:1.2}.NextjsBasicsWorkspace-module__Gl24gW__heroDesc{color:#cbd5e1;max-width:820px;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.NextjsBasicsWorkspace-module__Gl24gW__heroMeta{flex-wrap:wrap;gap:12px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__metaPill{color:#e2e8f0;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.NextjsBasicsWorkspace-module__Gl24gW__toc{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px}.NextjsBasicsWorkspace-module__Gl24gW__tocTitle{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;display:grid}.NextjsBasicsWorkspace-module__Gl24gW__tocItem{color:#94a3b8;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.NextjsBasicsWorkspace-module__Gl24gW__section{margin-bottom:50px;scroll-margin-top:80px}.NextjsBasicsWorkspace-module__Gl24gW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__sectionNumber{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.NextjsBasicsWorkspace-module__Gl24gW__sectionTitle{color:#fff;margin:0;font-size:1.55rem;font-weight:800}.NextjsBasicsWorkspace-module__Gl24gW__paragraph{color:#cbd5e1;margin-bottom:16px;font-size:.98rem;line-height:1.7}.NextjsBasicsWorkspace-module__Gl24gW__subHeading{color:#e2e8f0;align-items:center;gap:8px;margin:28px 0 12px;font-size:1.2rem;font-weight:700;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__calloutInfo{background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.NextjsBasicsWorkspace-module__Gl24gW__calloutWarn{background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.NextjsBasicsWorkspace-module__Gl24gW__calloutSuccess{background:#10b98114;border-left:4px solid #10b981;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.NextjsBasicsWorkspace-module__Gl24gW__calloutTitle{align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:700;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__calloutInfo .NextjsBasicsWorkspace-module__Gl24gW__calloutTitle{color:#38bdf8}.NextjsBasicsWorkspace-module__Gl24gW__calloutWarn .NextjsBasicsWorkspace-module__Gl24gW__calloutTitle{color:#fbbf24}.NextjsBasicsWorkspace-module__Gl24gW__calloutSuccess .NextjsBasicsWorkspace-module__Gl24gW__calloutTitle{color:#34d399}.NextjsBasicsWorkspace-module__Gl24gW__calloutBody{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.55}.NextjsBasicsWorkspace-module__Gl24gW__codeCard{background:#0d1117;border:1px solid #ffffff1a;border-radius:14px;margin:20px 0;overflow:hidden}.NextjsBasicsWorkspace-module__Gl24gW__codeHeader{color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__codeTitle{color:#cbd5e1;align-items:center;gap:6px;font-family:monospace;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__copyBtn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;transition:all .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__copyBtn:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.NextjsBasicsWorkspace-module__Gl24gW__codePre{color:#e2e8f0;margin:0;padding:18px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.NextjsBasicsWorkspace-module__Gl24gW__compareGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.NextjsBasicsWorkspace-module__Gl24gW__compareCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s}.NextjsBasicsWorkspace-module__Gl24gW__compareCard:hover{border-color:#ffffff40;transform:translateY(-2px)}.NextjsBasicsWorkspace-module__Gl24gW__compareLevel{text-transform:uppercase;color:#38bdf8;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.NextjsBasicsWorkspace-module__Gl24gW__compareTitle{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.NextjsBasicsWorkspace-module__Gl24gW__compareDesc{color:#94a3b8;margin-bottom:14px;font-size:.88rem;line-height:1.5}.NextjsBasicsWorkspace-module__Gl24gW__compareFeatureList{color:#cbd5e1;flex-direction:column;gap:6px;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__compareFeatureItem{align-items:center;gap:8px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__tableWrapper{border:1px solid #ffffff1a;border-radius:14px;margin:24px 0;overflow-x:auto}.NextjsBasicsWorkspace-module__Gl24gW__stateTable{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.NextjsBasicsWorkspace-module__Gl24gW__stateTable th{color:#fff;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:14px 16px;font-weight:700}.NextjsBasicsWorkspace-module__Gl24gW__stateTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 16px;line-height:1.5}.NextjsBasicsWorkspace-module__Gl24gW__stateTable tr:last-child td{border-bottom:none}.NextjsBasicsWorkspace-module__Gl24gW__stateTable tr:hover td{background:#ffffff05}.NextjsBasicsWorkspace-module__Gl24gW__explorerCard{background:linear-gradient(#ffffff0d 0%,#0d1117f2 100%);border:2px solid #fff3;border-radius:24px;margin:40px 0;padding:32px 28px;box-shadow:0 16px 48px #0006}.NextjsBasicsWorkspace-module__Gl24gW__explorerHeader{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__explorerTitle{color:#fff;align-items:center;gap:10px;margin:0 0 6px;font-size:1.6rem;font-weight:800;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__explorerBadge{color:#090714;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8 0%,#10b981 100%);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:800}.NextjsBasicsWorkspace-module__Gl24gW__explorerGrid{grid-template-columns:1fr 1.4fr;gap:20px;display:grid}@media (max-width:768px){.NextjsBasicsWorkspace-module__Gl24gW__explorerGrid{grid-template-columns:1fr}}.NextjsBasicsWorkspace-module__Gl24gW__fileTreePane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:16px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__treeHeader{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__fileTreeList{flex-direction:column;gap:4px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__treeItem{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.86rem;transition:all .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__treeItem:hover{color:#fff;background:#ffffff0a}.NextjsBasicsWorkspace-module__Gl24gW__treeItemActive{color:#38bdf8;background:#38bdf826;border-color:#38bdf859;font-weight:700}.NextjsBasicsWorkspace-module__Gl24gW__folderIndent1{margin-left:16px}.NextjsBasicsWorkspace-module__Gl24gW__folderIndent2{margin-left:32px}.NextjsBasicsWorkspace-module__Gl24gW__fileDetailPane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__routeMapperBox{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__routeLabel{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}.NextjsBasicsWorkspace-module__Gl24gW__routePill{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.88rem;font-weight:700}.NextjsBasicsWorkspace-module__Gl24gW__filePreviewCode{color:#e2e8f0;background:#0d1117;border:1px solid #ffffff14;border-radius:12px;max-height:180px;margin-bottom:16px;padding:14px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.82rem;line-height:1.5;overflow-y:auto}.NextjsBasicsWorkspace-module__Gl24gW__fileExplain{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.55}.NextjsBasicsWorkspace-module__Gl24gW__challengeCard{background:#00000059;border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;padding:20px}.NextjsBasicsWorkspace-module__Gl24gW__challengeTitle{color:#fff;align-items:center;gap:8px;margin:0 0 8px;font-size:1.05rem;font-weight:700;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__challengeGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.NextjsBasicsWorkspace-module__Gl24gW__challengeBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.85rem;transition:all .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__challengeBtn:hover{background:#ffffff14;border-color:#38bdf859}.NextjsBasicsWorkspace-module__Gl24gW__challengeBtnCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.NextjsBasicsWorkspace-module__Gl24gW__challengeBtnWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.NextjsBasicsWorkspace-module__Gl24gW__quizCard{background:#ffffff05;border:1.5px solid #fff3;border-radius:24px;margin:50px 0;padding:32px}.NextjsBasicsWorkspace-module__Gl24gW__quizProgress{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__quizQuestionTitle{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.4}.NextjsBasicsWorkspace-module__Gl24gW__quizOptions{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__quizOption{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__quizOption:hover{background:#ffffff14;border-color:#38bdf859}.NextjsBasicsWorkspace-module__Gl24gW__quizOptionSelected{color:#fff;background:#38bdf833;border-color:#38bdf8}.NextjsBasicsWorkspace-module__Gl24gW__quizOptionCorrect{color:#fff!important;background:#10b98133!important;border-color:#10b981!important}.NextjsBasicsWorkspace-module__Gl24gW__quizOptionWrong{color:#fff!important;background:#ef444433!important;border-color:#ef4444!important}.NextjsBasicsWorkspace-module__Gl24gW__quizExplBox{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.5}.NextjsBasicsWorkspace-module__Gl24gW__quizActions{justify-content:flex-end;gap:12px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__quizNextBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .15s;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__quizNextBtn:hover{transform:translateY(-1px)}.NextjsBasicsWorkspace-module__Gl24gW__quizScoreBox{text-align:center;padding:30px 20px}.NextjsBasicsWorkspace-module__Gl24gW__quizScoreBig{background:linear-gradient(135deg,#fff 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900}.NextjsBasicsWorkspace-module__Gl24gW__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:60px;padding-top:30px;display:flex}.NextjsBasicsWorkspace-module__Gl24gW__navFooterBtn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.NextjsBasicsWorkspace-module__Gl24gW__navFooterBtn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}
.AuthenticationBasicsWorkspace-module__lLwMCW__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.AuthenticationBasicsWorkspace-module__lLwMCW__container{max-width:1060px;margin:0 auto}.AuthenticationBasicsWorkspace-module__lLwMCW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__breadLink{color:#10b981;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.AuthenticationBasicsWorkspace-module__lLwMCW__breadLink:hover{color:#34d399;text-decoration:underline}.AuthenticationBasicsWorkspace-module__lLwMCW__breadSep{color:#ffffff40}.AuthenticationBasicsWorkspace-module__lLwMCW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.AuthenticationBasicsWorkspace-module__lLwMCW__hero{background:linear-gradient(135deg,#10b98133 0%,#06b6d426 50%,#6366f11f 100%);border:1.5px solid #10b98159;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.AuthenticationBasicsWorkspace-module__lLwMCW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b98147 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.AuthenticationBasicsWorkspace-module__lLwMCW__heroBadge{color:#6ee7b7;text-transform:uppercase;letter-spacing:.05em;background:#10b9812e;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.AuthenticationBasicsWorkspace-module__lLwMCW__heroTitle{background:linear-gradient(135deg,#fff 40%,#6ee7b7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:2.3rem;font-weight:800;line-height:1.2}.AuthenticationBasicsWorkspace-module__lLwMCW__heroDesc{color:#cbd5e1;max-width:820px;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.AuthenticationBasicsWorkspace-module__lLwMCW__heroMeta{flex-wrap:wrap;gap:12px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__metaPill{color:#e2e8f0;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.AuthenticationBasicsWorkspace-module__lLwMCW__toc{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:24px}.AuthenticationBasicsWorkspace-module__lLwMCW__tocTitle{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;display:grid}.AuthenticationBasicsWorkspace-module__lLwMCW__tocItem{color:#94a3b8;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__tocItem:hover{color:#34d399;background:#10b9811a;transform:translate(3px)}.AuthenticationBasicsWorkspace-module__lLwMCW__section{margin-bottom:50px;scroll-margin-top:80px}.AuthenticationBasicsWorkspace-module__lLwMCW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__sectionNumber{color:#34d399;background:#10b98133;border:1px solid #10b98159;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.AuthenticationBasicsWorkspace-module__lLwMCW__sectionTitle{color:#fff;margin:0;font-size:1.55rem;font-weight:800}.AuthenticationBasicsWorkspace-module__lLwMCW__paragraph{color:#cbd5e1;margin-bottom:16px;font-size:.98rem;line-height:1.7}.AuthenticationBasicsWorkspace-module__lLwMCW__subHeading{color:#e2e8f0;align-items:center;gap:8px;margin:28px 0 12px;font-size:1.2rem;font-weight:700;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutInfo{background:#06b6d414;border-left:4px solid #06b6d4;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutWarn{background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutSuccess{background:#10b98114;border-left:4px solid #10b981;border-radius:0 12px 12px 0;margin:20px 0;padding:16px 20px}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutTitle{align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem;font-weight:700;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutInfo .AuthenticationBasicsWorkspace-module__lLwMCW__calloutTitle{color:#06b6d4}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutWarn .AuthenticationBasicsWorkspace-module__lLwMCW__calloutTitle{color:#fbbf24}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutSuccess .AuthenticationBasicsWorkspace-module__lLwMCW__calloutTitle{color:#34d399}.AuthenticationBasicsWorkspace-module__lLwMCW__calloutBody{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.55}.AuthenticationBasicsWorkspace-module__lLwMCW__codeCard{background:#0d1117;border:1px solid #ffffff1a;border-radius:14px;margin:20px 0;overflow:hidden}.AuthenticationBasicsWorkspace-module__lLwMCW__codeHeader{color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.82rem;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__codeTitle{color:#cbd5e1;align-items:center;gap:6px;font-family:monospace;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__copyBtn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;transition:all .15s;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__copyBtn:hover{color:#fff;background:#10b98133;border-color:#10b98166}.AuthenticationBasicsWorkspace-module__lLwMCW__codePre{color:#e2e8f0;margin:0;padding:18px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.AuthenticationBasicsWorkspace-module__lLwMCW__compareGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.AuthenticationBasicsWorkspace-module__lLwMCW__compareCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s}.AuthenticationBasicsWorkspace-module__lLwMCW__compareCard:hover{border-color:#10b98159;transform:translateY(-2px)}.AuthenticationBasicsWorkspace-module__lLwMCW__compareLevel{text-transform:uppercase;color:#34d399;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:800}.AuthenticationBasicsWorkspace-module__lLwMCW__compareTitle{color:#fff;margin:0 0 10px;font-size:1.15rem;font-weight:700}.AuthenticationBasicsWorkspace-module__lLwMCW__compareDesc{color:#94a3b8;margin-bottom:14px;font-size:.88rem;line-height:1.5}.AuthenticationBasicsWorkspace-module__lLwMCW__tableWrapper{border:1px solid #ffffff1a;border-radius:14px;margin:24px 0;overflow-x:auto}.AuthenticationBasicsWorkspace-module__lLwMCW__stateTable{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.AuthenticationBasicsWorkspace-module__lLwMCW__stateTable th{color:#fff;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:14px 16px;font-weight:700}.AuthenticationBasicsWorkspace-module__lLwMCW__stateTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 16px;line-height:1.5}.AuthenticationBasicsWorkspace-module__lLwMCW__stateTable tr:last-child td{border-bottom:none}.AuthenticationBasicsWorkspace-module__lLwMCW__stateTable tr:hover td{background:#ffffff05}.AuthenticationBasicsWorkspace-module__lLwMCW__simulatorCard{background:linear-gradient(#10b9811a 0%,#0d1117f2 100%);border:2px solid #10b98159;border-radius:24px;margin:40px 0;padding:32px 28px;box-shadow:0 16px 48px #0006}.AuthenticationBasicsWorkspace-module__lLwMCW__simulatorHeader{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__simulatorTitle{color:#fff;align-items:center;gap:10px;margin:0 0 6px;font-size:1.6rem;font-weight:800;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__simulatorBadge{color:#090714;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:800}.AuthenticationBasicsWorkspace-module__lLwMCW__pipelineBar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__pipelineStep{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__pipelineStep:hover{background:#10b98126;border-color:#10b98166}.AuthenticationBasicsWorkspace-module__lLwMCW__pipelineStepActive{color:#fff;background:#10b98140;border-color:#34d399;box-shadow:0 2px 12px #10b9814d}.AuthenticationBasicsWorkspace-module__lLwMCW__stageGrid{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (max-width:768px){.AuthenticationBasicsWorkspace-module__lLwMCW__stageGrid{grid-template-columns:1fr}}.AuthenticationBasicsWorkspace-module__lLwMCW__stageActionPane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__stageActorPills{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__actorPill{text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.AuthenticationBasicsWorkspace-module__lLwMCW__actorBrowser{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.AuthenticationBasicsWorkspace-module__lLwMCW__actorServer{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.AuthenticationBasicsWorkspace-module__lLwMCW__actorDb{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.AuthenticationBasicsWorkspace-module__lLwMCW__stagePayloadBox{color:#e2e8f0;background:#0d1117;border:1px solid #ffffff14;border-radius:12px;margin-bottom:12px;padding:14px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.82rem;line-height:1.5}.AuthenticationBasicsWorkspace-module__lLwMCW__stageSecurityPane{background:#090714;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:20px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__securityHeader{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__securityList{flex-direction:column;gap:8px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__securityItem{color:#cbd5e1;background:#ffffff08;border-left:3px solid #10b981;border-radius:0 8px 8px 0;padding:10px 12px;font-size:.84rem;line-height:1.45}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeSection{background:#00000059;border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;padding:20px}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeTitle{color:#fff;align-items:center;gap:8px;margin:0 0 6px;font-size:1.05rem;font-weight:700;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px;display:grid}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeCardTitle{color:#fff;margin-bottom:6px;font-size:.88rem;font-weight:700}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeCardDesc{color:#94a3b8;margin-bottom:12px;font-size:.8rem;line-height:1.4}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeBtnGroup{gap:6px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeBtn{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:6px 10px;font-size:.78rem;font-weight:700;transition:all .15s}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeBtn:hover{background:#10b98126;border-color:#10b98159}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeBtnCorrect{color:#fff!important;background:#10b98140!important;border-color:#10b981!important}.AuthenticationBasicsWorkspace-module__lLwMCW__challengeBtnWrong{color:#fff!important;background:#ef444440!important;border-color:#ef4444!important}.AuthenticationBasicsWorkspace-module__lLwMCW__quizCard{background:#ffffff05;border:1.5px solid #10b98140;border-radius:24px;margin:50px 0;padding:32px}.AuthenticationBasicsWorkspace-module__lLwMCW__quizProgress{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__quizQuestionTitle{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.4}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOptions{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOption{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .15s;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOption:hover{background:#10b9811f;border-color:#10b98159}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOptionSelected{color:#fff;background:#10b98133;border-color:#34d399}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOptionCorrect{color:#fff!important;background:#10b98133!important;border-color:#10b981!important}.AuthenticationBasicsWorkspace-module__lLwMCW__quizOptionWrong{color:#fff!important;background:#ef444433!important;border-color:#ef4444!important}.AuthenticationBasicsWorkspace-module__lLwMCW__quizExplBox{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.5}.AuthenticationBasicsWorkspace-module__lLwMCW__quizActions{justify-content:flex-end;gap:12px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__quizNextBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .15s;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__quizNextBtn:hover{transform:translateY(-1px)}.AuthenticationBasicsWorkspace-module__lLwMCW__quizScoreBox{text-align:center;padding:30px 20px}.AuthenticationBasicsWorkspace-module__lLwMCW__quizScoreBig{background:linear-gradient(135deg,#10b981 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900}.AuthenticationBasicsWorkspace-module__lLwMCW__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:60px;padding-top:30px;display:flex}.AuthenticationBasicsWorkspace-module__lLwMCW__navFooterBtn{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.AuthenticationBasicsWorkspace-module__lLwMCW__navFooterBtn:hover{color:#fff;background:#10b98126;border-color:#10b98166}