.article-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:0!important;background-color:#fff!important;box-shadow:0 4px 12px #00000014!important;overflow:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important}.article-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0000001f!important}.article-card:active{transform:translateY(-4px)!important;box-shadow:0 12px 24px #00000026!important}.blog-container h1.blog-title.clash-title{font-weight:600!important;font-family:Clash Display,sans-serif!important}.blog-container h1.blog-title{font-size:1.6rem!important;font-weight:600!important;line-height:1.1!important;max-width:100%!important;margin:0 auto 40px!important;letter-spacing:-.02em!important;position:relative!important;z-index:3!important;font-family:Clash Display,sans-serif!important}@keyframes blogFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blogSlideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes blogPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blog-container{animation:blogFadeInUp .8s ease-out}.category-filter-btn{transition:color .2s ease,border-bottom .2s ease,font-weight .2s ease}.category-filters .category-filter-btn,.blog-container .category-filters .category-filter-btn{font-family:DM Sans,sans-serif!important}.category-filter-btn:hover{color:#df2755!important}.category-filter-btn:focus{outline:none!important;box-shadow:none!important}.category-filter-btn:active{transform:translateY(1px)}@media(min-width:1400px){.article-grid{max-width:1200px!important}.blog-container h1.blog-title{font-size:3.2rem!important;margin-bottom:2rem!important;font-weight:600!important}}@media(max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr)!important;gap:28px!important;max-width:800px!important}.blog-container h1.blog-title{font-size:2.2rem!important;margin-bottom:1.5rem!important;font-weight:600!important}}@media(max-width:768px){.blog-content{padding:20px!important;margin:0 10px!important}.blog-container{padding-bottom:60px!important}.blog-container h1.blog-title{font-size:1.6rem!important;margin-bottom:1rem!important;font-weight:600!important}.desktop-filters{display:none!important}.mobile-category-dropdown{display:block!important;position:relative}.mobile-dropdown-trigger:hover{border-color:#df2755}.mobile-dropdown-menu{position:absolute!important;top:100%!important;left:0!important;right:0!important;background-color:#fff!important;border:2px solid #e2e8f0!important;border-top:none!important;border-radius:0 0 12px 12px!important;box-shadow:0 4px 12px #0000001a!important;z-index:1000!important;max-height:300px!important;overflow-y:auto!important}.article-grid{grid-template-columns:1fr!important;gap:24px!important;max-width:400px!important}.skeleton-card .loading-skeleton{animation-delay:calc(var(--index, 0) * .1s)}.article-card{min-height:auto!important}.article-card>div:first-child{height:200px!important}.article-content{padding:20px!important}}@media(max-width:480px){.article-grid{grid-template-columns:1fr!important;gap:20px!important;max-width:100%!important}.article-card{border-radius:12px!important}.article-content{padding:16px!important}.blog-container{padding-bottom:50px!important}.mobile-dropdown-trigger{font-size:16px!important;padding:14px 18px!important}.mobile-dropdown-menu button{font-size:15px!important;padding:14px 18px!important}}:root[data-theme=dark] :where(.blog-container,.article-container){background:var(--color-page)!important;color:var(--color-text-primary)!important}:root[data-theme=dark] :where(.blog-content,.article-content){color:var(--color-text-primary)!important}:root[data-theme=dark] :where(.blog-container,.article-container,.article-content) :where(h1,h2,h3,h4,strong){color:var(--color-text-primary)!important}:root[data-theme=dark] :where(.blog-container,.article-container,.article-content) :where(p,li,time){color:var(--color-text-secondary)!important}:root[data-theme=dark] .article-card,:root[data-theme=dark] .skeleton-card{background:var(--color-surface-raised)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-sm)!important}:root[data-theme=dark] .article-card:hover{box-shadow:var(--shadow-lg)!important}:root[data-theme=dark] :where(.mobile-dropdown-trigger,.mobile-dropdown-menu,.mobile-dropdown-menu button){background:var(--color-surface-raised)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}:root[data-theme=dark] :where(.category-filter-btn,.mobile-dropdown-menu button:hover){color:var(--color-text-secondary)!important}:root[data-theme=dark] :where(.category-filter-btn:hover,.category-filter-btn[aria-pressed=true]){color:var(--color-accent-pink)!important}:root[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-emphasis) 50%,var(--color-surface) 75%)!important;background-size:200% 100%!important}:root[data-theme=dark] :where(.error-state-title h3,.empty-state-title h3){color:var(--color-text-primary)}:root[data-theme=dark] :where(.error-state-description p,.empty-state-description p){color:var(--color-text-secondary)}:root[data-theme=dark] .error-details{background:#ff5b801a;border-color:#ff5b8059}:root[data-theme=dark] .error-details p{color:#ffb5c5!important}:root[data-theme=dark] :where(.document-icon,.error-icon){color:var(--color-accent-pink)}:root[data-theme=dark] .article-content :where(a,blockquote){color:var(--color-accent-pink)!important;border-color:var(--color-accent-pink)!important}:root[data-theme=dark] .article-content :where(code,pre,blockquote){background:var(--color-surface-raised)!important}:root[data-theme=dark] .article-content img{filter:none;box-shadow:var(--shadow-md)!important}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none}.skeleton-card:hover{transform:none!important;box-shadow:0 4px 12px #00000014!important}.author-avatar{transition:transform .2s ease}.author-avatar:hover{transform:scale(1.1)}.error-state-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:60px 20px;position:relative;overflow:hidden}.error-state-content{text-align:center;max-width:500px;position:relative;z-index:2}.error-state-icon{margin-bottom:32px;position:relative}.error-icon{color:#df2755;filter:drop-shadow(0 4px 12px rgba(223,39,85,.3));animation:errorPulse 2s ease-in-out infinite}.error-state-title h3{font-size:2rem;font-weight:600;color:#222e36;margin:0;font-family:Clash Display,sans-serif;letter-spacing:-.02em;animation:errorSlideIn .8s ease-out .2s both}.error-state-description{margin-bottom:40px}.error-state-description p{font-size:1.1rem;color:#666;line-height:1.6;margin:0 0 16px;font-family:DM Sans,sans-serif;animation:errorSlideIn .8s ease-out .4s both}.error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-top:16px}.error-details p{font-size:.9rem;color:#991b1b;margin:0;animation:errorSlideIn .8s ease-out .6s both}.error-state-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.error-state-decoration .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#df27551a,#ff6a001a);animation:errorFloat 4s ease-in-out infinite}.error-state-decoration .circle-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.error-state-decoration .circle-2{width:120px;height:120px;top:60%;right:15%;animation-delay:1s}.error-state-decoration .circle-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:2s}.error-state-cta{animation:errorSlideIn .8s ease-out .8s both}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes errorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.error-state-container{min-height:50vh;padding:40px 20px}.error-state-title h3{font-size:1.5rem}.error-state-description p{font-size:1rem}.error-icon{width:60px;height:60px}.icon-glow{width:100px;height:100px}}@media(max-width:480px){.error-state-container{padding:30px 15px}.error-state-title h3{font-size:1.3rem}.error-state-description p{font-size:.95rem}.error-state-decoration .decoration-circle{display:none}}*{transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#df2755,#ff6a00);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c41e47,#e55a00)}.empty-state-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:60px 20px;position:relative;overflow:hidden}.empty-state-content{text-align:center;max-width:500px;position:relative;z-index:2}.empty-state-icon{margin-bottom:32px;position:relative}.icon-wrapper{position:relative;display:inline-block;animation:emptyStateFloat 3s ease-in-out infinite}.document-icon{color:#df2755;filter:drop-shadow(0 4px 12px rgba(223,39,85,.3));animation:emptyStatePulse 2s ease-in-out infinite}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(223,39,85,.1) 0%,transparent 70%);border-radius:50%;animation:emptyStateGlow 2s ease-in-out infinite alternate}.empty-state-title{margin-bottom:20px;position:relative}.empty-state-title h3{font-size:2rem;font-weight:600;color:#222e36;margin:0;font-family:Clash Display,sans-serif;letter-spacing:-.02em;animation:emptyStateSlideIn .8s ease-out .2s both}.title-underline{width:60px;height:3px;background:linear-gradient(135deg,#df2755,#ff6a00);margin:12px auto 0;border-radius:2px;animation:emptyStateSlideIn .8s ease-out .4s both}.empty-state-description{margin-bottom:40px}.empty-state-description p{font-size:1.1rem;color:#666;line-height:1.6;margin:0;font-family:DM Sans,sans-serif;animation:emptyStateSlideIn .8s ease-out .6s both}.empty-state-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#df27551a,#ff6a001a);animation:emptyStateFloat 4s ease-in-out infinite}.circle-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.circle-2{width:120px;height:120px;top:60%;right:15%;animation-delay:1s}.circle-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:2s}.empty-state-cta{animation:emptyStateSlideIn .8s ease-out .8s both}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#df2755,#ff6a00);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #df27554d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #df275566}.cta-button:active{transform:translateY(0)}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:rotate(180deg)}@keyframes emptyStateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes emptyStatePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes emptyStateGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes emptyStateSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.empty-state-container{min-height:50vh;padding:40px 20px}.empty-state-title h3{font-size:1.5rem}.empty-state-description p{font-size:1rem}.cta-button{padding:14px 28px;font-size:15px}.document-icon{width:60px;height:60px}.icon-glow{width:100px;height:100px}}@media(max-width:480px){.empty-state-container{padding:30px 15px}.empty-state-title h3{font-size:1.3rem}.empty-state-description p{font-size:.95rem}.cta-button{padding:12px 24px;font-size:14px}.decoration-circle{display:none}}.article-content p{margin:0 0 16px!important}.article-content p:last-child{margin-bottom:0!important}.article-content ul,.article-content ol{margin:0 0 16px 1.5rem!important;padding-left:1.25rem!important}.article-content li{margin:.25em 0!important}.article-content .md-blank{height:16px}.article-content img{max-width:100%!important;height:auto!important;border-radius:16px!important;box-shadow:0 4px 12px #0000001a!important;margin:24px auto!important;display:block!important;transition:transform .3s ease,box-shadow .3s ease!important}.article-content img:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #00000026!important}@media(max-width:768px){.article-content img{border-radius:12px!important;margin:20px auto!important;box-shadow:0 3px 10px #00000014!important}.article-content img:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #0000001f!important}}@media(max-width:480px){.article-content img{border-radius:10px!important;margin:16px auto!important}}.site-shell .blog-coming-soon{background:radial-gradient(ellipse at 12% 8%,rgba(255,106,0,.06),transparent 44%),radial-gradient(ellipse at 90% 20%,rgba(223,39,85,.06),transparent 40%),var(--color-page);color:var(--color-text-primary);padding:calc(80px + clamp(54px,6vw,80px)) 24px clamp(80px,9vw,120px)}.blog-coming-soon-inner{max-width:900px;margin:0 auto;text-align:center}.blog-coming-soon-mark{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 26px;border-radius:50%;background:linear-gradient(135deg,#df27551a,#ff6a001a);color:var(--color-accent-pink)}.site-shell .blog-coming-soon h1{margin:28px 0 24px;color:var(--color-text-primary);font-family:Clash Display,sans-serif;font-size:clamp(2.35rem,4.6vw,3.7rem);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.blog-coming-soon h1 span{display:block;font-weight:400}.blog-coming-soon-description{max-width:660px;margin:0 auto;color:var(--color-text-secondary);font-size:1.1rem;line-height:1.8;text-wrap:pretty}.blog-coming-soon-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:30px 0 40px;padding:0;list-style:none;color:var(--color-text-secondary);font-size:.94rem;font-weight:500}.blog-coming-soon-topics li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--gradient-brand-text);vertical-align:middle}.blog-coming-soon-invitation{margin:0 0 20px;color:var(--color-text-secondary);font-size:.98rem;line-height:1.6}.blog-coming-soon-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.site-shell .blog-coming-soon-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;font-size:1rem;font-weight:500;text-decoration:none}.site-shell .blog-coming-soon-actions .on-btn-primary{color:#fff}.site-shell .blog-coming-soon-actions .on-btn-outline{border-style:solid}@media(max-width:480px){.site-shell .blog-coming-soon{padding-right:22px;padding-left:22px}.blog-coming-soon-topics{flex-direction:column;align-items:center;gap:12px}.blog-coming-soon-actions{flex-direction:column}}