:root[data-theme=dark]{--featured-bg:#0a0a0a;--featured-card-bg:#1a1a1a;--featured-text-primary:#ffffff;--featured-text-secondary:#a1a1aa;--featured-border:#2a2a2a;--featured-shadow:0 10px 30px rgba(0,0,0,0.5)}:root[data-theme=light]{--featured-bg:#eef1f5;--featured-card-bg:#ffffff;--featured-text-primary:#1a202c;--featured-text-secondary:#64748b;--featured-border:#d5dae2;--featured-shadow:0 10px 30px rgba(0,0,0,0.12)}:root{--featured-bg:#0a0a0a;--featured-card-bg:#1a1a1a;--featured-text-primary:#ffffff;--featured-text-secondary:#a1a1aa;--featured-border:#2a2a2a;--featured-shadow:0 10px 30px rgba(0,0,0,0.5)}.featured-section{padding:clamp(40px,6vw,80px) 0;width:100%;max-width:1440px;margin:0 auto;position:relative;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;z-index:1}.featured-section.animate-in{opacity:1;transform:translateY(0)}.featured-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(24px,4vw,40px);padding:0 20px;flex-wrap:wrap;gap:16px}.featured-section-header-right{display:flex;align-items:center;gap:12px}.featured-section-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--featured-text-primary);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.featured-section-count{font-size:14px;color:var(--featured-text-secondary);background:var(--featured-card-bg);border:1px solid var(--featured-border);padding:8px 16px;border-radius:20px;font-weight:600;transition:all .3s ease}.featured-section-count:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;padding:0 20px;animation:fadeInUp .6s ease}.featured-grid.mobile-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 16px;gap:16px;scrollbar-width:none;-ms-overflow-style:none}.featured-grid.mobile-scroll::-webkit-scrollbar{display:none}.featured-grid.mobile-scroll>*{flex:0 0 85%;scroll-snap-align:start;scroll-snap-stop:always}.mobile-scroll-controls{display:flex;gap:8px}.scroll-btn{width:36px;height:36px;border-radius:8px;background:var(--featured-card-bg);border:1px solid var(--featured-border);color:var(--featured-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px}.scroll-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.scroll-btn:active{transform:translateY(0)}.scroll-progress-container{height:3px;background:var(--featured-border);border-radius:2px;margin:0 16px 16px;overflow:hidden;position:relative;z-index:2}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1440px){.featured-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1024px){.featured-section{padding:clamp(32px,5vw,60px) 0}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.featured-section{padding:32px 0}.featured-section-header{margin-bottom:20px;padding:0 16px}.featured-section-title{font-size:24px}.featured-section-count{font-size:13px;padding:6px 12px}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 16px}.mobile-scroll-controls{display:flex}.featured-grid.mobile-scroll>*{flex-grow:0;flex-shrink:0;flex-basis:calc(100vw - 80px);max-width:400px}}@media (max-width:480px){.featured-section{padding:24px 0}.featured-section-header{flex-direction:column;align-items:flex-start;gap:12px;padding:0 12px}.featured-section-header-right{width:100%;justify-content:space-between}.featured-grid{grid-template-columns:1fr;gap:16px;padding:0 12px}.featured-grid.mobile-scroll>*{flex-grow:0;flex-shrink:0;flex-basis:calc(100vw - 48px)}.scroll-btn{width:32px;height:32px;font-size:18px}.scroll-progress-container{margin:0 12px 12px}}@media (min-width:1600px){.featured-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.featured-section{max-width:1600px}}.featured-section{scroll-margin-top:64px}@media (prefers-reduced-motion:reduce){.featured-grid{animation:none}.featured-section-count{transition:none}}.featured-grid.loading{min-height:400px;display:flex;align-items:center;justify-content:center}.featured-grid.loading:after{content:"";width:40px;height:40px;border:3px solid var(--featured-border);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.featured-grid:empty{min-height:300px;display:flex;align-items:center;justify-content:center}.featured-grid:empty:before{content:"No content available";color:var(--featured-text-secondary);font-size:16px;font-weight:500}