.learn-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.learn-layer{position:absolute;top:-10%;right:0;left:0;height:120%}.learn-dots{background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,black 0,black 40%,transparent 95%)}.learn-wires{fill:none;stroke:rgba(255,255,255,.075);stroke-width:1;mask-image:radial-gradient(ellipse 70% 60% at 45% 45%,transparent 35%,black 85%)}.learn-wires circle{fill:rgba(255,255,255,.08);stroke:none}.learn-glow{background:radial-gradient(42rem 30rem at 88% 4%,color-mix(in srgb,var(--learn-accent) 24%,transparent),transparent 70%),radial-gradient(34rem 26rem at 4% 30%,rgba(255,111,32,.1),transparent 70%),radial-gradient(38rem 30rem at 94% 62%,color-mix(in srgb,var(--learn-accent) 15%,transparent),transparent 70%),radial-gradient(30rem 24rem at 10% 88%,color-mix(in srgb,var(--learn-accent) 12%,transparent),transparent 70%)}.learn-shapes span{position:absolute;border:1px solid color-mix(in srgb,var(--learn-accent) 38%,transparent);border-radius:24px;opacity:.6}.learn-shapes span:first-child{top:6%;right:4%;width:180px;height:120px}.learn-shapes span:nth-child(2){top:17%;left:-40px;width:140px;height:140px;border-radius:999px}.learn-shapes span:nth-child(3){top:29%;right:-30px;width:220px;height:90px}.learn-shapes span:nth-child(4){top:41%;left:2%;width:110px;height:160px}.learn-shapes span:nth-child(5){top:53%;right:3%;width:150px;height:150px;border-radius:999px}.learn-shapes span:nth-child(6){top:65%;left:-50px;width:240px;height:100px}.learn-shapes span:nth-child(7){top:77%;right:6%;width:120px;height:120px}.learn-shapes span:nth-child(8){top:89%;left:5%;width:170px;height:110px;border-radius:999px}@media (max-width:639px){.learn-shapes span{opacity:.25}.learn-wires{opacity:.6}}@keyframes learn-drift-far{to{transform:translateY(7%)}}@keyframes learn-drift-mid{to{transform:translateY(15%)}}@keyframes learn-drift-near{to{transform:translateY(-6%)}}@keyframes learn-drift-shape-up{to{transform:translateY(-38vh) rotate(16deg)}}@keyframes learn-drift-shape-down{to{transform:translateY(26vh) rotate(-12deg)}}@keyframes learn-rise{0%{transform:translateY(40px) scale(.985)}to{transform:none}}@keyframes learn-hero-rise{0%{transform:translateY(20px)}to{transform:none}}@keyframes learn-chip-in{0%{transform:translateY(10px)}to{transform:none}}@keyframes learn-open{0%{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}.learn-map-row{scrollbar-width:none}.learn-map-row::-webkit-scrollbar{display:none}.learn-tile{transition:transform .2s ease,border-color .2s ease}.learn-tile:hover{border-color:rgba(251,191,36,.4)}@media (prefers-reduced-motion:no-preference){.learn-map li{animation:learn-chip-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 55ms + .15s)}.learn-tile:hover{transform:translateY(-3px)}details[open]>.learn-answer{animation:learn-open .28s ease-out}.learn-page>div>header{animation:learn-hero-rise .8s cubic-bezier(.22,1,.36,1) both}@supports (animation-timeline:scroll()){.learn-dots,.learn-glow,.learn-shapes span,.learn-wires{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}.learn-dots{animation-name:learn-drift-far}.learn-wires{animation-name:learn-drift-mid}.learn-glow{animation-name:learn-drift-near}.learn-shapes span:nth-child(odd){animation-name:learn-drift-shape-up}.learn-shapes span:nth-child(2n){animation-name:learn-drift-shape-down}}@supports (animation-timeline:view()){.learn-page section{animation:learn-rise linear both;animation-timeline:view();animation-range:entry 0 entry 38%}}}