.blog-layout{width:100%;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background,#f9fafb)}.blog-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.blog-header{text-align:center;margin-bottom:3rem;animation:fade-in .8s ease}.blog-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,var(--color-primary,#0078ff),#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.blog-header p{font-size:1.125rem;color:var(--color-text-muted,#666)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.blog-card{border-radius:12px;overflow:hidden;background-color:var(--color-background,#fff);border:1px solid rgba(0,0,0,.05);transition:all .3s ease;transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;cursor:pointer;position:relative;animation:fade-in .6s ease forwards}.blog-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-card:hover{transform:translateY(-5px)}.blog-card:hover:after{opacity:1}.blog-card-image{width:100%;height:200px;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-card h2{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;line-height:1.3;color:var(--color-heading,#111);transition:color .3s ease}.blog-card:hover h2{color:var(--color-primary,#0078ff)}.blog-card p{font-size:.9375rem;line-height:1.6;color:var(--color-text,#333);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.back-button{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease;position:relative}.back-button:hover{transform:translateX(-2px)}.back-button:before{content:"←";display:inline-block;margin-right:.25rem}.blog-article{max-width:800px;margin:0 auto;padding:2rem 0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}.blog-container{padding:1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-pagination{margin-top:3rem;gap:.5rem}.blog-pagination,.blog-pagination-button{display:flex;justify-content:center;align-items:center}.blog-pagination-button{width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border,rgba(0,0,0,.1));background-color:transparent;color:var(--color-text,#333);font-weight:500;transition:all .3s ease;cursor:pointer}.blog-pagination-button:hover{background-color:var(--color-primary-light,rgba(0,120,255,.1));border-color:var(--color-primary,#0078ff);color:var(--color-primary,#0078ff)}.blog-pagination-button.active{background-color:var(--color-primary,#0078ff);color:white;border-color:var(--color-primary,#0078ff)}.blog-pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted,#666);font-weight:500}.blog-card.featured{grid-column:span 2}@media (max-width:768px){.blog-card.featured{grid-column:span 1}.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}}.blog-card-category[data-category=Personal]{background-color:rgba(255,156,0,.1);color:#ff9c00}.blog-card:hover .blog-card-category[data-category=Personal]{background-color:#ff9c00;color:white}.blog-card-category[data-category=Product]{background-color:rgba(50,190,60,.1);color:#32be3c}.blog-card:hover .blog-card-category[data-category=Product]{background-color:#32be3c;color:white}.blog-card-category[data-category=Audience]{background-color:rgba(59,130,246,.1);color:#3b82f6}.blog-card:hover .blog-card-category[data-category=Audience]{background-color:#3b82f6;color:white}.blog-card-category[data-category=Design]{background-color:rgba(219,39,119,.1);color:#db2777}.blog-card:hover .blog-card-category[data-category=Design]{background-color:#db2777;color:white}.blog-card-category[data-category=Mindset]{background-color:rgba(139,92,246,.1);color:#8b5cf6}.blog-card:hover .blog-card-category[data-category=Mindset]{background-color:#8b5cf6;color:white}@keyframes count-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.blog-count{animation:count-up .5s ease forwards}.blog-card-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;transition:opacity .5s ease}.blog-card-image.loaded:before{opacity:0}.fumadocs-nav-sidebar{display:none!important}.fumadocs-main{width:100%!important;margin-left:0!important}.prose{font-size:1rem;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:1.5em;margin-bottom:.75em;font-weight:600}.prose a{color:var(--color-primary,#0078ff);text-decoration:underline;text-underline-offset:2px}.prose img{border-radius:8px;margin:1.5em 0}.prose blockquote{border-left:4px solid var(--color-primary,#0078ff);padding-left:1rem;color:var(--color-text-muted,#666);font-style:italic}.fumadocs-nav{display:none!important}.fumadocs-content{padding-top:2rem!important}