.editors-picks-section{position:relative;padding:5rem 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);overflow:hidden}.editors-picks-container{max-width:90%;margin:0 auto;position:relative;z-index:10}.editors-picks-header{text-align:center;margin-bottom:4rem}.editors-picks-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#ec4899 50%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 0 30px rgba(168,85,247,.3)}.editors-picks-subtitle{font-size:1.25rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.editors-picks-underline{width:120px;height:3px;margin:0 auto;position:relative}.editors-picks-underline,.editors-picks-underline:after{background:linear-gradient(90deg,#a855f7,#ec4899,#a855f7);border-radius:2px}.editors-picks-underline:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(4px);opacity:.5}.article-card{position:relative;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.article-card:hover{transform:translateY(-8px);border-color:rgba(168,85,247,.3);box-shadow:0 20px 40px rgba(168,85,247,.2)}.article-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(236,72,153,.1));opacity:0;transition:opacity .4s ease;z-index:-1}.article-card:hover:before{opacity:1}.article-top-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600}.article-date{color:#1f2937;font-size:.875rem}.article-category{background:#2563eb;color:white;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.article-image-container{position:relative;overflow:hidden}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.article-card:hover .article-image{transform:scale(1.05)}.article-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.2),transparent);pointer-events:none}.article-content{padding:1.5rem}.article-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:1rem;line-height:1.3;transition:color .3s ease}.article-card:hover .article-title{color:#e0e7ff}.article-metadata{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:rgba(255,255,255,.7)}.metadata-item{display:flex;align-items:center;gap:.5rem}.metadata-icon{width:1rem;height:1rem;color:#a855f7}.article-excerpt{color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:1.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.read-more-link{display:inline-flex;align-items:center;color:#a855f7;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative}.read-more-link:hover{color:#c084fc;transform:translateX(4px)}.read-more-icon{width:1rem;height:1rem;margin-left:.5rem;transition:transform .3s ease}.read-more-link:hover .read-more-icon{transform:translateX(4px)}.articles-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width:1024px){.articles-grid{grid-template-columns:2fr 1fr;gap:2rem}}.featured-article{grid-column:1}.sidebar-articles{grid-column:2;display:flex;flex-direction:column;gap:2rem}@media (max-width:1023px){.articles-grid{grid-template-columns:1fr}.featured-article{grid-column:1}.sidebar-articles{grid-column:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:768px){.editors-picks-title{font-size:2.5rem}.editors-picks-subtitle{font-size:1.125rem}.article-content{padding:1rem}.article-title{font-size:1.25rem}.article-metadata{font-size:.75rem;gap:.75rem}}.cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:white;font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .3s ease;box-shadow:0 10px 25px rgba(168,85,247,.3)}.cta-button:hover{background:linear-gradient(135deg,#9333ea,#db2777);transform:translateY(-2px);box-shadow:0 15px 35px rgba(168,85,247,.4)}.cta-icon{width:1.25rem;height:1.25rem;margin-left:.5rem;transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translateX(4px)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stagger-animation{animation-delay:calc(var(--stagger-index) * .1s)}.background-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.3),transparent);background-repeat:repeat;background-size:100px 100px;animation:patternFloat 20s linear infinite}@keyframes patternFloat{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media (prefers-reduced-motion:reduce){.article-card,.article-image,.cta-button,.read-more-link{transition:none}.background-pattern{animation:none}}@media (prefers-contrast:high){.article-card{border:2px solid #ffffff}.article-title{color:#ffffff}.article-excerpt{color:#e5e7eb}}