.hero-section{padding:32px 0 0}.hero-slider{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:16/7;background:var(--surface);cursor:grab;user-select:none}.slider-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}.slide{min-width:100%;position:relative;overflow:hidden}.slide-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.slide:hover .slide-img{transform:scale(1.02)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 55%,transparent 100%);pointer-events:none}.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:36px 40px}.slide-badges{display:flex;align-items:center;gap:10px;margin-bottom:14px}.slide-title{font-size:clamp(20px,3vw,36px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.03em;text-shadow:0 2px 16px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.slider-dot{width:6px;height:6px;border-radius:3px;background:#ffffff59;cursor:pointer;transition:all .25s;border:none;padding:0}.slider-dot.active{background:#fff;width:20px}.slide-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-2) 0%,#2a2a28 100%);display:flex;align-items:center;justify-content:center}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.section-title{font-size:22px;font-weight:800;letter-spacing:-.03em}.section-controls{display:flex;align-items:center;gap:12px}.nav-counter{font-size:14px;color:var(--text-muted);min-width:40px;text-align:center}.nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.nav-btn:hover{background:var(--surface-2);border-color:var(--text-dim)}.nav-btn svg{display:block}.popular-section{margin:56px 0}.popular-viewport{overflow:hidden;margin-right:-24px}.popular-scroll{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-right:24px}.popular-scroll::-webkit-scrollbar{display:none}.popular-card{position:relative;flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid #F0C397;padding:12px 12px 0;transition:border-color .2s}.popular-card:hover{border-color:#d4935a}.popular-title a:after{content:"";position:absolute;inset:0;z-index:1}.popular-card .cat-badge{position:relative;z-index:2}.popular-thumb{aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--surface);flex-shrink:0;margin-bottom:16px}.popular-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.popular-card:hover .popular-thumb img{transform:scale(1.05)}.popular-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-2),#333330)}.popular-body{display:flex;flex-direction:column;flex-grow:1;padding:0 4px 12px}.popular-cat{margin-bottom:10px}.popular-title{font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.popular-card:hover .popular-title{color:var(--accent)}.popular-excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;flex-grow:1}.popular-date{font-size:12px;color:var(--text-dim)}.filter-section{margin-bottom:40px}.filter-title{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-bottom:20px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 18px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.filter-tab:hover{border-color:var(--text-dim);color:var(--text)}.filter-tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#load-more{padding:14px 52px;border-radius:100px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}#load-more:hover{background:var(--surface-2);color:var(--text);border-color:var(--text-dim)}#load-more:disabled{opacity:.5;cursor:default}@media(max-width:768px){.hero-slider{aspect-ratio:4/3}.slide-content{padding:20px 24px}.popular-card{flex:0 0 calc(100% + -0px)}.filter-tabs{gap:6px}.filter-tab{padding:7px 14px;font-size:13px}}@media(max-width:640px){.popular-card{flex:0 0 80vw}}