.featured-post-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;margin:2rem 0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014}.featured-post-section:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.featured-post-badge{color:#1e293b;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;animation:2s ease-in-out infinite featured-post-badge-pulse;display:inline-flex;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 4px 16px #fbbf2466}@keyframes featured-post-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (min-width:768px){.featured-post-badge{padding:.625rem 1.25rem;font-size:.875rem;top:2rem;left:2rem}}.featured-post-content{grid-template-columns:1fr;gap:0;display:grid}@media (min-width:1024px){.featured-post-content{grid-template-columns:1fr 1fr;min-height:500px}}.featured-post-image-wrapper{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb1a 100%);min-height:280px;position:relative;overflow:hidden}@media (min-width:640px){.featured-post-image-wrapper{min-height:350px}}@media (min-width:1024px){.featured-post-image-wrapper{min-height:100%}}.featured-post-image{width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.featured-post-section:hover .featured-post-image{transform:scale(1.05)}.featured-post-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000,#0006);height:50%;position:absolute;bottom:0;left:0;right:0}@media (min-width:1024px){.featured-post-overlay{background:linear-gradient(90deg,#0000004d,#0000);height:100%}}.featured-post-info{background:var(--secondary-bg);flex-direction:column;justify-content:center;padding:1.75rem 1.25rem;display:flex;position:relative}@media (min-width:640px){.featured-post-info{padding:2.5rem 2rem}}@media (min-width:1024px){.featured-post-info{padding:3rem 3.5rem}}.featured-post-category-wrapper{margin-bottom:1rem}.featured-post-title{font-size:1.25rem;font-weight:500;line-height:1.3;font-family:var(--font-sans);letter-spacing:-.02em;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:2.6em;margin-bottom:1rem;transition:color .3s;display:-webkit-box;overflow:hidden}.featured-post-title a,.featured-post-title a:hover{color:inherit;background:linear-gradient(to right, var(--accent-color), var(--accent-color)) no-repeat;background-position:0 100%;background-size:0% 3px;padding-bottom:2px;text-decoration:none;transition:background-size .4s cubic-bezier(.4,0,.2,1);display:inline}.featured-post-section:hover .featured-post-title,.featured-post-title:hover{color:var(--accent-color)}.featured-post-section:hover .featured-post-title a,.featured-post-title:hover a{background-size:100% 3px}@media (min-width:640px){.featured-post-title{max-height:2.6em;font-size:1.5rem}}@media (min-width:768px){.featured-post-title{max-height:2.6em;margin-bottom:1.25rem;font-size:1.75rem}}@media (min-width:1024px){.featured-post-title{max-height:2.6em;font-size:2rem}}.featured-post-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7;display:-webkit-box;overflow:hidden}@media (min-width:640px){.featured-post-excerpt{-webkit-line-clamp:4;font-size:1rem;line-height:1.75}}@media (min-width:1024px){.featured-post-excerpt{margin-bottom:2rem;font-size:1.0625rem}}.featured-post-meta{color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-sans);border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}@media (min-width:640px){.featured-post-meta{gap:.875rem;font-size:.875rem}}.featured-post-meta-item{align-items:center;gap:.375rem;display:flex}.view-count-loading{color:var(--text-secondary);opacity:.6;animation:1.5s ease-in-out infinite viewCountPulse;display:inline-block}@keyframes viewCountPulse{0%,to{opacity:.4}50%{opacity:.8}}.featured-post-divider{color:var(--border-color);font-weight:400}.featured-post-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (min-width:640px){.featured-post-actions{gap:1rem}}.featured-post-button{font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}@media (min-width:640px){.featured-post-button{padding:1rem 2rem;font-size:.9375rem}}.featured-post-button-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;box-shadow:0 4px 14px #3b82f659}.featured-post-button-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.featured-post-button-primary:hover:before{left:100%}.featured-post-button-primary:hover{color:var(--text-color);background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 8px 20px #10b98173}.featured-post-button-secondary{background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color)}.featured-post-button-secondary:hover{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.featured-post-button svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.featured-post-button-primary:hover svg{transform:translate(4px)}.featured-post-button-secondary:hover svg{transform:scale(1.1)}@media (max-width:639px){.featured-post-section{border-radius:16px;margin:1.5rem 0}.featured-post-badge{gap:.375rem;padding:.5rem .875rem;font-size:.75rem;top:1rem;left:1rem}.featured-post-badge svg{width:14px;height:14px}.featured-post-image-wrapper{min-height:240px}.featured-post-info{padding:1.5rem 1rem}.featured-post-category{margin-bottom:.875rem;font-size:.75rem}.featured-post-title{max-height:2.6em;margin-bottom:.875rem;font-size:1.125rem}.featured-post-excerpt{-webkit-line-clamp:2;margin-bottom:1.25rem;font-size:.875rem}.featured-post-meta{gap:.625rem;margin-bottom:1.25rem;padding:.875rem 0;font-size:.75rem}.featured-post-meta svg{width:14px;height:14px}.featured-post-actions{flex-direction:column;gap:.75rem}.featured-post-button{flex:1;width:100%;min-width:0;padding:.875rem 1.5rem;font-size:.875rem}.featured-post-button span{text-overflow:ellipsis;overflow:hidden}.featured-post-button svg{width:16px;height:16px}}.featured-post-button-secondary.bookmarked{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.featured-post-button-secondary.bookmarked:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.featured-post-button-secondary.bookmarked svg{animation:.4s cubic-bezier(.4,0,.2,1) bookmarkPop}@keyframes bookmarkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hero-bookmark-toast{background:var(--text-color);color:var(--bg-color);font-size:.875rem;font-weight:600;font-family:var(--font-sans);z-index:1000;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) toastSlideUp;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@media (min-width:640px){.hero-bookmark-toast{padding:1rem 1.75rem;font-size:.9375rem;bottom:120px}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.featured-post-button-secondary.bookmarked svg,.hero-bookmark-toast{animation:none}}