html,body{max-width:100%;overflow-x:hidden;position:relative}.container{width:100%;max-width:100%;overflow-x:hidden}.prose,.prose-custom,.prose-invert{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}img{max-width:100%;height:auto}pre,code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:hsl(var(--primary) / .5);border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .8)}*{scrollbar-width:thin;scrollbar-color:hsl(var(--primary) / .5) rgba(255,255,255,.05)}@media screen and (max-width: 768px){::-webkit-scrollbar{width:3px!important;height:3px!important}body{padding-right:0!important}}.social-share-btn{min-width:40px;text-align:center;overflow:hidden}@media (max-width: 640px){.fab.fa-twitter,.fab.fa-facebook,.fab.fa-linkedin,.fas.fa-share-alt,.fas.fa-check{margin-right:0;font-size:1.25rem}.social-share-btn{width:auto;padding-left:1rem!important;padding-right:1rem!important}}.copy-success{border-color:rgba(var(--primary-rgb),.5)!important;box-shadow:0 0 15px rgba(var(--primary-rgb),.5);background-color:rgba(var(--primary-rgb),.1)}@keyframes neonSlideRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes neonSlideLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes neonSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes neonSlideUp{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-neon-slide-right{animation:neonSlideRight 25s linear infinite}.animate-neon-slide-right-slow{animation:neonSlideRight 35s linear infinite}.animate-neon-slide-left{animation:neonSlideLeft 25s linear infinite}.animate-neon-slide-left-slow{animation:neonSlideLeft 35s linear infinite}.animate-neon-slide-down{animation:neonSlideDown 25s linear infinite}.animate-neon-slide-down-slow{animation:neonSlideDown 35s linear infinite}.animate-neon-slide-down-delayed{animation:neonSlideDown 25s linear infinite;animation-delay:1.5s}.animate-neon-slide-up{animation:neonSlideUp 25s linear infinite}.animate-neon-slide-up-slow{animation:neonSlideUp 35s linear infinite}.neon-border-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.animation-container{transform:translateZ(0);will-change:transform;backface-visibility:hidden;perspective:1000px}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a14b3;border:1px solid rgba(255,255,255,.1)}.neon-border{position:relative;overflow:hidden;box-shadow:0 0 5px rgba(var(--primary-rgb),.3),0 0 10px rgba(var(--primary-rgb),.1);transition:all .3s ease}.neon-border:hover{box-shadow:0 0 10px rgba(var(--primary-rgb),.7),0 0 20px rgba(var(--primary-rgb),.3)}.neon-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--cyan)),hsl(var(--secondary)));background-size:200% 100%;animation:neonSlideRight 25s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes textPulse{0%,to{text-shadow:0 0 4px rgba(var(--primary-rgb),.3)}50%{text-shadow:0 0 8px rgba(var(--primary-rgb),.6)}}.neon-border:hover>*{animation:textPulse 2s infinite}@keyframes neonPulse{0%,to{opacity:.8;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5),0 0 20px rgba(var(--color-primary-rgb),.3),0 0 30px rgba(var(--color-primary-rgb),.1)}50%{opacity:1;box-shadow:0 0 15px rgba(var(--color-primary-rgb),.7),0 0 25px rgba(var(--color-primary-rgb),.5),0 0 35px rgba(var(--color-primary-rgb),.3)}}@keyframes dotPulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4),0 0 rgba(var(--color-primary-rgb),.2)}50%{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.4),0 0 0 8px rgba(var(--color-primary-rgb),.2)}}@keyframes neonColorCycle{0%,to{box-shadow:0 0 15px rgba(var(--color-primary-rgb),.3),0 0 30px rgba(var(--color-primary-rgb),.2)}33%{box-shadow:0 0 15px rgba(var(--color-secondary-rgb),.3),0 0 30px rgba(var(--color-secondary-rgb),.2)}66%{box-shadow:0 0 15px rgba(var(--color-accent-rgb),.3),0 0 30px rgba(var(--color-accent-rgb),.2)}}.timeline-item{position:relative;margin-bottom:2rem;display:flex;flex-direction:row;align-items:flex-start}.timeline-item-right{flex-direction:row-reverse}.timeline-date{position:relative;top:1rem;display:flex;width:calc(50% - 1rem);align-items:center;justify-content:flex-end;padding-right:1.25rem;text-align:right}.timeline-item-right .timeline-date{justify-content:flex-start;padding-right:0;padding-left:1.25rem;text-align:left}.date-text{display:inline-block;border-radius:9999px;border-width:1px;border-color:hsl(var(--primary) / .2);background-color:hsl(var(--primary) / .1);padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;color:rgb(var(--color-cyan-400-rgb,56,189,248));--tw-shadow: 0 0 10px rgba(var(--color-primary-rgb),.2);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.timeline-content{position:relative;width:calc(50% - 1rem);padding-left:1.25rem}.timeline-item-right .timeline-content{padding-left:0;padding-right:1.25rem}.timeline-dot{position:absolute;left:-9px;top:1rem;z-index:2;height:1rem;width:1rem;border-radius:9999px;border-width:2px;border-color:rgb(var(--color-cyan-400-rgb,56,189,248));background-color:#00000080;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;animation:dotPulse 3s infinite}.timeline-item-right .timeline-dot{left:auto;right:-9px}@keyframes dotPulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4),0 0 rgba(var(--color-primary-rgb),.2)}50%{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.4),0 0 0 6px rgba(var(--color-primary-rgb),.2)}}.timeline-dot-inner{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9999px;background-color:rgb(var(--color-cyan-400-rgb,56,189,248));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;animation:innerDotPulse 3s infinite}@keyframes innerDotPulse{0%,to{opacity:.8}50%{opacity:1}}.glass-container-neon{max-width:28rem;--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;--tw-shadow: 0 4px 20px rgba(0,0,0,.3);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;animation:neonColorCycle 10s infinite}@keyframes neonColorCycle{0%,to{box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3),0 8px 30px rgba(var(--color-primary-rgb),.2)}33%{box-shadow:0 4px 15px rgba(var(--color-secondary-rgb),.3),0 8px 30px rgba(var(--color-secondary-rgb),.2)}66%{box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.3),0 8px 30px rgba(var(--color-accent-rgb),.2)}}.timeline-item:hover .glass-container-neon{--tw-translate-y: -.25rem;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 8px 25px rgba(var(--color-primary-rgb),.5),0 12px 40px rgba(var(--color-primary-rgb),.3);--tw-shadow-colored: 0 8px 25px var(--tw-shadow-color), 0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.timeline-item:hover .timeline-dot{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.timeline-item:hover .date-text{background-color:hsl(var(--primary) / .2);--tw-shadow: 0 0 15px rgba(var(--color-primary-rgb),.3);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.timeline-item-compact .timeline-content{padding-left:1rem}.timeline-item-compact.timeline-item-right .timeline-content{padding-right:1rem;padding-left:0}.timeline-item-compact .timeline-date{top:.5rem}@media (max-width: 768px){.timeline-item,.timeline-item-right{margin-left:1rem;margin-bottom:1.5rem;flex-direction:column}.timeline-date,.timeline-item-right .timeline-date{top:0;width:100%;justify-content:flex-start;padding:0;padding-bottom:.25rem;padding-left:1.5rem;text-align:left}.timeline-content,.timeline-item-right .timeline-content{width:calc(100% - 1.5rem);padding-left:1.5rem;padding-right:0}.timeline-dot,.timeline-item-right .timeline-dot{left:-9px;right:auto;top:1.5rem}}.timeline-container{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:48rem;padding-left:.75rem;padding-right:.75rem;--tw-shadow: 0 0 20px rgba(var(--color-primary-rgb),.05);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.timeline-scroll-container{border-radius:.75rem;padding:1.25rem .75rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:linear-gradient(to bottom,rgba(var(--color-primary-rgb),.04),rgba(var(--color-secondary-rgb),.03),rgba(var(--color-accent-rgb),.04))}.timeline-line{position:absolute;left:50%;top:0;bottom:0;z-index:0;width:.125rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background:linear-gradient(to bottom,rgba(var(--color-primary-rgb),.9),rgba(var(--color-secondary-rgb),.9),rgba(var(--color-accent-rgb),.9),rgba(var(--color-primary-rgb),.9));box-shadow:0 0 10px rgba(var(--color-primary-rgb),.7),0 0 20px rgba(var(--color-primary-rgb),.5),0 0 30px rgba(var(--color-primary-rgb),.3);animation:neonPulse 3s infinite}.timeline-items{position:relative;z-index:1}.timeline-items>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}@media (max-width: 768px){.timeline-line{left:1rem}.timeline-container{padding-left:.5rem;padding-right:.5rem}.timeline-scroll-container{padding:1.25rem .5rem}}@keyframes float{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-20px) rotate(45deg)}}.animate-glow{animation:glow 3s infinite}.animate-float{animation:float 6s infinite ease-in-out}.animate-pulse-slow{animation:pulse 4s infinite}.animate-text-glow{animation:textGlow 3s infinite}.animate-text-glow-delayed{animation:textGlow 3s infinite 1.5s}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(124,58,237,.5)}50%{text-shadow:0 0 20px rgba(124,58,237,.8)}}@keyframes glitchLine1{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes glitchLine2{0%,to{transform:translate(100%)}50%{transform:translate(-100%)}}@keyframes glitchLine3{0%,to{transform:translate(-50%)}50%{transform:translate(50%)}}.animate-glitch-line-1{animation:glitchLine1 3s linear infinite}.animate-glitch-line-2{animation:glitchLine2 4s linear infinite}.animate-glitch-line-3{animation:glitchLine3 2.5s linear infinite}.bg-scanline{background:repeating-linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) .5%,transparent 1%)}@keyframes neonSlideRightColor{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes neonSlideLeftColor{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes neonSlideDownColor{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes neonSlideUpColor{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes iconColor{0%,to{color:#f471b5;text-shadow:0 0 10px rgba(244,113,181,.5)}25%{color:#7c3aed;text-shadow:0 0 10px rgba(124,58,237,.5)}50%{color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.5)}75%{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}}@keyframes glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes glowColor{0%,to{opacity:.3;--tw-gradient-from: #7C3AED;--tw-gradient-via: #22D3EE}25%{opacity:.8;--tw-gradient-from: #22D3EE;--tw-gradient-via: #F471B5}50%{opacity:.5;--tw-gradient-from: #F471B5;--tw-gradient-via: #818CF8}75%{opacity:.8;--tw-gradient-from: #818CF8;--tw-gradient-via: #7C3AED}}@keyframes breath{0%,to{opacity:.1;transform:scale(.99)}50%{opacity:.2;transform:scale(1.01)}}@keyframes iconColor{0%,to{color:#7c3aed}25%{color:#22d3ee}50%{color:#f471b5}75%{color:#818cf8}}@keyframes neonSlideRightColor{0%{transform:translate(-100%);opacity:.6;--tw-gradient-via: #FF1CF7}33%{--tw-gradient-via: #00FFE1}66%{--tw-gradient-via: #01FF88}to{transform:translate(100%);opacity:.6;--tw-gradient-via: #5B6EF7}}@keyframes neonSlideLeftColor{0%{transform:translate(100%);opacity:.6;--tw-gradient-via: #00FFE1}33%{--tw-gradient-via: #01FF88}66%{--tw-gradient-via: #5B6EF7}to{transform:translate(-100%);opacity:.6;--tw-gradient-via: #FF1CF7}}@keyframes neonSlideDownColor{0%{transform:translateY(-100%);opacity:.6;--tw-gradient-via: #01FF88}33%{--tw-gradient-via: #5B6EF7}66%{--tw-gradient-via: #FF1CF7}to{transform:translateY(100%);opacity:.6;--tw-gradient-via: #00FFE1}}@keyframes neonSlideUpColor{0%{transform:translateY(100%);opacity:.6;--tw-gradient-via: #5B6EF7}33%{--tw-gradient-via: #FF1CF7}66%{--tw-gradient-via: #00FFE1}to{transform:translateY(-100%);opacity:.6;--tw-gradient-via: #01FF88}}.animate-glow-color{animation:glowColor 6s infinite}.animate-glow-color-delayed{animation:glowColor 6s infinite 3s}.animate-breath{animation:breath 4s ease-in-out infinite}.animate-icon-color{animation:iconColor 6s infinite}.animate-neon-slide-right-color{animation:neonSlideRightColor 25s linear infinite}.animate-neon-slide-left-color{animation:neonSlideLeftColor 25s linear infinite}.animate-neon-slide-down-color{animation:neonSlideDownColor 25s linear infinite}.animate-neon-slide-up-color{animation:neonSlideUpColor 25s linear infinite}.text-glow-multi{color:#f471b5;text-shadow:0 0 10px rgba(244,113,181,.5);animation:iconColor 6s infinite}.resource-type-badge{display:inline-block;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.type-prompt{border-width:1px;border-color:hsl(var(--primary) / .3);background-color:hsl(var(--primary) / .2);color:hsl(var(--primary))}.timeline-item:hover .resource-type-badge{--tw-bg-opacity: .4;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}.prose h1{position:relative;margin-bottom:1.5rem;margin-top:1rem;border-bottom-width:1px;border-color:hsl(var(--primary) / .3);padding-bottom:.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 0 20px rgba(var(--primary-rgb),.4);letter-spacing:-.5px}.prose h1:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--accent)),transparent);box-shadow:0 0 10px rgba(var(--primary-rgb),.7),0 0 20px rgba(var(--primary-rgb),.3)}.markdown-image-container{width:100%;margin:1.5rem auto;max-width:800px}.markdown-image-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:.5rem;box-shadow:0 0 15px rgba(var(--primary-rgb),.3)}.markdown-image{display:block;width:100%;height:auto;max-height:600px;-o-object-fit:contain;object-fit:contain;border-radius:.375rem;transition:transform .3s ease}.markdown-image:hover{transform:scale(1.02);box-shadow:0 0 15px rgba(var(--primary-rgb),.4)}.prose img.markdown-image,.prose-invert img.markdown-image{margin:0;max-width:100%;max-height:600px}@media (max-width: 768px){.markdown-image-container{max-width:100%;margin:1rem auto}.markdown-image,.prose img.markdown-image,.prose-invert img.markdown-image{max-height:450px}}.cyber-button-container{position:relative;overflow:hidden;border-radius:.375rem}.cyber-button-container:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.5),transparent);transition:.5s;pointer-events:none}.cyber-button-container:hover:before{left:100%}.article-card-container{position:relative;height:100%;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:hsl(var(--border) / .5);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a14b3;border:1px solid rgba(255,255,255,.1)}.article-card-image:hover img{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.article-card-container{position:relative;height:100%;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:hsl(var(--border) / .5);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background-color:hsl(var(--card))!important}.article-card-container:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 0 15px rgba(var(--primary-rgb),.3)}.article-card-image{position:relative;height:12rem;width:100%;overflow:hidden}.article-card-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.article-card-container:hover .article-card-image img{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.article-card-gradient-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);padding:.75rem}.article-card-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.article-card-featured-badge{background-color:#f59e0be6;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.article-card-status-badge{border-width:1px;border-color:hsl(var(--primary) / .3);background-color:#0009;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.article-card-reading-time{position:absolute;top:.75rem;left:.75rem;z-index:10;display:flex;align-items:center;gap:.25rem;border-radius:9999px;border-width:1px;border-color:hsl(var(--primary) / .3);background-color:#000000b3;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;color:hsl(var(--primary));--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.article-card-pin-ribbon{position:absolute;top:0;right:0;height:3rem;width:3rem;overflow:hidden}.article-card-pin-ribbon-inner{position:absolute;top:0;right:0;display:flex;height:4rem;width:4rem;transform-origin:bottom right;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;background-color:hsl(var(--primary) / .9);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.article-card-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.article-card-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.125rem;line-height:1.75rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .article-card-title{color:hsl(var(--primary))}.article-card-excerpt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.article-card-tags-container{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.article-card-category{border-radius:9999px;border-width:1px;border-color:hsl(var(--primary) / .3);background-color:hsl(var(--primary) / .2);padding:.125rem .5rem;font-size:.75rem;line-height:1rem;color:hsl(var(--primary))}.article-card-tag{border-radius:9999px;background-color:hsl(var(--sidebar-accent));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;color:hsl(var(--sidebar-accent-foreground))}.article-card-footer{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.article-card-action{margin-top:.75rem;border-top-width:1px;border-color:hsl(var(--border) / .3);padding-top:.75rem}.article-card-button-shine{position:relative;overflow:hidden;border-radius:.375rem}.article-card-button-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.5),transparent);transition:.5s;pointer-events:none}.article-card-button-shine:hover:before{left:100%}