.learn-feed__heading{color:var(--dark,#fff);font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase}.learn-feed__subtitle{color:var(--gray-500,#a1a1aa);font-size:15px;margin-top:8px}.learn-feed__grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:24px}.learn-cat{--accent:var(--blue,#4b7ef5);background:var(--gray-100,#0e0e10);border:1px solid var(--gray-300,#27272a);border-radius:var(--radius,14px);display:block;min-height:170px;overflow:hidden;padding:26px 26px 24px 30px;position:relative;transition:transform .3s var(--ease,cubic-bezier(.4,0,.2,1)),border-color .3s var(--ease,cubic-bezier(.4,0,.2,1)),box-shadow .3s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-cat:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.learn-cat:after{background:radial-gradient(circle at center,var(--accent) 0,transparent 60%);bottom:-40%;content:"";height:120%;opacity:.14;pointer-events:none;position:absolute;right:-20%;width:70%}.learn-cat:hover{border-color:var(--gray-400,#3f3f46);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.3));transform:translateY(-3px)}.learn-cat__title{color:var(--dark,#fff);font-size:24px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.learn-cat__sub{color:var(--gray-500,#a1a1aa);font-size:14px;margin-top:6px}.learn-cat__count{bottom:24px;color:var(--gray-500,#a1a1aa);font-size:13px;font-weight:600;left:30px;position:absolute}.learn-cat__arrow{bottom:22px;color:var(--gray-400,#3f3f46);position:absolute;right:24px;transition:color .25s var(--ease,cubic-bezier(.4,0,.2,1)),transform .25s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-cat:hover .learn-cat__arrow{color:var(--accent);transform:translateX(3px)}.learn-cat[data-accent=blue]{--accent:var(--blue,#4b7ef5)}.learn-cat[data-accent=orange]{--accent:var(--orange,#fb923c)}.learn-cat[data-accent=purple]{--accent:var(--purple,#a78bfa)}.learn-cat[data-accent=red]{--accent:var(--red,#f87171)}.learn-cat[data-accent=green]{--accent:var(--green,#34d399)}.learn-cat[data-accent=amber]{--accent:var(--amber,#f59e0b)}@media (max-width:820px){.learn-feed__grid{grid-template-columns:1fr}.learn-feed__heading{font-size:24px}}