.learn-page[data-astro-cid-3uqtx6kq]{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:64px;display:grid}.lesson-list[data-astro-cid-3uqtx6kq]{margin:22px 0 10px}.small-note[data-astro-cid-3uqtx6kq]{font-size:.92rem}.learn-snaps[data-astro-cid-3uqtx6kq]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.snap-img[data-astro-cid-3uqtx6kq]{background:var(--chrome);aspect-ratio:16/10;object-fit:cover;border-radius:18px;grid-column:1/-1;width:100%;padding:6px;box-shadow:0 22px 32px -22px #070f20b3}.snap-img[data-astro-cid-3uqtx6kq]:nth-child(2){aspect-ratio:1;grid-column:1;rotate:-3deg}.snap-img[data-astro-cid-3uqtx6kq].tall{aspect-ratio:1;object-position:50% 20%;grid-column:2;rotate:3deg}.why-head[data-astro-cid-3uqtx6kq]{text-align:center;margin:76px 0 34px}.why[data-astro-cid-3uqtx6kq]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px;margin:0 0 70px;display:grid}.why-card[data-astro-cid-3uqtx6kq]{background:var(--card);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:22px;padding:24px 24px 22px;display:grid;position:relative;overflow:hidden}.why-card[data-astro-cid-3uqtx6kq]:before{content:"";background:var(--red);width:7px;position:absolute;top:0;bottom:0;left:0}.why-card[data-astro-cid-3uqtx6kq]:nth-child(3n+2):before{background:var(--blue)}.why-card[data-astro-cid-3uqtx6kq]:nth-child(3n+3):before{background:var(--teal)}.why-card[data-astro-cid-3uqtx6kq]:last-child{grid-column:1/-1;justify-self:center;max-width:660px}.why-badge[data-astro-cid-3uqtx6kq]{color:#fff;--icon-bg:var(--deep);background:radial-gradient(circle at 38% 30%, #5b93ef, var(--blue) 45%, var(--deep) 100%);width:100px;height:100px;transition:transform .6s var(--spring);border-radius:50%;place-items:center;margin:8px 4px 8px 8px;display:grid;position:relative;box-shadow:0 0 0 6px #dfe5ec,0 0 0 8px #5d6b80,0 12px 18px -10px #070f2099}.why-card[data-astro-cid-3uqtx6kq]:nth-child(3n+1) .why-badge[data-astro-cid-3uqtx6kq]{--icon-bg:#7d0f1d;background:radial-gradient(circle at 38% 30%, #ff6f7b, var(--red) 45%, #7d0f1d 100%)}.why-card[data-astro-cid-3uqtx6kq]:nth-child(3n+3) .why-badge[data-astro-cid-3uqtx6kq]{--icon-bg:#1d6e68;background:radial-gradient(circle at 38% 30%, #7fe0d8, var(--teal) 45%, #1d6e68 100%)}.why-badge[data-astro-cid-3uqtx6kq] .icon[data-astro-cid-3uqtx6kq]{z-index:1;position:relative}.why-badge[data-astro-cid-3uqtx6kq] b[data-astro-cid-3uqtx6kq]{z-index:2;background:var(--chrome);width:36px;height:36px;color:var(--ink);font:400 1.05rem/1 var(--display);border:2px solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.why-card[data-astro-cid-3uqtx6kq]:hover .why-badge[data-astro-cid-3uqtx6kq]{transform:rotate(-12deg)scale(1.06)}.why-card[data-astro-cid-3uqtx6kq].in .why-badge[data-astro-cid-3uqtx6kq]{animation:badgeSpin 1.1s var(--spring) both;animation-delay:calc(var(--d,0s) + .2s)}@keyframes badgeSpin{0%{transform:rotate(-200deg)scale(.3)}}.why-card[data-astro-cid-3uqtx6kq] h3[data-astro-cid-3uqtx6kq]{margin:6px 0 8px;font-size:1.32rem}.why-card[data-astro-cid-3uqtx6kq] p[data-astro-cid-3uqtx6kq]{color:var(--ink-2);margin:0}.more-learn[data-astro-cid-3uqtx6kq] h2[data-astro-cid-3uqtx6kq]:first-child{margin-top:0}@media (width<=900px){.learn-page[data-astro-cid-3uqtx6kq]{grid-template-columns:minmax(0,1fr)}.learn-snaps[data-astro-cid-3uqtx6kq]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.snap-img[data-astro-cid-3uqtx6kq],.snap-img[data-astro-cid-3uqtx6kq]:nth-child(n){aspect-ratio:1;grid-column:auto;padding:4px;rotate:0deg}}@media (width<=760px){.why[data-astro-cid-3uqtx6kq]{grid-template-columns:minmax(0,1fr)}.why-card[data-astro-cid-3uqtx6kq]{gap:16px;padding:20px 16px 18px 20px}.why-badge[data-astro-cid-3uqtx6kq]{width:72px;height:72px}.why-badge[data-astro-cid-3uqtx6kq] .icon[data-astro-cid-3uqtx6kq]{width:44px;height:44px}.why-badge[data-astro-cid-3uqtx6kq] b[data-astro-cid-3uqtx6kq]{width:28px;height:28px;font-size:.85rem;top:-8px;right:-8px}.why-card[data-astro-cid-3uqtx6kq] h3[data-astro-cid-3uqtx6kq]{margin-top:2px;font-size:1.18rem}}@media (prefers-reduced-motion:reduce){.why-card[data-astro-cid-3uqtx6kq].in .why-badge[data-astro-cid-3uqtx6kq]{animation:none}}
