.Features-module__qsm02W__section{width:min(100% - 2 * var(--space-4), var(--container-max));padding:var(--section-padding-block) 0;margin-inline:auto}.Features-module__qsm02W__header{text-align:center;margin-bottom:clamp(var(--space-10), 6vw, var(--space-16));align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.Features-module__qsm02W__pill{padding:4px var(--space-3) 4px 4px;background:var(--color-text);color:var(--color-text-onSolid);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.Features-module__qsm02W__pillIcon{border-radius:var(--radius-full);background:var(--color-surface);width:1.25rem;height:1.25rem;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.Features-module__qsm02W__pillIconGlyph{width:.75rem;height:.75rem}.Features-module__qsm02W__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text);max-width:38rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:400;line-height:1.1}.Features-module__qsm02W__subtitle{font-size:clamp(var(--text-base), 1.6vw, var(--text-lg));color:var(--color-text-muted);max-width:36rem;line-height:1.55}.Features-module__qsm02W__grid{gap:var(--space-5);grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;display:grid}.Features-module__qsm02W__card{padding:var(--space-6);background:var(--color-surface);border:2px solid var(--color-surface-hover);border-radius:var(--radius-2xl);flex-direction:column;display:flex}.Features-module__qsm02W__cardQuizzes{grid-area:1/1}.Features-module__qsm02W__cardLessons{grid-area:1/2/span 2}.Features-module__qsm02W__cardVisualizations{grid-area:1/3}.Features-module__qsm02W__cardExamples{grid-area:2/1}.Features-module__qsm02W__cardProgress{grid-area:2/3}.Features-module__qsm02W__preview{border-radius:var(--radius-xl);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);min-height:12rem;margin-bottom:var(--space-5);-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__preview{flex-grow:1;min-height:16rem}.Features-module__qsm02W__cardVisualizations .Features-module__qsm02W__preview,.Features-module__qsm02W__cardProgress .Features-module__qsm02W__preview,.Features-module__qsm02W__cardExamples .Features-module__qsm02W__preview,.Features-module__qsm02W__cardQuizzes .Features-module__qsm02W__preview,.Features-module__qsm02W__cardLessons .Features-module__qsm02W__preview{background:color-mix(in srgb, var(--color-surface) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--color-surface-hover);border-radius:var(--radius-2xl);box-shadow:0 1px 20px #e0d7c680}.Features-module__qsm02W__solarWrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.Features-module__qsm02W__solarCanvas{width:95%;max-width:16rem;height:auto;display:block}.Features-module__qsm02W__solarSunGlow{fill:color-mix(in srgb, var(--color-primary) 28%, transparent);opacity:0;animation:.5s ease-out .1s forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarSun{fill:var(--color-primary);opacity:0;animation:.5s ease-out .1s forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarOrbit{fill:none;stroke:color-mix(in srgb, var(--color-text) 22%, transparent);stroke-width:.8px;stroke-dasharray:2 3;opacity:0;animation:.5s ease-out forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarOrbitInner{animation-delay:.4s}.Features-module__qsm02W__solarOrbitMiddle{animation-delay:.8s}.Features-module__qsm02W__solarOrbitOuter{animation-delay:1.3s}.Features-module__qsm02W__solarOrbitMoon{fill:none;stroke:color-mix(in srgb, var(--color-text) 14%, transparent);stroke-width:.5px;stroke-dasharray:1 2;opacity:0;animation:.5s ease-out 1.1s forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarPlanet{opacity:0;animation:.5s ease-out forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarPlanetInner{fill:color-mix(in srgb, var(--color-text) 70%, white 30%);animation-delay:.7s}.Features-module__qsm02W__solarPlanetEarth{fill:var(--color-blue);opacity:0;animation:.5s ease-out 1.1s forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarMoon{fill:color-mix(in srgb, var(--color-text) 45%, white 55%);opacity:0;animation:.5s ease-out 1.3s forwards Features-module__qsm02W__solarFadeIn}.Features-module__qsm02W__solarPlanetOuter{fill:color-mix(in srgb, var(--color-text) 65%, var(--color-primary) 35%);animation-delay:1.5s}@keyframes Features-module__qsm02W__solarFadeIn{to{opacity:1}}.Features-module__qsm02W__solarTooltip{background:var(--color-text);color:var(--color-text-onSolid);white-space:nowrap;z-index:2;pointer-events:none;opacity:0;border-radius:6px;flex-direction:column;gap:1px;padding:4px 8px;font-size:.625rem;line-height:1.3;animation:.4s ease-out forwards Features-module__qsm02W__solarFadeIn;display:flex;position:absolute;box-shadow:0 4px 12px #00000040}.Features-module__qsm02W__solarTooltipForce{bottom:var(--space-3);right:var(--space-3);animation-delay:2s}.Features-module__qsm02W__solarTooltipValue{font-weight:700}.Features-module__qsm02W__solarTooltipCaption{color:color-mix(in srgb, var(--color-text-onSolid) 60%, transparent)}@media (prefers-reduced-motion:reduce){.Features-module__qsm02W__solarSun,.Features-module__qsm02W__solarSunGlow,.Features-module__qsm02W__solarOrbit,.Features-module__qsm02W__solarOrbitMoon,.Features-module__qsm02W__solarPlanet,.Features-module__qsm02W__solarPlanetEarth,.Features-module__qsm02W__solarPlanetInner,.Features-module__qsm02W__solarPlanetOuter,.Features-module__qsm02W__solarMoon,.Features-module__qsm02W__solarTooltip{opacity:1;animation:none}}.Features-module__qsm02W__progressWrap{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.Features-module__qsm02W__progressHeader{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.Features-module__qsm02W__progressTitle{color:var(--color-text);letter-spacing:.01em;align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:700;display:inline-flex}.Features-module__qsm02W__progressTitleDot{border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px;display:inline-block}.Features-module__qsm02W__progressCaption{color:var(--color-text-muted);letter-spacing:.02em;margin:0;font-size:.65rem}.Features-module__qsm02W__progressHeatmap{flex-shrink:0;gap:2px;display:flex;position:relative}.Features-module__qsm02W__progressHeatmapCol{flex-direction:column;gap:2px;display:flex}.Features-module__qsm02W__progressHeatmapCell{background:var(--color-surface-active);transform-origin:50%;border-radius:2px;width:7px;height:7px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),outline-color .2s ease-out,background-color .3s ease-out;position:relative}.Features-module__qsm02W__progressHeatmapCell[data-level="1"]{background:color-mix(in srgb, var(--color-primary) 30%, var(--color-surface-active))}.Features-module__qsm02W__progressHeatmapCell[data-level="2"]{background:color-mix(in srgb, var(--color-primary) 55%, var(--color-surface-active))}.Features-module__qsm02W__progressHeatmapCell[data-level="3"]{background:color-mix(in srgb, var(--color-primary) 80%, var(--color-surface-active))}.Features-module__qsm02W__progressHeatmapCell[data-level="4"]{background:var(--color-primary)}.Features-module__qsm02W__progressHeatmapCell[data-cursor]{outline-offset:1px;z-index:1;outline:1px solid #fff;transform:scale(1.5)}.Features-module__qsm02W__progressCursor{width:14px;height:14px;color:var(--color-text);filter:drop-shadow(0 1px 2px #00000059);pointer-events:none;z-index:3;position:absolute;top:0;left:0}.Features-module__qsm02W__progressCursorIcon{width:100%;height:100%}.Features-module__qsm02W__progressTooltip{background:var(--color-text);color:var(--color-text-onSolid);white-space:nowrap;z-index:2;pointer-events:none;border-radius:6px;flex-direction:column;gap:1px;margin-top:14px;margin-left:16px;padding:4px 8px;font-size:.625rem;line-height:1.3;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 12px #00000040}.Features-module__qsm02W__progressTooltipValue{font-weight:700}.Features-module__qsm02W__progressTooltipCaption{color:color-mix(in srgb, var(--color-text-onSolid) 60%, transparent)}.Features-module__qsm02W__examplesWrap{width:100%;height:100%;padding:var(--space-3) var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.Features-module__qsm02W__examplesStage{flex:auto;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.Features-module__qsm02W__examplesCard{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute;inset:0}.Features-module__qsm02W__examplesProblem{color:var(--color-text);font-size:.95rem}.Features-module__qsm02W__examplesProblem .katex-display{margin:0}.Features-module__qsm02W__examplesSteps{flex-direction:column;align-items:center;gap:2px;display:flex}.Features-module__qsm02W__examplesStep{color:var(--color-text-muted);font-size:.8rem}.Features-module__qsm02W__examplesStep .katex-display{margin:0}.Features-module__qsm02W__examplesStepMath{display:inline-block}.Features-module__qsm02W__quizWrap{width:100%;height:100%;padding:var(--space-3) var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.Features-module__qsm02W__quizStage{flex:auto;align-items:center;width:100%;display:flex;position:relative}.Features-module__qsm02W__quizCard{justify-content:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute;inset:0}.Features-module__qsm02W__quizQuestion{color:var(--color-text);text-align:center;margin:0;font-size:.78rem;font-weight:600}.Features-module__qsm02W__quizOptions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.Features-module__qsm02W__quizOptionItem{list-style:none}.Features-module__qsm02W__quizOption{justify-content:space-between;align-items:center;gap:var(--space-2);padding:5px var(--space-3);background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius-md);color:var(--color-text);font-size:.75rem;transition:background-color .28s ease-out,border-color .28s ease-out,color .28s ease-out,opacity .28s ease-out;display:flex}.Features-module__qsm02W__quizOption[data-state=correct]{background:var(--color-success-subtle);border-color:var(--color-success);animation:.4s cubic-bezier(.34,1.56,.64,1) Features-module__qsm02W__quizCorrectPop}.Features-module__qsm02W__quizOption[data-state=wrong]{opacity:.55;color:var(--color-text-muted)}.Features-module__qsm02W__quizOption[data-state=wrong] .Features-module__qsm02W__quizOptionLabel{text-decoration:line-through}@keyframes Features-module__qsm02W__quizCorrectPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.Features-module__qsm02W__quizOptionLabel{flex:auto}.Features-module__qsm02W__quizOptionIconSlot{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.Features-module__qsm02W__quizOptionIcon{width:.9rem;height:.9rem}.Features-module__qsm02W__quizOption[data-state=correct] .Features-module__qsm02W__quizOptionIcon{color:var(--color-success)}.Features-module__qsm02W__quizOption[data-state=wrong] .Features-module__qsm02W__quizOptionIcon{color:var(--color-danger)}.Features-module__qsm02W__lessonsWrap{width:100%;height:100%;padding:var(--space-4);position:relative;overflow:hidden}.Features-module__qsm02W__lessonsCurve{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.Features-module__qsm02W__lessonsCurve path{fill:none;stroke:var(--color-primary-text);stroke-width:1.8px;stroke-linecap:round;opacity:.9}.Features-module__qsm02W__lessonsSlot{justify-content:center;align-items:center;display:flex;position:absolute}.Features-module__qsm02W__lessonsSlot[data-slot="0"]{width:72%;top:2%;left:-6%;transform:rotate(-7deg)}.Features-module__qsm02W__lessonsSlot[data-slot="1"]{width:76%;top:22%;right:-6%;transform:rotate(5deg)}.Features-module__qsm02W__lessonsSlot[data-slot="2"]{width:76%;top:42%;left:-4%;transform:rotate(-4deg)}.Features-module__qsm02W__lessonsSlot[data-slot="3"]{width:78%;top:62%;right:-8%;transform:rotate(6deg)}.Features-module__qsm02W__lessonsSlot[data-slot="4"]{width:78%;bottom:2%;left:-2%;transform:rotate(-5deg)}.Features-module__qsm02W__lessonCard{background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius-md);flex-direction:column;gap:6px;width:100%;padding:8px 10px;display:flex;box-shadow:0 6px 16px #00000014}.Features-module__qsm02W__lessonSkeleton{flex-direction:column;gap:3px;display:flex}.Features-module__qsm02W__lessonSkeletonBar{border-radius:var(--radius-full);background:var(--color-primary-subtle);width:65%;height:5px;display:block}.Features-module__qsm02W__lessonSkeletonBar[data-len=short]{opacity:.7;width:45%}.Features-module__qsm02W__lessonFooter{justify-content:space-between;align-items:center;gap:6px;display:flex}.Features-module__qsm02W__lessonTitle{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.72rem;font-weight:600;line-height:1.3;overflow:hidden}.Features-module__qsm02W__lessonPill{background:var(--color-primary);color:var(--color-primary-fg);border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.58rem;font-weight:600;display:inline-flex}.Features-module__qsm02W__previewIcon{width:4rem;height:4rem;color:var(--color-primary);transform:rotate(-8deg)}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__previewIcon{width:5.5rem;height:5.5rem}.Features-module__qsm02W__cardTitle{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:500}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__cardTitle{font-size:var(--text-2xl)}.Features-module__qsm02W__cardDescription{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}@media (max-width:900px){.Features-module__qsm02W__grid{grid-template-columns:1fr 1fr}.Features-module__qsm02W__cardQuizzes,.Features-module__qsm02W__cardLessons,.Features-module__qsm02W__cardVisualizations,.Features-module__qsm02W__cardExamples,.Features-module__qsm02W__cardProgress{grid-area:auto}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__preview{min-height:12rem}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__previewIcon{width:4rem;height:4rem}.Features-module__qsm02W__cardLessons .Features-module__qsm02W__cardTitle{font-size:var(--text-xl)}}@media (max-width:560px){.Features-module__qsm02W__grid{grid-template-columns:1fr}}
