.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__container{max-width:1040px;margin:0 auto}.HtmlSeoWorkspace-module__RozsvG__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.HtmlSeoWorkspace-module__RozsvG__breadLink{color:#f59e0b;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.HtmlSeoWorkspace-module__RozsvG__breadLink:hover{color:#fbbf24;text-decoration:underline}.HtmlSeoWorkspace-module__RozsvG__breadSep{color:#ffffff40}.HtmlSeoWorkspace-module__RozsvG__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.HtmlSeoWorkspace-module__RozsvG__hero{background:linear-gradient(135deg,#f59e0b2e 0%,#d977061f 50%,#10b98114 100%);border:1.5px solid #f59e0b59;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.HtmlSeoWorkspace-module__RozsvG__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b40 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.HtmlSeoWorkspace-module__RozsvG__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.HtmlSeoWorkspace-module__RozsvG__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.HtmlSeoWorkspace-module__RozsvG__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.HtmlSeoWorkspace-module__RozsvG__heroBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #f59e0b66}.HtmlSeoWorkspace-module__RozsvG__heroBtn:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b99}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.HtmlSeoWorkspace-module__RozsvG__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.HtmlSeoWorkspace-module__RozsvG__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.HtmlSeoWorkspace-module__RozsvG__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__tocItem:hover{color:#fbbf24;background:#f59e0b1a;transform:translate(3px)}.HtmlSeoWorkspace-module__RozsvG__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.HtmlSeoWorkspace-module__RozsvG__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.HtmlSeoWorkspace-module__RozsvG__sectionNumber{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b66;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.HtmlSeoWorkspace-module__RozsvG__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.HtmlSeoWorkspace-module__RozsvG__subHeading{color:#fde68a;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.HtmlSeoWorkspace-module__RozsvG__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.HtmlSeoWorkspace-module__RozsvG__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.HtmlSeoWorkspace-module__RozsvG__bulletList li{margin-bottom:8px}.HtmlSeoWorkspace-module__RozsvG__bulletList strong{color:#fff}.HtmlSeoWorkspace-module__RozsvG__cardGrid2,.HtmlSeoWorkspace-module__RozsvG__cardGrid3,.HtmlSeoWorkspace-module__RozsvG__cardGrid4{gap:16px;margin:20px 0;display:grid}.HtmlSeoWorkspace-module__RozsvG__cardGrid2{grid-template-columns:repeat(2,1fr)}.HtmlSeoWorkspace-module__RozsvG__cardGrid3{grid-template-columns:repeat(3,1fr)}.HtmlSeoWorkspace-module__RozsvG__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.HtmlSeoWorkspace-module__RozsvG__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.HtmlSeoWorkspace-module__RozsvG__cardGrid2,.HtmlSeoWorkspace-module__RozsvG__cardGrid3,.HtmlSeoWorkspace-module__RozsvG__cardGrid4{grid-template-columns:1fr}}.HtmlSeoWorkspace-module__RozsvG__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.HtmlSeoWorkspace-module__RozsvG__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.HtmlSeoWorkspace-module__RozsvG__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.HtmlSeoWorkspace-module__RozsvG__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.HtmlSeoWorkspace-module__RozsvG__codeBox{color:#fde68a;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}.HtmlSeoWorkspace-module__RozsvG__callout{color:#fde68a;background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.HtmlSeoWorkspace-module__RozsvG__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.HtmlSeoWorkspace-module__RozsvG__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.HtmlSeoWorkspace-module__RozsvG__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.HtmlSeoWorkspace-module__RozsvG__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.HtmlSeoWorkspace-module__RozsvG__labCard{background:linear-gradient(#1f170a 0%,#0e0a04 100%);border:2px solid #f59e0b;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #f59e0b38}.HtmlSeoWorkspace-module__RozsvG__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.HtmlSeoWorkspace-module__RozsvG__labBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#f59e0b;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.HtmlSeoWorkspace-module__RozsvG__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.HtmlSeoWorkspace-module__RozsvG__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.HtmlSeoWorkspace-module__RozsvG__scoreMeterBox{background:#0006;border:1px solid #ffffff1a;border-radius:14px;margin-bottom:24px;padding:14px 18px}.HtmlSeoWorkspace-module__RozsvG__scoreMeterHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.86rem;font-weight:700;display:flex}.HtmlSeoWorkspace-module__RozsvG__scoreBarTrack{background:#ffffff1a;border-radius:6px;height:10px;overflow:hidden}.HtmlSeoWorkspace-module__RozsvG__scoreBarFill{background:linear-gradient(90deg,#ef4444 0%,#f59e0b 50%,#10b981 100%);border-radius:6px;height:100%;transition:width .3s}.HtmlSeoWorkspace-module__RozsvG__playgroundSplit{grid-template-columns:1.1fr 1.1fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.HtmlSeoWorkspace-module__RozsvG__playgroundSplit{grid-template-columns:1fr}}.HtmlSeoWorkspace-module__RozsvG__seoEditorBox{background:#090714;border:1.5px solid #f59e0b59;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.HtmlSeoWorkspace-module__RozsvG__seoEditorHeader{color:#fbbf24;background:#1e1507;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.HtmlSeoWorkspace-module__RozsvG__seoEditorBody{flex-direction:column;gap:12px;padding:16px;display:flex}.HtmlSeoWorkspace-module__RozsvG__seoInputGroup{flex-direction:column;gap:4px;display:flex}.HtmlSeoWorkspace-module__RozsvG__seoLabelRow{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.HtmlSeoWorkspace-module__RozsvG__seoInput{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:7px 10px;font-size:.86rem;transition:all .15s}.HtmlSeoWorkspace-module__RozsvG__seoInput:focus{background:#ffffff14;border-color:#f59e0b}.HtmlSeoWorkspace-module__RozsvG__serpPreviewBox{color:#bdc1c6;background:#202124;border:1.5px solid #f59e0b59;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.HtmlSeoWorkspace-module__RozsvG__serpHeader{color:#9aa0a6;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding-bottom:10px;font-size:.8rem;display:flex}.HtmlSeoWorkspace-module__RozsvG__serpResultCard{background:#303134;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.HtmlSeoWorkspace-module__RozsvG__serpBreadcrumb{color:#dadce0;align-items:center;gap:6px;font-size:.78rem;display:flex}.HtmlSeoWorkspace-module__RozsvG__serpTitleLink{color:#8ab4f8;cursor:pointer;font-size:1.15rem;font-weight:500;line-height:1.3;text-decoration:none}.HtmlSeoWorkspace-module__RozsvG__serpTitleLink:hover{text-decoration:underline}.HtmlSeoWorkspace-module__RozsvG__serpSnippetText{color:#bdc1c6;margin:0;font-size:.84rem;line-height:1.55}.HtmlSeoWorkspace-module__RozsvG__checklistMiniGrid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}@media (max-width:600px){.HtmlSeoWorkspace-module__RozsvG__checklistMiniGrid{grid-template-columns:1fr}}.HtmlSeoWorkspace-module__RozsvG__checkItemBadge{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;display:flex}.HtmlSeoWorkspace-module__RozsvG__checkItemBadgePass{color:#34d399;background:#10b9811a;border-color:#10b98166}.HtmlSeoWorkspace-module__RozsvG__quizCard{background:linear-gradient(#1c1407 0%,#0d0903 100%);border:2px solid #f59e0b;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #f59e0b33}.HtmlSeoWorkspace-module__RozsvG__quizHeader{margin-bottom:24px}.HtmlSeoWorkspace-module__RozsvG__quizBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#f59e0b;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.HtmlSeoWorkspace-module__RozsvG__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.HtmlSeoWorkspace-module__RozsvG__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.HtmlSeoWorkspace-module__RozsvG__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.HtmlSeoWorkspace-module__RozsvG__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.HtmlSeoWorkspace-module__RozsvG__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__quizOptionBtn:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b;transform:translate(4px)}.HtmlSeoWorkspace-module__RozsvG__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.HtmlSeoWorkspace-module__RozsvG__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.HtmlSeoWorkspace-module__RozsvG__quizExplanation{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.HtmlSeoWorkspace-module__RozsvG__quizFooter{justify-content:flex-end;display:flex}.HtmlSeoWorkspace-module__RozsvG__quizScoreBox{text-align:center;padding:30px 20px}.HtmlSeoWorkspace-module__RozsvG__quizScoreBig{color:#fbbf24;margin-bottom:10px;font-size:3.5rem;font-weight:900}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__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}.HtmlSeoWorkspace-module__RozsvG__navFooterBtn:hover{color:#fff;background:#f59e0b26;border-color:#f59e0b;transform:translateY(-1px)}
.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__container{max-width:1040px;margin:0 auto}.CssFundamentalsWorkspace-module__79I7Fa__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__breadLink{color:#818cf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.CssFundamentalsWorkspace-module__79I7Fa__breadLink:hover{color:#a5b4fc;text-decoration:underline}.CssFundamentalsWorkspace-module__79I7Fa__breadSep{color:#ffffff40}.CssFundamentalsWorkspace-module__79I7Fa__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.CssFundamentalsWorkspace-module__79I7Fa__hero{background:linear-gradient(135deg,#6366f12e 0%,#8b5cf624 50%,#ec489914 100%);border:1.5px solid #6366f159;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.CssFundamentalsWorkspace-module__79I7Fa__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.CssFundamentalsWorkspace-module__79I7Fa__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.CssFundamentalsWorkspace-module__79I7Fa__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.CssFundamentalsWorkspace-module__79I7Fa__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #6366f166}.CssFundamentalsWorkspace-module__79I7Fa__heroBtn:hover{background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);transform:translateY(-2px);box-shadow:0 6px 24px #6366f199}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.CssFundamentalsWorkspace-module__79I7Fa__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.CssFundamentalsWorkspace-module__79I7Fa__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__tocItem:hover{color:#a5b4fc;background:#6366f11a;transform:translate(3px)}.CssFundamentalsWorkspace-module__79I7Fa__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.CssFundamentalsWorkspace-module__79I7Fa__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__sectionNumber{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f166;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.CssFundamentalsWorkspace-module__79I7Fa__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.CssFundamentalsWorkspace-module__79I7Fa__subHeading{color:#c7d2fe;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.CssFundamentalsWorkspace-module__79I7Fa__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.CssFundamentalsWorkspace-module__79I7Fa__bulletList li{margin-bottom:8px}.CssFundamentalsWorkspace-module__79I7Fa__bulletList strong{color:#fff}.CssFundamentalsWorkspace-module__79I7Fa__cardGrid2,.CssFundamentalsWorkspace-module__79I7Fa__cardGrid3,.CssFundamentalsWorkspace-module__79I7Fa__cardGrid4{gap:16px;margin:20px 0;display:grid}.CssFundamentalsWorkspace-module__79I7Fa__cardGrid2{grid-template-columns:repeat(2,1fr)}.CssFundamentalsWorkspace-module__79I7Fa__cardGrid3{grid-template-columns:repeat(3,1fr)}.CssFundamentalsWorkspace-module__79I7Fa__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.CssFundamentalsWorkspace-module__79I7Fa__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.CssFundamentalsWorkspace-module__79I7Fa__cardGrid2,.CssFundamentalsWorkspace-module__79I7Fa__cardGrid3,.CssFundamentalsWorkspace-module__79I7Fa__cardGrid4{grid-template-columns:1fr}}.CssFundamentalsWorkspace-module__79I7Fa__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.CssFundamentalsWorkspace-module__79I7Fa__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.CssFundamentalsWorkspace-module__79I7Fa__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.CssFundamentalsWorkspace-module__79I7Fa__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.CssFundamentalsWorkspace-module__79I7Fa__codeBox{color:#c7d2fe;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}.CssFundamentalsWorkspace-module__79I7Fa__callout{color:#c7d2fe;background:#6366f114;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.CssFundamentalsWorkspace-module__79I7Fa__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.CssFundamentalsWorkspace-module__79I7Fa__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.CssFundamentalsWorkspace-module__79I7Fa__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.CssFundamentalsWorkspace-module__79I7Fa__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.CssFundamentalsWorkspace-module__79I7Fa__labCard{background:linear-gradient(#13112c 0%,#090714 100%);border:2px solid #6366f1;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #6366f138}.CssFundamentalsWorkspace-module__79I7Fa__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__labBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#6366f1;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssFundamentalsWorkspace-module__79I7Fa__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.CssFundamentalsWorkspace-module__79I7Fa__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.CssFundamentalsWorkspace-module__79I7Fa__playgroundSplit{grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.CssFundamentalsWorkspace-module__79I7Fa__playgroundSplit{grid-template-columns:1fr}}.CssFundamentalsWorkspace-module__79I7Fa__editorPane{background:#090714;border:1.5px solid #6366f159;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.CssFundamentalsWorkspace-module__79I7Fa__editorHeader{color:#a5b4fc;background:#181530;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__editorControls{flex-direction:column;gap:12px;padding:16px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__controlRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__controlLabel{color:#cbd5e1;font-family:monospace;font-size:.82rem}.CssFundamentalsWorkspace-module__79I7Fa__controlInput{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:5px 8px;font-family:monospace;font-size:.82rem}.CssFundamentalsWorkspace-module__79I7Fa__controlInput:focus{border-color:#6366f1}.CssFundamentalsWorkspace-module__79I7Fa__previewPane{background:#0b0918;border:1.5px solid #6366f159;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.CssFundamentalsWorkspace-module__79I7Fa__previewHeader{color:#a5b4fc;background:#181530;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:800;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__previewStage{background:radial-gradient(circle,#6366f114 0%,#0000 80%);flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__boxModelCard{background:#0d0b1d;border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;padding:24px}.CssFundamentalsWorkspace-module__79I7Fa__layerMargin{text-align:center;background:#f59e0b40;border:2px dashed #f59e0b;border-radius:12px;padding:18px;transition:all .2s}.CssFundamentalsWorkspace-module__79I7Fa__layerBorder{text-align:center;background:#eab3084d;border:3px solid #eab308;border-radius:8px;padding:18px;transition:all .2s}.CssFundamentalsWorkspace-module__79I7Fa__layerPadding{text-align:center;background:#10b9814d;border:2px dashed #10b981;border-radius:6px;padding:18px;transition:all .2s}.CssFundamentalsWorkspace-module__79I7Fa__layerContent{color:#fff;background:#3b82f6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__quizCard{background:linear-gradient(#181335 0%,#0b081a 100%);border:2px solid #6366f1;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #6366f133}.CssFundamentalsWorkspace-module__79I7Fa__quizHeader{margin-bottom:24px}.CssFundamentalsWorkspace-module__79I7Fa__quizBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#6366f1;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssFundamentalsWorkspace-module__79I7Fa__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.CssFundamentalsWorkspace-module__79I7Fa__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.CssFundamentalsWorkspace-module__79I7Fa__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.CssFundamentalsWorkspace-module__79I7Fa__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__quizOptionBtn:hover:not(:disabled){background:#6366f11f;border-color:#6366f1;transform:translate(4px)}.CssFundamentalsWorkspace-module__79I7Fa__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.CssFundamentalsWorkspace-module__79I7Fa__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.CssFundamentalsWorkspace-module__79I7Fa__quizExplanation{color:#c7d2fe;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.CssFundamentalsWorkspace-module__79I7Fa__quizFooter{justify-content:flex-end;display:flex}.CssFundamentalsWorkspace-module__79I7Fa__quizScoreBox{text-align:center;padding:30px 20px}.CssFundamentalsWorkspace-module__79I7Fa__quizScoreBig{color:#818cf8;margin-bottom:10px;font-size:3.5rem;font-weight:900}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__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}.CssFundamentalsWorkspace-module__79I7Fa__navFooterBtn:hover{color:#fff;background:#6366f126;border-color:#6366f1;transform:translateY(-1px)}
.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__container{max-width:1040px;margin:0 auto}.CssBoxModelWorkspace-module__PB4AKq__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.CssBoxModelWorkspace-module__PB4AKq__breadLink{color:#10b981;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.CssBoxModelWorkspace-module__PB4AKq__breadLink:hover{color:#34d399;text-decoration:underline}.CssBoxModelWorkspace-module__PB4AKq__breadSep{color:#ffffff40}.CssBoxModelWorkspace-module__PB4AKq__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.CssBoxModelWorkspace-module__PB4AKq__hero{background:linear-gradient(135deg,#10b9812e 0%,#06b6d41f 50%,#6366f114 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}.CssBoxModelWorkspace-module__PB4AKq__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b98140 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.CssBoxModelWorkspace-module__PB4AKq__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.CssBoxModelWorkspace-module__PB4AKq__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.CssBoxModelWorkspace-module__PB4AKq__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__heroBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #10b98166}.CssBoxModelWorkspace-module__PB4AKq__heroBtn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 24px #10b98199}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.CssBoxModelWorkspace-module__PB4AKq__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.CssBoxModelWorkspace-module__PB4AKq__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.CssBoxModelWorkspace-module__PB4AKq__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__tocItem:hover{color:#34d399;background:#10b9811a;transform:translate(3px)}.CssBoxModelWorkspace-module__PB4AKq__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.CssBoxModelWorkspace-module__PB4AKq__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__sectionNumber{color:#34d399;background:#10b9812e;border:1px solid #10b98166;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.CssBoxModelWorkspace-module__PB4AKq__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.CssBoxModelWorkspace-module__PB4AKq__subHeading{color:#a7f3d0;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.CssBoxModelWorkspace-module__PB4AKq__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.CssBoxModelWorkspace-module__PB4AKq__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.CssBoxModelWorkspace-module__PB4AKq__bulletList li{margin-bottom:8px}.CssBoxModelWorkspace-module__PB4AKq__bulletList strong{color:#fff}.CssBoxModelWorkspace-module__PB4AKq__cardGrid2,.CssBoxModelWorkspace-module__PB4AKq__cardGrid3,.CssBoxModelWorkspace-module__PB4AKq__cardGrid4{gap:16px;margin:20px 0;display:grid}.CssBoxModelWorkspace-module__PB4AKq__cardGrid2{grid-template-columns:repeat(2,1fr)}.CssBoxModelWorkspace-module__PB4AKq__cardGrid3{grid-template-columns:repeat(3,1fr)}.CssBoxModelWorkspace-module__PB4AKq__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.CssBoxModelWorkspace-module__PB4AKq__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.CssBoxModelWorkspace-module__PB4AKq__cardGrid2,.CssBoxModelWorkspace-module__PB4AKq__cardGrid3,.CssBoxModelWorkspace-module__PB4AKq__cardGrid4{grid-template-columns:1fr}}.CssBoxModelWorkspace-module__PB4AKq__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.CssBoxModelWorkspace-module__PB4AKq__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.CssBoxModelWorkspace-module__PB4AKq__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.CssBoxModelWorkspace-module__PB4AKq__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.CssBoxModelWorkspace-module__PB4AKq__codeBox{color:#a7f3d0;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}.CssBoxModelWorkspace-module__PB4AKq__callout{color:#a7f3d0;background:#10b98114;border-left:4px solid #10b981;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.CssBoxModelWorkspace-module__PB4AKq__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.CssBoxModelWorkspace-module__PB4AKq__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.CssBoxModelWorkspace-module__PB4AKq__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.CssBoxModelWorkspace-module__PB4AKq__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.CssBoxModelWorkspace-module__PB4AKq__labCard{background:linear-gradient(#091a18 0%,#06110f 100%);border:2px solid #10b981;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #10b98138}.CssBoxModelWorkspace-module__PB4AKq__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__labBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#10b981;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssBoxModelWorkspace-module__PB4AKq__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.CssBoxModelWorkspace-module__PB4AKq__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.CssBoxModelWorkspace-module__PB4AKq__playgroundSplit{grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.CssBoxModelWorkspace-module__PB4AKq__playgroundSplit{grid-template-columns:1fr}}.CssBoxModelWorkspace-module__PB4AKq__boxStagePane{background:#090714;border:1.5px solid #10b98159;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__boxStageHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__layerMargin{text-align:center;background:#f9731638;border:2px dashed #f97316;border-radius:12px;padding:16px;transition:all .2s}.CssBoxModelWorkspace-module__PB4AKq__layerBorder{text-align:center;background:#eab30840;border:3px solid #eab308;border-radius:8px;padding:16px;transition:all .2s}.CssBoxModelWorkspace-module__PB4AKq__layerPadding{text-align:center;background:#10b98147;border:2px dashed #10b981;border-radius:6px;padding:16px;transition:all .2s}.CssBoxModelWorkspace-module__PB4AKq__layerContent{color:#fff;background:#2563eb;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:16px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex}.CssBoxModelWorkspace-module__PB4AKq__dimensionBanner{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;display:grid}@media (max-width:600px){.CssBoxModelWorkspace-module__PB4AKq__dimensionBanner{grid-template-columns:repeat(2,1fr)}}.CssBoxModelWorkspace-module__PB4AKq__dimensionStat{flex-direction:column;gap:2px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__dimensionStatLabel{text-transform:uppercase;font-size:.72rem;font-weight:700}.CssBoxModelWorkspace-module__PB4AKq__dimensionStatVal{font-family:monospace;font-size:1.1rem;font-weight:900}.CssBoxModelWorkspace-module__PB4AKq__challengePane{background:#090714;border:1.5px solid #10b98159;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__challengeHeader{color:#34d399;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:.85rem;font-weight:800;display:flex}.CssBoxModelWorkspace-module__PB4AKq__challengeGoalBox{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;padding:12px 14px}.CssBoxModelWorkspace-module__PB4AKq__challengeGoalTitle{color:#fff;margin:0 0 4px;font-size:.88rem;font-weight:800}.CssBoxModelWorkspace-module__PB4AKq__challengeGoalDesc{color:#a7f3d0;margin:0;font-size:.8rem;line-height:1.45}.CssBoxModelWorkspace-module__PB4AKq__sliderRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__sliderLabel{color:#cbd5e1;font-size:.8rem;font-weight:600}.CssBoxModelWorkspace-module__PB4AKq__quizCard{background:linear-gradient(#091b17 0%,#06110f 100%);border:2px solid #10b981;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #10b98133}.CssBoxModelWorkspace-module__PB4AKq__quizHeader{margin-bottom:24px}.CssBoxModelWorkspace-module__PB4AKq__quizBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#10b981;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssBoxModelWorkspace-module__PB4AKq__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.CssBoxModelWorkspace-module__PB4AKq__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.CssBoxModelWorkspace-module__PB4AKq__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.CssBoxModelWorkspace-module__PB4AKq__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.CssBoxModelWorkspace-module__PB4AKq__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__quizOptionBtn:hover:not(:disabled){background:#10b9811f;border-color:#10b981;transform:translate(4px)}.CssBoxModelWorkspace-module__PB4AKq__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.CssBoxModelWorkspace-module__PB4AKq__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.CssBoxModelWorkspace-module__PB4AKq__quizExplanation{color:#a7f3d0;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.CssBoxModelWorkspace-module__PB4AKq__quizFooter{justify-content:flex-end;display:flex}.CssBoxModelWorkspace-module__PB4AKq__quizScoreBox{text-align:center;padding:30px 20px}.CssBoxModelWorkspace-module__PB4AKq__quizScoreBig{color:#34d399;margin-bottom:10px;font-size:3.5rem;font-weight:900}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__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}.CssBoxModelWorkspace-module__PB4AKq__navFooterBtn:hover{color:#fff;background:#10b98126;border-color:#10b981;transform:translateY(-1px)}
.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__container{max-width:1040px;margin:0 auto}.CssFlexboxWorkspace-module__bVRGKW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.CssFlexboxWorkspace-module__bVRGKW__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.CssFlexboxWorkspace-module__bVRGKW__breadLink:hover{color:#7dd3fc;text-decoration:underline}.CssFlexboxWorkspace-module__bVRGKW__breadSep{color:#ffffff40}.CssFlexboxWorkspace-module__bVRGKW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.CssFlexboxWorkspace-module__bVRGKW__hero{background:linear-gradient(135deg,#38bdf82e 0%,#6366f124 50%,#a855f714 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}.CssFlexboxWorkspace-module__bVRGKW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf840 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.CssFlexboxWorkspace-module__bVRGKW__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.CssFlexboxWorkspace-module__bVRGKW__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.CssFlexboxWorkspace-module__bVRGKW__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__heroBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #38bdf866}.CssFlexboxWorkspace-module__bVRGKW__heroBtn:hover{background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);transform:translateY(-2px);box-shadow:0 6px 24px #38bdf899}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.CssFlexboxWorkspace-module__bVRGKW__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.CssFlexboxWorkspace-module__bVRGKW__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.CssFlexboxWorkspace-module__bVRGKW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.CssFlexboxWorkspace-module__bVRGKW__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.CssFlexboxWorkspace-module__bVRGKW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__sectionNumber{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf866;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.CssFlexboxWorkspace-module__bVRGKW__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.CssFlexboxWorkspace-module__bVRGKW__subHeading{color:#bae6fd;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.CssFlexboxWorkspace-module__bVRGKW__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.CssFlexboxWorkspace-module__bVRGKW__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.CssFlexboxWorkspace-module__bVRGKW__bulletList li{margin-bottom:8px}.CssFlexboxWorkspace-module__bVRGKW__bulletList strong{color:#fff}.CssFlexboxWorkspace-module__bVRGKW__cardGrid2,.CssFlexboxWorkspace-module__bVRGKW__cardGrid3,.CssFlexboxWorkspace-module__bVRGKW__cardGrid4{gap:16px;margin:20px 0;display:grid}.CssFlexboxWorkspace-module__bVRGKW__cardGrid2{grid-template-columns:repeat(2,1fr)}.CssFlexboxWorkspace-module__bVRGKW__cardGrid3{grid-template-columns:repeat(3,1fr)}.CssFlexboxWorkspace-module__bVRGKW__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.CssFlexboxWorkspace-module__bVRGKW__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.CssFlexboxWorkspace-module__bVRGKW__cardGrid2,.CssFlexboxWorkspace-module__bVRGKW__cardGrid3,.CssFlexboxWorkspace-module__bVRGKW__cardGrid4{grid-template-columns:1fr}}.CssFlexboxWorkspace-module__bVRGKW__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.CssFlexboxWorkspace-module__bVRGKW__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.CssFlexboxWorkspace-module__bVRGKW__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.CssFlexboxWorkspace-module__bVRGKW__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.CssFlexboxWorkspace-module__bVRGKW__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.CssFlexboxWorkspace-module__bVRGKW__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.CssFlexboxWorkspace-module__bVRGKW__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.CssFlexboxWorkspace-module__bVRGKW__labCard{background:linear-gradient(#0a1b28 0%,#07111a 100%);border:2px solid #38bdf8;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #38bdf838}.CssFlexboxWorkspace-module__bVRGKW__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__labBadge{color:#090714;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}.CssFlexboxWorkspace-module__bVRGKW__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.CssFlexboxWorkspace-module__bVRGKW__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.CssFlexboxWorkspace-module__bVRGKW__playgroundSplit{grid-template-columns:1.05fr 1.15fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.CssFlexboxWorkspace-module__bVRGKW__playgroundSplit{grid-template-columns:1fr}}.CssFlexboxWorkspace-module__bVRGKW__controlsPane{background:#090714;border:1.5px solid #38bdf859;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.CssFlexboxWorkspace-module__bVRGKW__controlsHeader{color:#38bdf8;background:#102636;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.CssFlexboxWorkspace-module__bVRGKW__controlsBody{flex-direction:column;gap:12px;padding:16px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__controlRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__controlLabel{color:#cbd5e1;font-family:monospace;font-size:.82rem;font-weight:600}.CssFlexboxWorkspace-module__bVRGKW__selectInput{color:#38bdf8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:5px 8px;font-family:monospace;font-size:.82rem;font-weight:700}.CssFlexboxWorkspace-module__bVRGKW__selectInput option{color:#fff;background:#090714}.CssFlexboxWorkspace-module__bVRGKW__stagePane{background:#090714;border:1.5px solid #38bdf859;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__axisIndicatorBox{color:#e0f2fe;background:#38bdf814;border:1px solid #38bdf840;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:monospace;font-size:.78rem;display:flex}.CssFlexboxWorkspace-module__bVRGKW__flexContainerStage{background:#040d14;border:2px dashed #38bdf880;border-radius:12px;min-height:280px;padding:16px;transition:all .2s;position:relative}.CssFlexboxWorkspace-module__bVRGKW__flexItemBox{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf8;border-radius:10px;justify-content:center;align-items:center;min-width:60px;min-height:50px;padding:10px 14px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c74d}.CssFlexboxWorkspace-module__bVRGKW__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.CssFlexboxWorkspace-module__bVRGKW__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.CssFlexboxWorkspace-module__bVRGKW__quizCard{background:linear-gradient(#0b1a29 0%,#061019 100%);border:2px solid #38bdf8;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #38bdf833}.CssFlexboxWorkspace-module__bVRGKW__quizHeader{margin-bottom:24px}.CssFlexboxWorkspace-module__bVRGKW__quizBadge{color:#090714;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}.CssFlexboxWorkspace-module__bVRGKW__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.CssFlexboxWorkspace-module__bVRGKW__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.CssFlexboxWorkspace-module__bVRGKW__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.CssFlexboxWorkspace-module__bVRGKW__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.CssFlexboxWorkspace-module__bVRGKW__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__quizOptionBtn:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8;transform:translate(4px)}.CssFlexboxWorkspace-module__bVRGKW__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.CssFlexboxWorkspace-module__bVRGKW__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__quizFooter{justify-content:flex-end;display:flex}.CssFlexboxWorkspace-module__bVRGKW__quizScoreBox{text-align:center;padding:30px 20px}.CssFlexboxWorkspace-module__bVRGKW__quizScoreBig{color:#38bdf8;margin-bottom:10px;font-size:3.5rem;font-weight:900}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__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}.CssFlexboxWorkspace-module__bVRGKW__navFooterBtn:hover{color:#fff;background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}
.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__container{max-width:1040px;margin:0 auto}.CssGridWorkspace-module__a8MhyW__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.CssGridWorkspace-module__a8MhyW__breadLink{color:#a855f7;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.CssGridWorkspace-module__a8MhyW__breadLink:hover{color:#c084fc;text-decoration:underline}.CssGridWorkspace-module__a8MhyW__breadSep{color:#ffffff40}.CssGridWorkspace-module__a8MhyW__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.CssGridWorkspace-module__a8MhyW__hero{background:linear-gradient(135deg,#a855f72e 0%,#6366f124 50%,#ec489914 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}.CssGridWorkspace-module__a8MhyW__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f740 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.CssGridWorkspace-module__a8MhyW__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.CssGridWorkspace-module__a8MhyW__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.CssGridWorkspace-module__a8MhyW__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.CssGridWorkspace-module__a8MhyW__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #a855f766}.CssGridWorkspace-module__a8MhyW__heroBtn:hover{background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #a855f799}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.CssGridWorkspace-module__a8MhyW__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.CssGridWorkspace-module__a8MhyW__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.CssGridWorkspace-module__a8MhyW__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__tocItem:hover{color:#c084fc;background:#a855f71a;transform:translate(3px)}.CssGridWorkspace-module__a8MhyW__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.CssGridWorkspace-module__a8MhyW__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.CssGridWorkspace-module__a8MhyW__sectionNumber{color:#c084fc;background:#a855f72e;border:1px solid #a855f766;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.CssGridWorkspace-module__a8MhyW__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.CssGridWorkspace-module__a8MhyW__subHeading{color:#e9d5ff;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.CssGridWorkspace-module__a8MhyW__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.CssGridWorkspace-module__a8MhyW__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.CssGridWorkspace-module__a8MhyW__bulletList li{margin-bottom:8px}.CssGridWorkspace-module__a8MhyW__bulletList strong{color:#fff}.CssGridWorkspace-module__a8MhyW__cardGrid2,.CssGridWorkspace-module__a8MhyW__cardGrid3,.CssGridWorkspace-module__a8MhyW__cardGrid4{gap:16px;margin:20px 0;display:grid}.CssGridWorkspace-module__a8MhyW__cardGrid2{grid-template-columns:repeat(2,1fr)}.CssGridWorkspace-module__a8MhyW__cardGrid3{grid-template-columns:repeat(3,1fr)}.CssGridWorkspace-module__a8MhyW__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.CssGridWorkspace-module__a8MhyW__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.CssGridWorkspace-module__a8MhyW__cardGrid2,.CssGridWorkspace-module__a8MhyW__cardGrid3,.CssGridWorkspace-module__a8MhyW__cardGrid4{grid-template-columns:1fr}}.CssGridWorkspace-module__a8MhyW__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.CssGridWorkspace-module__a8MhyW__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.CssGridWorkspace-module__a8MhyW__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.CssGridWorkspace-module__a8MhyW__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.CssGridWorkspace-module__a8MhyW__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.CssGridWorkspace-module__a8MhyW__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.CssGridWorkspace-module__a8MhyW__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.CssGridWorkspace-module__a8MhyW__labCard{background:linear-gradient(#1b0a2a 0%,#100619 100%);border:2px solid #a855f7;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #a855f738}.CssGridWorkspace-module__a8MhyW__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.CssGridWorkspace-module__a8MhyW__labBadge{color:#fff;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}.CssGridWorkspace-module__a8MhyW__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.CssGridWorkspace-module__a8MhyW__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.CssGridWorkspace-module__a8MhyW__playgroundSplit{grid-template-columns:1.05fr 1.15fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.CssGridWorkspace-module__a8MhyW__playgroundSplit{grid-template-columns:1fr}}.CssGridWorkspace-module__a8MhyW__controlsPane{background:#090714;border:1.5px solid #a855f759;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.CssGridWorkspace-module__a8MhyW__controlsHeader{color:#c084fc;background:#251036;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.CssGridWorkspace-module__a8MhyW__controlsBody{flex-direction:column;gap:12px;padding:16px;display:flex}.CssGridWorkspace-module__a8MhyW__controlRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.CssGridWorkspace-module__a8MhyW__controlLabel{color:#cbd5e1;font-family:monospace;font-size:.82rem;font-weight:600}.CssGridWorkspace-module__a8MhyW__selectInput{color:#c084fc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:5px 8px;font-family:monospace;font-size:.82rem;font-weight:700}.CssGridWorkspace-module__a8MhyW__selectInput option{color:#fff;background:#090714}.CssGridWorkspace-module__a8MhyW__stagePane{background:#090714;border:1.5px solid #a855f759;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.CssGridWorkspace-module__a8MhyW__gridVisualizerWrapper{background:#040810;border:2px dashed #a855f780;border-radius:12px;min-height:280px;padding:24px 16px 16px 24px;transition:all .2s;position:relative}.CssGridWorkspace-module__a8MhyW__columnLinesHeader{color:#c084fc;justify-content:space-between;font-family:monospace;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:4px;left:24px;right:16px}.CssGridWorkspace-module__a8MhyW__rowLinesSidebar{color:#c084fc;flex-direction:column;justify-content:space-between;font-family:monospace;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:24px;bottom:16px;left:6px}.CssGridWorkspace-module__a8MhyW__gridContainerStage{width:100%;height:100%;min-height:240px;transition:all .2s;display:grid}.CssGridWorkspace-module__a8MhyW__gridItemBox{color:#fff;background:linear-gradient(135deg,#7e22ce 0%,#6b21a8 100%);border:1.5px solid #a855f7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:8px;font-size:.92rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #7e22ce4d}.CssGridWorkspace-module__a8MhyW__gridItemBoxSpecial{background:linear-gradient(135deg,#db2777 0%,#be185d 100%)!important;border-color:#f472b6!important;box-shadow:0 4px 18px #db277766!important}.CssGridWorkspace-module__a8MhyW__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.CssGridWorkspace-module__a8MhyW__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.CssGridWorkspace-module__a8MhyW__quizCard{background:linear-gradient(#190928 0%,#0d0416 100%);border:2px solid #a855f7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #a855f733}.CssGridWorkspace-module__a8MhyW__quizHeader{margin-bottom:24px}.CssGridWorkspace-module__a8MhyW__quizBadge{color:#fff;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}.CssGridWorkspace-module__a8MhyW__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.CssGridWorkspace-module__a8MhyW__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.CssGridWorkspace-module__a8MhyW__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.CssGridWorkspace-module__a8MhyW__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.CssGridWorkspace-module__a8MhyW__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__quizOptionBtn:hover:not(:disabled){background:#a855f71f;border-color:#a855f7;transform:translate(4px)}.CssGridWorkspace-module__a8MhyW__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.CssGridWorkspace-module__a8MhyW__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__quizFooter{justify-content:flex-end;display:flex}.CssGridWorkspace-module__a8MhyW__quizScoreBox{text-align:center;padding:30px 20px}.CssGridWorkspace-module__a8MhyW__quizScoreBig{color:#c084fc;margin-bottom:10px;font-size:3.5rem;font-weight:900}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__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}.CssGridWorkspace-module__a8MhyW__navFooterBtn:hover{color:#fff;background:#a855f726;border-color:#a855f7;transform:translateY(-1px)}
.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__container{max-width:1040px;margin:0 auto}.ResponsiveDesignWorkspace-module__7xWR8a__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__breadLink{color:#06b6d4;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ResponsiveDesignWorkspace-module__7xWR8a__breadLink:hover{color:#22d3ee;text-decoration:underline}.ResponsiveDesignWorkspace-module__7xWR8a__breadSep{color:#ffffff40}.ResponsiveDesignWorkspace-module__7xWR8a__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ResponsiveDesignWorkspace-module__7xWR8a__hero{background:linear-gradient(135deg,#06b6d42e 0%,#3b82f624 50%,#10b98114 100%);border:1.5px solid #06b6d459;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ResponsiveDesignWorkspace-module__7xWR8a__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d440 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ResponsiveDesignWorkspace-module__7xWR8a__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.ResponsiveDesignWorkspace-module__7xWR8a__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.ResponsiveDesignWorkspace-module__7xWR8a__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__heroBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #06b6d466}.ResponsiveDesignWorkspace-module__7xWR8a__heroBtn:hover{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 6px 24px #06b6d499}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.ResponsiveDesignWorkspace-module__7xWR8a__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.ResponsiveDesignWorkspace-module__7xWR8a__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__tocItem:hover{color:#22d3ee;background:#06b6d41a;transform:translate(3px)}.ResponsiveDesignWorkspace-module__7xWR8a__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.ResponsiveDesignWorkspace-module__7xWR8a__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__sectionNumber{color:#22d3ee;background:#06b6d42e;border:1px solid #06b6d466;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.ResponsiveDesignWorkspace-module__7xWR8a__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.ResponsiveDesignWorkspace-module__7xWR8a__subHeading{color:#a5f3fc;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.ResponsiveDesignWorkspace-module__7xWR8a__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.ResponsiveDesignWorkspace-module__7xWR8a__bulletList li{margin-bottom:8px}.ResponsiveDesignWorkspace-module__7xWR8a__bulletList strong{color:#fff}.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid2,.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid3,.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid4{gap:16px;margin:20px 0;display:grid}.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid2{grid-template-columns:repeat(2,1fr)}.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid3{grid-template-columns:repeat(3,1fr)}.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid2,.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid3,.ResponsiveDesignWorkspace-module__7xWR8a__cardGrid4{grid-template-columns:1fr}}.ResponsiveDesignWorkspace-module__7xWR8a__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.ResponsiveDesignWorkspace-module__7xWR8a__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.ResponsiveDesignWorkspace-module__7xWR8a__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.ResponsiveDesignWorkspace-module__7xWR8a__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.ResponsiveDesignWorkspace-module__7xWR8a__codeBox{color:#a5f3fc;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}.ResponsiveDesignWorkspace-module__7xWR8a__callout{color:#a5f3fc;background:#06b6d414;border-left:4px solid #06b6d4;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.ResponsiveDesignWorkspace-module__7xWR8a__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.ResponsiveDesignWorkspace-module__7xWR8a__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.ResponsiveDesignWorkspace-module__7xWR8a__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.ResponsiveDesignWorkspace-module__7xWR8a__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ResponsiveDesignWorkspace-module__7xWR8a__labCard{background:linear-gradient(#081a24 0%,#051017 100%);border:2px solid #06b6d4;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #06b6d438}.ResponsiveDesignWorkspace-module__7xWR8a__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__labBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#06b6d4;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ResponsiveDesignWorkspace-module__7xWR8a__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.ResponsiveDesignWorkspace-module__7xWR8a__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.ResponsiveDesignWorkspace-module__7xWR8a__viewportControlBar{background:#090714;border:1.5px solid #06b6d459;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__devicePresetsGroup{gap:8px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__devicePresetBtn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.ResponsiveDesignWorkspace-module__7xWR8a__devicePresetBtn:hover{color:#22d3ee;background:#06b6d426;border-color:#06b6d4}.ResponsiveDesignWorkspace-module__7xWR8a__devicePresetBtnActive{font-weight:900;color:#090714!important;background:#06b6d4!important;border-color:#06b6d4!important}.ResponsiveDesignWorkspace-module__7xWR8a__simulatorStageWrapper{background:#02070c;border:2px dashed #06b6d466;border-radius:18px;justify-content:center;margin-bottom:20px;padding:24px 12px;display:flex;overflow-x:auto}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedBrowserFrame{background:#0d1622;border:2px solid #06b6d4;border-radius:12px;min-width:320px;transition:width .2s;overflow:hidden;box-shadow:0 12px 36px #0009}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedBrowserHeader{color:#94a3b8;background:#132235;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:8px 14px;font-family:monospace;font-size:.72rem;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedBrowserContent{flex-direction:column;gap:16px;padding:18px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedNavbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedLogo{color:#22d3ee;font-size:.95rem;font-weight:900}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedNavLinks{color:#cbd5e1;gap:12px;font-size:.78rem;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedHamburger{color:#22d3ee;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:.76rem;font-weight:800}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedLayoutRow{gap:14px;transition:all .2s;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedSidebar{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:12px;font-size:.78rem}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedMainArea{flex-direction:column;flex:1;gap:12px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedCardsGrid{gap:12px;transition:all .2s;display:grid}.ResponsiveDesignWorkspace-module__7xWR8a__simulatedCard{color:#fff;background:linear-gradient(135deg,#0e7490 0%,#0891b2 100%);border:1px solid #22d3ee;border-radius:8px;flex-direction:column;gap:4px;padding:12px;font-size:.8rem;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__mediaQueryInspectorCard{background:#090714;border:1.5px solid #06b6d459;border-radius:16px;margin-bottom:20px;padding:16px 20px}.ResponsiveDesignWorkspace-module__7xWR8a__inspectorTitle{color:#22d3ee;margin:0 0 10px;font-family:monospace;font-size:.82rem;font-weight:800}.ResponsiveDesignWorkspace-module__7xWR8a__activeCodeLine{color:#6ee7b7;background:#10b98126;border-left:3px solid #10b981;border-radius:0 6px 6px 0;margin-bottom:4px;padding:4px 8px;font-family:monospace;font-size:.82rem}.ResponsiveDesignWorkspace-module__7xWR8a__inactiveCodeLine{color:#64748b;margin-bottom:4px;padding:4px 8px;font-family:monospace;font-size:.82rem}.ResponsiveDesignWorkspace-module__7xWR8a__quizCard{background:linear-gradient(#091924 0%,#040e16 100%);border:2px solid #06b6d4;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #06b6d433}.ResponsiveDesignWorkspace-module__7xWR8a__quizHeader{margin-bottom:24px}.ResponsiveDesignWorkspace-module__7xWR8a__quizBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#06b6d4;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ResponsiveDesignWorkspace-module__7xWR8a__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.ResponsiveDesignWorkspace-module__7xWR8a__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.ResponsiveDesignWorkspace-module__7xWR8a__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.ResponsiveDesignWorkspace-module__7xWR8a__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__quizOptionBtn:hover:not(:disabled){background:#06b6d41f;border-color:#06b6d4;transform:translate(4px)}.ResponsiveDesignWorkspace-module__7xWR8a__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.ResponsiveDesignWorkspace-module__7xWR8a__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.ResponsiveDesignWorkspace-module__7xWR8a__quizExplanation{color:#a5f3fc;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.ResponsiveDesignWorkspace-module__7xWR8a__quizFooter{justify-content:flex-end;display:flex}.ResponsiveDesignWorkspace-module__7xWR8a__quizScoreBox{text-align:center;padding:30px 20px}.ResponsiveDesignWorkspace-module__7xWR8a__quizScoreBig{color:#22d3ee;margin-bottom:10px;font-size:3.5rem;font-weight:900}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__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}.ResponsiveDesignWorkspace-module__7xWR8a__navFooterBtn:hover{color:#fff;background:#06b6d426;border-color:#06b6d4;transform:translateY(-1px)}
.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__container{max-width:1040px;margin:0 auto}.CssAnimationsWorkspace-module__1jwJ7G__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__breadLink{color:#ec4899;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.CssAnimationsWorkspace-module__1jwJ7G__breadLink:hover{color:#f472b6;text-decoration:underline}.CssAnimationsWorkspace-module__1jwJ7G__breadSep{color:#ffffff40}.CssAnimationsWorkspace-module__1jwJ7G__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.CssAnimationsWorkspace-module__1jwJ7G__hero{background:linear-gradient(135deg,#ec48992e 0%,#a855f724 50%,#6366f114 100%);border:1.5px solid #ec489959;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.CssAnimationsWorkspace-module__1jwJ7G__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ec489940 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.CssAnimationsWorkspace-module__1jwJ7G__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.CssAnimationsWorkspace-module__1jwJ7G__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.CssAnimationsWorkspace-module__1jwJ7G__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #ec489966}.CssAnimationsWorkspace-module__1jwJ7G__heroBtn:hover{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);transform:translateY(-2px);box-shadow:0 6px 24px #ec489999}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.CssAnimationsWorkspace-module__1jwJ7G__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.CssAnimationsWorkspace-module__1jwJ7G__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__tocItem:hover{color:#f472b6;background:#ec48991a;transform:translate(3px)}.CssAnimationsWorkspace-module__1jwJ7G__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.CssAnimationsWorkspace-module__1jwJ7G__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__sectionNumber{color:#f472b6;background:#ec48992e;border:1px solid #ec489966;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.CssAnimationsWorkspace-module__1jwJ7G__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.CssAnimationsWorkspace-module__1jwJ7G__subHeading{color:#fbcfe8;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.CssAnimationsWorkspace-module__1jwJ7G__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.CssAnimationsWorkspace-module__1jwJ7G__bulletList li{margin-bottom:8px}.CssAnimationsWorkspace-module__1jwJ7G__bulletList strong{color:#fff}.CssAnimationsWorkspace-module__1jwJ7G__cardGrid2,.CssAnimationsWorkspace-module__1jwJ7G__cardGrid3,.CssAnimationsWorkspace-module__1jwJ7G__cardGrid4{gap:16px;margin:20px 0;display:grid}.CssAnimationsWorkspace-module__1jwJ7G__cardGrid2{grid-template-columns:repeat(2,1fr)}.CssAnimationsWorkspace-module__1jwJ7G__cardGrid3{grid-template-columns:repeat(3,1fr)}.CssAnimationsWorkspace-module__1jwJ7G__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.CssAnimationsWorkspace-module__1jwJ7G__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.CssAnimationsWorkspace-module__1jwJ7G__cardGrid2,.CssAnimationsWorkspace-module__1jwJ7G__cardGrid3,.CssAnimationsWorkspace-module__1jwJ7G__cardGrid4{grid-template-columns:1fr}}.CssAnimationsWorkspace-module__1jwJ7G__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.CssAnimationsWorkspace-module__1jwJ7G__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.CssAnimationsWorkspace-module__1jwJ7G__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.CssAnimationsWorkspace-module__1jwJ7G__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.CssAnimationsWorkspace-module__1jwJ7G__codeBox{color:#fbcfe8;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}.CssAnimationsWorkspace-module__1jwJ7G__callout{color:#fbcfe8;background:#ec489914;border-left:4px solid #ec4899;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.CssAnimationsWorkspace-module__1jwJ7G__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.CssAnimationsWorkspace-module__1jwJ7G__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.CssAnimationsWorkspace-module__1jwJ7G__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.CssAnimationsWorkspace-module__1jwJ7G__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.CssAnimationsWorkspace-module__1jwJ7G__labCard{background:linear-gradient(#1c0822 0%,#100414 100%);border:2px solid #ec4899;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #ec489938}.CssAnimationsWorkspace-module__1jwJ7G__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__labBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#ec4899;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssAnimationsWorkspace-module__1jwJ7G__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.CssAnimationsWorkspace-module__1jwJ7G__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.CssAnimationsWorkspace-module__1jwJ7G__playgroundSplit{grid-template-columns:1.05fr 1.15fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.CssAnimationsWorkspace-module__1jwJ7G__playgroundSplit{grid-template-columns:1fr}}.CssAnimationsWorkspace-module__1jwJ7G__controlsPane{background:#090714;border:1.5px solid #ec489959;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.CssAnimationsWorkspace-module__1jwJ7G__controlsHeader{color:#f472b6;background:#2b0c30;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__controlsBody{flex-direction:column;gap:12px;padding:16px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__controlRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__controlLabel{color:#cbd5e1;font-family:monospace;font-size:.82rem;font-weight:600}.CssAnimationsWorkspace-module__1jwJ7G__selectInput{color:#f472b6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:5px 8px;font-family:monospace;font-size:.82rem;font-weight:700}.CssAnimationsWorkspace-module__1jwJ7G__selectInput option{color:#fff;background:#090714}.CssAnimationsWorkspace-module__1jwJ7G__modeSwitchGroup{background:#ffffff0d;border-radius:8px;gap:4px;padding:3px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__modeSwitchBtn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:.76rem;font-weight:800;transition:all .15s}.CssAnimationsWorkspace-module__1jwJ7G__modeSwitchBtnActive{color:#fff!important;background:#ec4899!important}.CssAnimationsWorkspace-module__1jwJ7G__stagePane{background:#090714;border:1.5px solid #ec489959;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__timelineVisualizerBox{background:#ec489914;border:1px solid #ec489940;border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;font-family:monospace;font-size:.76rem;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__timelineTrack{justify-content:space-between;align-items:center;margin:6px 0;display:flex;position:relative}.CssAnimationsWorkspace-module__1jwJ7G__timelineLine{z-index:1;background:#ec489966;height:2px;position:absolute;left:0;right:0}.CssAnimationsWorkspace-module__1jwJ7G__timelineNode{color:#fff;z-index:2;background:#ec4899;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.68rem;font-weight:900;display:flex;position:relative;box-shadow:0 0 10px #ec489999}.CssAnimationsWorkspace-module__1jwJ7G__motionStageContainer{background:#040810;border:2px dashed #ec489980;border-radius:12px;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.CssAnimationsWorkspace-module__1jwJ7G__animatedButtonTarget{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:2px solid #f472b6;border-radius:14px;align-items:center;gap:8px;padding:16px 32px;font-size:1.05rem;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #ec489966}@keyframes CssAnimationsWorkspace-module__1jwJ7G__pulseGlow{0%{transform:scale(1);box-shadow:0 0 #ec4899b3}50%{transform:scale(1.1);box-shadow:0 0 24px 10px #ec489980}to{transform:scale(1);box-shadow:0 0 #ec489900}}@keyframes CssAnimationsWorkspace-module__1jwJ7G__spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes CssAnimationsWorkspace-module__1jwJ7G__slideFadeIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes CssAnimationsWorkspace-module__1jwJ7G__bouncePop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.CssAnimationsWorkspace-module__1jwJ7G__animPulse{animation:1.5s ease-in-out infinite CssAnimationsWorkspace-module__1jwJ7G__pulseGlow}.CssAnimationsWorkspace-module__1jwJ7G__animSpin{animation:1.2s linear infinite CssAnimationsWorkspace-module__1jwJ7G__spinLoader}.CssAnimationsWorkspace-module__1jwJ7G__animSlide{animation:.8s ease-in-out infinite alternate CssAnimationsWorkspace-module__1jwJ7G__slideFadeIn}.CssAnimationsWorkspace-module__1jwJ7G__animBounce{animation:1.2s ease-in-out infinite alternate CssAnimationsWorkspace-module__1jwJ7G__bouncePop}.CssAnimationsWorkspace-module__1jwJ7G__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.CssAnimationsWorkspace-module__1jwJ7G__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__quizCard{background:linear-gradient(#1b0722 0%,#0e0312 100%);border:2px solid #ec4899;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #ec489933}.CssAnimationsWorkspace-module__1jwJ7G__quizHeader{margin-bottom:24px}.CssAnimationsWorkspace-module__1jwJ7G__quizBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#ec4899;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.CssAnimationsWorkspace-module__1jwJ7G__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.CssAnimationsWorkspace-module__1jwJ7G__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.CssAnimationsWorkspace-module__1jwJ7G__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.CssAnimationsWorkspace-module__1jwJ7G__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__quizOptionBtn:hover:not(:disabled){background:#ec48991f;border-color:#ec4899;transform:translate(4px)}.CssAnimationsWorkspace-module__1jwJ7G__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.CssAnimationsWorkspace-module__1jwJ7G__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.CssAnimationsWorkspace-module__1jwJ7G__quizExplanation{color:#fbcfe8;background:#ec48991a;border:1px solid #ec48994d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.CssAnimationsWorkspace-module__1jwJ7G__quizFooter{justify-content:flex-end;display:flex}.CssAnimationsWorkspace-module__1jwJ7G__quizScoreBox{text-align:center;padding:30px 20px}.CssAnimationsWorkspace-module__1jwJ7G__quizScoreBig{color:#f472b6;margin-bottom:10px;font-size:3.5rem;font-weight:900}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__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}.CssAnimationsWorkspace-module__1jwJ7G__navFooterBtn:hover{color:#fff;background:#ec489926;border-color:#ec4899;transform:translateY(-1px)}
.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__container{max-width:1040px;margin:0 auto}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__breadLink{color:#facc15;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__breadLink:hover{color:#fde047;text-decoration:underline}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__breadSep{color:#ffffff40}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__hero{background:linear-gradient(135deg,#facc152e 0%,#f59e0b24 50%,#ea580c14 100%);border:1.5px solid #facc1559;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#facc1540 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#facc15 0%,#eab308 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 #facc1566}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroBtn:hover{background:linear-gradient(135deg,#fde047 0%,#facc15 100%);transform:translateY(-2px);box-shadow:0 6px 24px #facc1599}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__tocCard{background:#131122;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__tocItem:hover{color:#fde047;background:#facc151a;transform:translate(3px)}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__section{background:#110e1c;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__sectionNumber{color:#fde047;background:#facc152e;border:1px solid #facc1566;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__subHeading{color:#fef08a;align-items:center;gap:8px;margin:24px 0 12px;font-size:1.15rem;font-weight:700;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__bulletList li{margin-bottom:8px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__bulletList strong{color:#fff}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid2,.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid3,.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid4{gap:16px;margin:20px 0;display:grid}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid2{grid-template-columns:repeat(2,1fr)}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid3{grid-template-columns:repeat(3,1fr)}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid2,.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid3,.JavaScriptFundamentalsWorkspace-module__Mz-kAG__cardGrid4{grid-template-columns:1fr}}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__infoCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__infoCardBadge{text-transform:uppercase;border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__infoCardTitle{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__infoCardText{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__codeBox{color:#fef08a;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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__callout{color:#fef08a;background:#facc1514;border-left:4px solid #facc15;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__labCard{background:linear-gradient(#1c1806 0%,#100d03 100%);border:2px solid #facc15;border-radius:24px;margin:40px 0;padding:34px 30px;position:relative;box-shadow:0 16px 48px #facc1538}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__labBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#facc15;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__conceptTabsBar{gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__conceptTabBtn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__conceptTabBtn:hover{color:#fde047;background:#facc1526;border-color:#facc15}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__conceptTabBtnActive{font-weight:900;color:#090714!important;background:#facc15!important;border-color:#facc15!important}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__playgroundSplit{grid-template-columns:1.15fr 1.05fr;gap:20px;margin-bottom:20px;display:grid}@media (max-width:860px){.JavaScriptFundamentalsWorkspace-module__Mz-kAG__playgroundSplit{grid-template-columns:1fr}}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__editorPane{background:#090714;border:1.5px solid #facc1559;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__editorHeader{color:#fde047;background:#262007;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__codeTextarea{color:#fef08a;resize:vertical;background:#06050e;border:none;outline:none;width:100%;height:220px;padding:14px;font-family:Consolas,Fira Code,monospace;font-size:.88rem;line-height:1.55}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__editorFooter{background:#110e1c;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__runBtn{color:#090714;cursor:pointer;background:linear-gradient(135deg,#facc15 0%,#eab308 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:900;transition:all .15s;display:inline-flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__runBtn:hover{background:#fde047;transform:translateY(-1px)}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__consolePane{background:#090714;border:1.5px solid #facc1559;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__consoleHeader{color:#fde047;background:#262007;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem;font-weight:800;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__consoleBody{color:#e2e8f0;background:#04030a;flex-direction:column;flex:1;gap:6px;min-height:200px;padding:14px;font-family:Consolas,Fira Code,monospace;font-size:.84rem;display:flex;overflow-y:auto}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__consoleLine{word-break:break-all;align-items:flex-start;gap:8px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__consolePrefix{color:#facc15;-webkit-user-select:none;user-select:none;font-weight:800}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizCard{background:linear-gradient(#1b1705 0%,#0e0c02 100%);border:2px solid #facc15;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #facc1533}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizHeader{margin-bottom:24px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizBadge{color:#090714;text-transform:uppercase;letter-spacing:.06em;background:#facc15;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizOptionBtn:hover:not(:disabled){background:#facc151f;border-color:#facc15;transform:translate(4px)}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizOptionCorrect{color:#fff!important;background:#10b9812e!important;border-color:#10b981!important}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizOptionWrong{color:#fff!important;background:#ef44442e!important;border-color:#ef4444!important}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizExplanation{color:#fef08a;background:#facc151a;border:1px solid #facc154d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizFooter{justify-content:flex-end;display:flex}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizScoreBox{text-align:center;padding:30px 20px}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__quizScoreBig{color:#facc15;margin-bottom:10px;font-size:3.5rem;font-weight:900}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__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}.JavaScriptFundamentalsWorkspace-module__Mz-kAG__navFooterBtn:hover{color:#fff;background:#facc1526;border-color:#facc15;transform:translateY(-1px)}