.learn-feature__head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.learn-feature__title{color:var(--gray-500,#a1a1aa);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.learn-feature__nav{display:flex;gap:8px}.learn-feature__btn{align-items:center;border:1px solid var(--gray-300,#27272a);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:border-color .2s var(--ease,cubic-bezier(.4,0,.2,1)),background .2s var(--ease,cubic-bezier(.4,0,.2,1));width:36px}.learn-feature__btn:hover{background:var(--gray-200,#18181b);border-color:var(--gray-400,#3f3f46)}.learn-feature__track{display:flex;gap:20px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.learn-feature__track::-webkit-scrollbar{display:none}.learn-fcard{--accent:var(--blue,#4b7ef5);background:var(--gray-100,#0e0e10);border:1px solid var(--gray-300,#27272a);border-radius:var(--radius-lg,20px);display:flex;flex:0 0 calc(50% - 10px);flex-direction:column;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .3s var(--ease,cubic-bezier(.4,0,.2,1)),border-color .3s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-fcard:hover{border-color:var(--gray-400,#3f3f46);transform:translateY(-3px)}.learn-fcard__media{background-color:#0e0e10;background-position:50%;background-size:cover;height:180px;overflow:hidden;position:relative}.learn-fcard__media:before{background:radial-gradient(120% 150% at 80% 0,color-mix(in srgb,var(--accent) 38%,transparent) 0,rgba(20,26,46,.5) 45%,#0e0e10 80%);content:"";inset:0;position:absolute}.learn-fcard__media[style]:before{display:none}.learn-fcard__media:after{background:radial-gradient(circle,var(--accent),transparent 60%);bottom:-55%;content:"";height:130%;left:-10%;opacity:.4;position:absolute;width:55%}.learn-fcard__chip{left:14px;position:absolute;top:14px;z-index:2}.learn-fcard__tag{backdrop-filter:blur(6px);background:rgba(9,9,11,.55);border-radius:99px;color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:5px 11px;text-transform:uppercase}.learn-fcard__body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}.learn-fcard__title{color:var(--dark,#fff);font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.12;text-transform:uppercase}.learn-fcard__excerpt{color:var(--gray-500,#a1a1aa);font-size:14.5px;line-height:1.5;margin-top:10px}.learn-fcard__read{align-items:center;color:var(--accent);display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-top:18px}.learn-fcard__read svg{transition:transform .25s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-fcard:hover .learn-fcard__read svg{transform:translateX(4px)}.learn-fcard[data-accent=blue]{--accent:var(--blue,#4b7ef5)}.learn-fcard[data-accent=orange]{--accent:var(--orange,#fb923c)}.learn-fcard[data-accent=purple]{--accent:var(--purple,#a78bfa)}.learn-fcard[data-accent=red]{--accent:var(--red,#f87171)}.learn-fcard[data-accent=green]{--accent:var(--green,#34d399)}.learn-fcard[data-accent=amber]{--accent:var(--amber,#f59e0b)}@media (max-width:820px){.learn-fcard{flex:0 0 86%}.learn-feature__nav{display:none}}