.learn-hover-card.svelte-1y4c3a7{--card-start:#194b6f;--card-end:#08706b;--card-frame:#e0fcf785;--card-grid:#ecfdf51f;isolation:isolate;border-radius:var(--ui-radius-card);color:#fff;border:1px solid #ffffff6b;flex-direction:column;min-width:0;min-height:15.75rem;padding:1rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 16px 32px #1d344a21}.learn-hover-card.svelte-1y4c3a7:before,.learn-hover-card.svelte-1y4c3a7:after{z-index:1;content:"";opacity:.28;pointer-events:none;transition:opacity .28s,transform .32s;position:absolute}.learn-hover-card.svelte-1y4c3a7:before{border-top:1px solid var(--card-frame);border-bottom:1px solid var(--card-frame);transform-origin:0 0;inset:1rem;transform:scaleX(.72)}.learn-hover-card.svelte-1y4c3a7:after{border-right:1px solid var(--card-frame);border-left:1px solid var(--card-frame);transform-origin:100% 0;inset:1rem;transform:scaleY(.72)}.card-backdrop.svelte-1y4c3a7{z-index:-1;background:linear-gradient(115deg, #fff3, transparent 42%), linear-gradient(180deg, #0a16220a, #0a16228f), repeating-linear-gradient(90deg, var(--card-grid) 0 1px, transparent 1px 4.25rem), repeating-linear-gradient(0deg, var(--card-grid) 0 1px, transparent 1px 4.25rem), repeating-linear-gradient(135deg, transparent 0 1.3rem, #ffffff1f 1.3rem 1.36rem, transparent 1.38rem 2.6rem), linear-gradient(135deg, var(--card-start), var(--card-end));transition:opacity .28s,transform .32s;position:absolute;inset:0;transform:translateY(-.35rem)scale(1.03)}.card-body.svelte-1y4c3a7{z-index:2;flex-direction:column;flex:1;min-width:0;padding:1.15rem;display:flex;position:relative}.card-enter.svelte-1y4c3a7{z-index:3;color:#fff;opacity:0;pointer-events:none;text-shadow:0 1px 12px #040a1257;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a16223d;border:1px solid #ffffffa3;border-radius:999px;justify-content:center;align-items:center;padding:.68rem 1.05rem;font-size:.92rem;font-weight:950;line-height:1;transition:opacity .24s,transform .28s,background .24s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)scale(.94);box-shadow:0 14px 30px #040a1233,inset 0 1px #ffffff42}h2.svelte-1y4c3a7{color:#fff;text-shadow:0 1px 16px #040a1247;font-size:1.35rem;font-weight:950;line-height:1.2;transition:transform .32s;transform:translateY(.25rem)}p.svelte-1y4c3a7{color:#ffffffd6;opacity:.88;text-shadow:0 1px 12px #040a122e;margin-top:.8rem;font-size:.9rem;font-weight:720;line-height:1.7;transition:opacity .32s,transform .32s;transform:translateY(.25rem)}.card-badges.svelte-1y4c3a7{flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:1.25rem;transition:transform .32s;display:flex;transform:translateY(.25rem)}.learn-hover-card.svelte-1y4c3a7:hover,.learn-hover-card.svelte-1y4c3a7:focus,.learn-hover-card.svelte-1y4c3a7:focus-visible{border-color:#ffffffad;transform:translateY(-2px);box-shadow:0 20px 42px #1d344a33}.learn-hover-card.svelte-1y4c3a7:hover:before,.learn-hover-card.svelte-1y4c3a7:hover:after,.learn-hover-card.svelte-1y4c3a7:focus:before,.learn-hover-card.svelte-1y4c3a7:focus:after,.learn-hover-card.svelte-1y4c3a7:focus-visible:before,.learn-hover-card.svelte-1y4c3a7:focus-visible:after{opacity:.9;transform:scale(1)}.learn-hover-card.svelte-1y4c3a7:hover .card-backdrop:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus .card-backdrop:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus-visible .card-backdrop:where(.svelte-1y4c3a7){opacity:.96;transform:translate(0,0)scale(1.012)}.learn-hover-card.svelte-1y4c3a7:hover .card-enter:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus .card-enter:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus-visible .card-enter:where(.svelte-1y4c3a7){opacity:1;background:#0a162257;transform:translate(-50%,-50%)scale(1)}.learn-hover-card.svelte-1y4c3a7:hover h2:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:hover p:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:hover .card-badges:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus h2:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus p:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus .card-badges:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus-visible h2:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus-visible p:where(.svelte-1y4c3a7),.learn-hover-card.svelte-1y4c3a7:focus-visible .card-badges:where(.svelte-1y4c3a7){opacity:1;transform:translate(0,0)}.tone-primary.svelte-1y4c3a7{--card-start:#194b6f;--card-end:#08706b;--card-frame:#e0fcf78c;--card-grid:#ecfdf51f}.tone-success.svelte-1y4c3a7{--card-start:#127565;--card-end:#236f87;--card-frame:#d1fae58f;--card-grid:#dcfce71f}.tone-warning.svelte-1y4c3a7{--card-start:#b98232;--card-end:#7e4852;--card-frame:#fef3c794;--card-grid:#fef3c721}.tone-danger.svelte-1y4c3a7{--card-start:#a84548;--card-end:#7a435f;--card-frame:#fee2e294;--card-grid:#fee2e21f}.tone-muted.svelte-1y4c3a7{--card-start:#405a77;--card-end:#1f5363;--card-frame:#e2e8f08c;--card-grid:#e2e8f01c}@media (hover:none){.learn-hover-card.svelte-1y4c3a7:before,.learn-hover-card.svelte-1y4c3a7:after{opacity:.75;transform:scale(1)}.card-backdrop.svelte-1y4c3a7,.card-enter.svelte-1y4c3a7,h2.svelte-1y4c3a7,p.svelte-1y4c3a7,.card-badges.svelte-1y4c3a7{transform:none}p.svelte-1y4c3a7{opacity:1}}.learn-library-page.svelte-8s3559{background:var(--ui-canvas);min-height:100%;padding:2.35rem 1rem 3rem}.learn-library-header.svelte-8s3559{flex-direction:column;gap:.65rem;max-width:48rem;display:flex}.learn-library-header.svelte-8s3559 h1:where(.svelte-8s3559){color:var(--ui-heading);letter-spacing:0;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:950;line-height:1.05}.learn-library-header.svelte-8s3559 p:where(.svelte-8s3559){max-width:42rem;color:var(--ui-muted);font-size:.95rem;font-weight:760;line-height:1.75}@media (width>=640px){.learn-library-page.svelte-8s3559{padding-inline:1.5rem}}@media (width<=640px){.learn-library-page.svelte-8s3559{padding-top:2rem}.learn-library-header.svelte-8s3559 p:where(.svelte-8s3559){font-size:.9rem}}