:root{--cg-gap:40px;--cg-gap-mobile:20px;--cg-border-radius:10px;--cg-transition:0.5s ease;--cg-overlay-bg:rgba(0, 0, 0, 0.5);--cg-primary:#FF6B6B;--cg-primary-hover:#FF5252;--cg-secondary:#4ECDC4;--cg-accent:#FFE66D;--cg-gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--cg-text-primary:#2D3748;--cg-text-secondary:#718096;--cg-text-light:#A0AEC0}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-column-gap:var(--cg-gap);grid-row-gap:var(--cg-gap);grid-template-areas:"slider slider right" "col1   col2   right"}.col1{grid-area:col1}.col2{grid-area:col2}.col3{grid-area:right}.merged-slider{grid-area:slider;position:relative;overflow:hidden;border-radius:var(--cg-border-radius);user-select:none;width:100%;aspect-ratio:1.49 / 1;cursor:pointer}.merged-slider .slides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.merged-slider .slides::-webkit-scrollbar{display:none}.merged-slider .slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.slide-image-container{position:relative;height:100%}.merged-slider .slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--cg-border-radius);user-drag:none;user-select:none;-webkit-user-drag:none;transition:transform 8s ease-out;transform:scale(1)}.merged-slider .slide img:hover{transform:scale(1.1)}.slide-title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .4) 70%,#fff0 100%);padding:70px 30px 25px 30px;color:#fff;overflow:visible}.slide-title-overlay a{text-decoration:none;color:inherit}.slide-title-overlay a:hover,.slide-title-overlay a:visited,.slide-title-overlay a:active{text-decoration:none;color:#fff}.slide-title-overlay h3{margin:0 0 8px 0;font-size:24px;font-weight:700;line-height:1.3;color:#fff!important;text-shadow:0 2px 8px rgb(0 0 0 / .5),0 4px 16px rgb(0 0 0 / .3);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.slide-excerpt{margin:0 0 12px 0;font-size:15px;line-height:1.5;color:rgb(255 255 255 / .9);text-shadow:0 1px 4px rgb(0 0 0 / .4);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.slide-cta{position:absolute;top:0;right:30px;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--cg-primary);color:#fff;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgb(255 107 107 / .3);opacity:0;transform:translateY(-10px);transition:all 0.3s ease;z-index:5}.merged-slider:hover .slide-cta{opacity:1;transform:translateY(0)}.slide-cta::after{content:'→';font-size:16px;transition:transform 0.3s ease}.slide-cta:hover{background:var(--cg-primary-hover);box-shadow:0 6px 16px rgb(255 107 107 / .4)}.slide-cta:hover::after{transform:translateX(4px)}.post-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:#fff;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgb(0 0 0 / .2);z-index:5}.post-badge-floating{position:absolute;top:20px;left:20px}.badge-trending{background:linear-gradient(135deg,#2563eb 0%,#10b981 100%);box-shadow:0 4px 12px rgb(37 99 235 / .45);border:1px solid rgb(255 255 255 / .12)}.cg-trending-container{display:inline-flex;align-items:center;justify-content:center;margin-right:4px}.cg-trending-arrow{font-size:16px;font-weight:700;transform:translateY(-1px)}.badge-new{background:#000;box-shadow:none}.badge-updated{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);box-shadow:0 4px 12px rgb(17 153 142 / .4)}.badge-popular{background:linear-gradient(135deg,#232526 0%,#414345 100%);box-shadow:0 4px 12px rgb(0 0 0 / .5);border:1px solid rgb(255 255 255 / .1)}.post-badge-compact .badge-text{display:none}.post-badge-compact{padding:0;border-radius:50%;width:36px;height:36px;justify-content:center;font-size:18px;box-shadow:0 4px 8px rgb(0 0 0 / .3)}.post-badge-floating.post-badge-compact{top:10px;left:10px}.col3 .post-badge-floating.post-badge-compact{top:auto;bottom:-5px;left:-5px}@media (max-width:768px){.post-badge .badge-text{display:none}.post-badge{padding:0;border-radius:50%;width:34px;height:34px;justify-content:center;font-size:16px}.post-badge-floating{top:10px;left:10px}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInOverlay{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-overlay{animation:fadeInOverlay 0.5s ease forwards}.slider-progress{position:absolute;top:3%;right:3%;width:clamp(22px, 5vw, 34px);aspect-ratio:1;z-index:10}.slider-progress svg circle:first-of-type{stroke:#000000!important}.slider-progress svg{width:100%;height:100%;transform:rotate(-90deg)}@keyframes progress{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}.progress-bar.animate{animation:progress 5s linear infinite}.merged-slider:hover .progress-bar{animation-play-state:paused!important}.col1,.col2{text-align:center}.carougrid-card{height:100%;display:flex;flex-direction:column}.col1 img,.col2 img{width:100%;border-radius:var(--cg-border-radius);display:block;transition:transform 0.3s ease}.col1 a:hover img,.col2 a:hover img{transform:scale(1.02)}.col1 h3,.col2 h3{font-size:18px;margin:10px 5px 5px;line-height:1.4;color:var(--cg-text-primary);transition:color 0.3s ease}.col1 a:hover h3,.col2 a:hover h3{color:var(--cg-primary)}.col1 p.post-desc,.col2 p.post-desc{margin:5px 0 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;line-height:1.6;color:#000;text-align:left}.col3{display:flex;flex-direction:column}.col3 .post-item{display:flex;align-items:center;margin-bottom:25px;transition:transform 0.2s ease}.col3 .post-item{padding:10px;margin-left:-10px}.col3 .post-item:hover{transform:translateX(12px);box-shadow:-4px 0 0;background:#fafafa;border-radius:0 10px 10px 0}.col3 .col3-image{flex:0 0 40%}.col3 .col3-image img{width:100%;display:block;border-radius:var(--cg-border-radius);transition:transform 0.3s ease}.col3 .post-item:hover .col3-image img{transform:scale(1.05)}.col3 .col3-title{flex:1;padding-left:15px;position:relative;overflow:hidden}.col3 .col3-title h3{margin:0;font-size:16px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;color:var(--cg-text-primary);transition:color 0.3s ease,opacity 0.3s ease,transform 0.3s ease}.col3 .post-item:hover h3{color:var(--cg-primary);opacity:0;transform:translateY(-10px)}.list-item-excerpt{position:absolute;top:0;left:15px;right:0;margin:0;font-size:14px;line-height:1.5;color:#000;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;line-clamp:4;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}.col3 .post-item:hover .list-item-excerpt{opacity:1;transform:translateY(0)}.grid-container a{text-decoration:none;color:inherit;transition:opacity 0.2s ease}.grid-container a:hover{opacity:.8}@media (min-width:769px){.slide-title-overlay h3{-webkit-line-clamp:1;line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1024px) and (min-width:769px){:root{--cg-gap:30px}.col3 .col3-title h3{font-size:15px}}@media (max-width:768px){:root{--cg-gap:var(--cg-gap-mobile)}.grid-container{display:block}.merged-slider{margin-bottom:30px}.slide-title-overlay{padding:15px 20px}.slide-title-overlay h3{font-size:20px;-webkit-line-clamp:2;line-clamp:2}.slide-excerpt{font-size:14px;margin-bottom:10px}.slide-cta{display:none}.col1,.col2,.col3{width:100%;display:block;margin-bottom:30px}.col1 h3,.col2 h3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.col3 .col3-title h3{-webkit-line-clamp:2;line-clamp:2;font-size:15px}.col3 .post-item{margin-bottom:20px}}.grid-container a:focus{outline:2px solid #0073aa;outline-offset:2px}.merged-slider:focus{outline:2px solid #0073aa;outline-offset:2px}@media (prefers-reduced-motion:reduce){.merged-slider .slides,.col1 img,.col2 img,.col3 .col3-image img,.grid-container a{transition:none}.animate-overlay{animation:none}.progress-bar{animation:none}}.cg-fire-container{position:relative;width:20px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:-2px}.cg-emoji-fire-base::before{content:"🔥";font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji","Segoe UI Symbol",sans-serif;font-size:20px;line-height:1;z-index:2;position:relative;filter:drop-shadow(0 0 4px rgb(255 69 0 / .4));display:inline-block}.particle-fire{position:absolute;border-radius:50%;background:gold;width:4px;height:4px;opacity:0;z-index:1;pointer-events:none}.particle-fire.p1{bottom:4px;left:22%;width:4px;height:4px;background:#FF9800;animation:particleUp 1.8s ease-out infinite}.particle-fire.p2{bottom:6px;right:20%;width:3px;height:3px;background:#FF5722;animation:particleUp 1.6s ease-out infinite 0.4s}.particle-fire.p3{bottom:4px;left:52%;width:2px;height:2px;background:#FF6;animation:particleUp 2.1s ease-out infinite 0.8s}@keyframes particleUp{0%{opacity:0;transform:translateX(0) translateY(0) scale(.7)}15%{opacity:1;transform:translateX(-1px) translateY(-6px) scale(.9)}45%{opacity:.9;transform:translateX(1px) translateY(-14px) scale(1.2)}75%{opacity:.5;transform:translateX(-1px) translateY(-20px) scale(1,1.3)}100%{opacity:0;transform:translateX(.5px) translateY(-22px) scale(.6)}}@keyframes ghostFire{0%{transform:translate(-50%,-50%) scale(.5);opacity:.35;filter:blur(0)}50%{transform:translate(-50%,-58%) scale(.58);opacity:.7;filter:blur(1px)}100%{transform:translate(-50%,-66%) scale(.62);opacity:0;filter:blur(3px)}}.badge-popular{animation:none!important}.badge-popular .cg-fire-container{display:inline-flex}.cg-rec-dot{width:10px;height:10px;border-radius:50%;background:#ff2d2d;display:inline-block;margin-right:4px;box-shadow:0 0 6px rgb(255 0 0 / .5);animation:cg-rec-blink 1s linear infinite}@keyframes cg-rec-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.post-badge-topright{left:auto;right:20px}@media (max-width:768px){.post-badge-topright{right:10px}}