:root{--section-spacing:4rem;--skeleton-base:rgba(148, 163, 184, 0.08);--skeleton-highlight:rgba(148, 163, 184, 0.16)}.main-content{flex:1;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-title{font-size:3.5rem;font-weight:800;color:var(--blurple);margin-bottom:1.5rem;margin-top:3rem;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.blog-description{font-size:1.2rem;color:var(--secondary-color);max-width:800px;line-height:1.6;margin:0 auto 2rem;word-wrap:break-word;overflow-wrap:break-word}.blog-section{margin-bottom:var(--section-spacing);padding:3rem 0}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.2;position:relative;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--blurple);border-radius:2px}.section-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.blog-section-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.blog-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;align-items:center}.blog-filter[hidden]{display:none!important}.blog-filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.35);color:var(--text-secondary);font-size:.95rem;font-weight:600;letter-spacing:.01em;transition:background .2s,color .2s,border-color .2s,transform .2s}.blog-filter-button:hover{transform:translateY(-1px);border-color:rgba(148,163,184,.5);color:var(--text-primary)}.blog-filter-button:focus-visible{outline:rgba(87,95,255,.45) solid 2px;outline-offset:2px}.blog-filter-button--active{background:rgba(87,95,255,.14);border-color:rgba(87,95,255,.6);color:var(--blurple);box-shadow:0 8px 20px rgba(87,95,255,.18)}.blog-filter-button-label{white-space:nowrap}.blog-filter-button-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;padding:.15rem .45rem;border-radius:999px;background:rgba(148,163,184,.16);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.blog-filter-button--active .blog-filter-button-count{background:rgba(87,95,255,.2);color:var(--blurple)}.blog-empty{margin:4rem auto;text-align:center;font-size:1.125rem;color:var(--text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.blog-grid[hidden]{display:none!important}.blog-card{background:var(--surface-color);border-radius:14px;border:1px solid rgba(255,255,255,.04);overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08);transition:transform .25s,box-shadow .25s;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:420px}.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,.14);will-change:transform,box-shadow}.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card-banner{position:relative;width:100%;padding-top:52%;overflow:hidden;background:rgba(255,255,255,.04)}.blog-card-banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s;will-change:transform}.blog-card:hover .blog-card-banner img{transform:scale(1.05) translateZ(0)}.blog-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem}.blog-card-author{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.blog-card-author-main{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.blog-card-author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08);background:rgba(15,23,42,.12)}.blog-card-author-details{display:flex;flex-direction:column;gap:.15rem;line-height:1.2}.blog-card-author-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.blog-card-author-name{font-size:1rem;font-weight:600;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.blog-card-author-name--loading{color:var(--text-secondary);opacity:.8}.blog-card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.blog-card-category{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:rgba(87,95,255,.16);color:var(--blurple);font-size:.85rem;font-weight:600;letter-spacing:.02em}.blog-card-author .blog-card-category{margin-left:auto;flex-shrink:0}.blog-card-description{font-size:1rem;color:var(--text-secondary);margin:0;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.5rem;word-wrap:break-word;overflow-wrap:break-word}.blog-card-date{margin:0;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.blog-card-cta{margin-top:auto;font-weight:600;color:var(--blurple);display:inline-flex;align-items:center;gap:.35rem}.blog-card-cta::after{content:'→';font-size:1rem;transition:transform .3s}.blog-card:hover .blog-card-cta::after{transform:translateX(4px)}.text-center{text-align:center}.text-left{text-align:left}.blog-card--skeleton,.blog-card--skeleton:hover{transform:none;box-shadow:0 6px 24px rgba(15,23,42,.06)}.blog-card--skeleton .blog-card-link{pointer-events:none}.blog-card--skeleton .blog-card-body{gap:1rem}.skeleton-avatar,.skeleton-block,.skeleton-text{position:relative;background:var(--skeleton-base);overflow:hidden}.skeleton-avatar::after,.skeleton-block::after,.skeleton-text::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite blog-skeleton-shimmer;transform:translateX(-100%);will-change:transform}.skeleton-block{padding-top:52%}.skeleton-avatar{width:44px;height:44px;border-radius:50%}.skeleton-text{height:.8rem;border-radius:999px}.skeleton-text--title{height:1.6rem;width:70%}.skeleton-text--author{height:.7rem;width:50%}.skeleton-text--short{width:85%}.skeleton-text--cta{width:40%;height:.9rem;margin-top:.5rem}.skeleton-text--category{width:120px;height:1rem}.blog-card-category-skeleton{margin-left:auto;flex-shrink:0}.blog-card--skeleton .blog-card-author-label,.blog-card--skeleton .blog-card-author-name,.blog-card--skeleton .blog-card-cta,.blog-card--skeleton .blog-card-description,.blog-card--skeleton .blog-card-title{display:none}@keyframes blog-skeleton-shimmer{0%{transform:translateX(-100%) translateZ(0)}50%{transform:translateX(0) translateZ(0)}100%{transform:translateX(100%) translateZ(0)}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:hover{transition:none}.skeleton-avatar::after,.skeleton-block::after,.skeleton-text::after{animation-duration:3s}}@media (max-width:768px){.container{padding:0 1.5rem}.blog-title{font-size:clamp(2rem, 5vw, 2.5rem);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.blog-description{font-size:clamp(1rem, 2.5vw, 1.1rem);word-wrap:break-word;overflow-wrap:break-word}.section-title{font-size:clamp(1.75rem, 4vw, 2rem);word-wrap:break-word;overflow-wrap:break-word}.section-description{font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.blog-section{padding:2rem 0}.blog-filter{margin-bottom:2rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.blog-card-title{font-size:clamp(1.25rem, 3.5vw, 1.5rem);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.blog-card-description{font-size:clamp(.9rem, 2.5vw, 1rem);word-wrap:break-word;overflow-wrap:break-word}}@media (max-width:640px){.container{padding:0 1rem}.blog-title{font-size:clamp(1.75rem, 6vw, 2.25rem);margin-top:2rem;margin-bottom:1rem}.blog-description{font-size:clamp(.95rem, 3vw, 1.05rem);margin-bottom:1.5rem}.section-title{font-size:clamp(1.5rem, 5vw, 1.875rem)}.section-description{font-size:.95rem;margin-bottom:2rem}.blog-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.blog-filter::-webkit-scrollbar{height:6px}.blog-filter::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}.blog-filter-button{font-size:.875rem;padding:.45rem 1rem;flex-shrink:0}.blog-filter-button-count{font-size:.75rem;min-width:1.6rem;padding:.1rem .4rem}.blog-grid{grid-template-columns:1fr;gap:1rem}.blog-card-body{padding:1.5rem}.blog-card-title{font-size:clamp(1.125rem, 4vw, 1.375rem);line-height:1.3}.blog-card-description{font-size:clamp(.875rem, 3vw, .95rem);line-clamp:2;-webkit-line-clamp:2;min-height:3rem}.blog-card-author-avatar{width:40px;height:40px}.blog-card-author-name{font-size:.95rem}.blog-card-author-label{font-size:.7rem}.blog-card-category{font-size:.8rem;padding:.25rem .65rem}.blog-card-cta{font-size:.95rem}}.blog-pagination{display:flex;justify-content:center;align-items:center;margin-top:3rem;padding:2rem 0}.blog-pagination-list{display:flex;align-items:center;gap:.5rem}.blog-pagination-button{padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.35);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s}.blog-pagination-button:hover:not(:disabled){background:rgba(88,101,242,.15);border-color:var(--blurple);color:var(--text-primary)}.blog-pagination-button:disabled{opacity:.4;cursor:not-allowed}.blog-pagination-numbers{display:flex;align-items:center;gap:.375rem}.blog-pagination-number{min-width:2.5rem;height:2.5rem;padding:0;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.35);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.blog-pagination-number:hover{background:rgba(88,101,242,.15);border-color:var(--blurple);color:var(--text-primary)}.blog-pagination-number--active,.blog-pagination-number--active:hover{background:var(--blurple);border-color:var(--blurple);color:#fff}.blog-pagination-dots{color:var(--text-secondary);padding:0 .25rem;user-select:none}@media (max-width:640px){.blog-pagination{margin-top:2rem;padding:1.5rem 0}.blog-pagination-list{gap:.375rem;width:100%;justify-content:space-between}.blog-pagination-button{padding:.5rem .875rem;font-size:.875rem}.blog-pagination-number{min-width:2.25rem;height:2.25rem;font-size:.875rem}}@media (max-width:400px){.container{padding:0 .875rem}.blog-title{font-size:clamp(1.5rem, 7vw, 2rem)}.blog-description{font-size:.9rem}.blog-section{padding:1.5rem 0}.blog-filter{gap:.5rem;margin-bottom:1.5rem}.blog-filter-button{font-size:.8rem;padding:.4rem .875rem}.blog-card-body{padding:1.25rem}.blog-card-title{font-size:clamp(1rem, 5vw, 1.25rem)}.blog-card-description{font-size:.85rem}.blog-card-author-avatar{width:36px;height:36px}.blog-pagination{margin-top:1.5rem;padding:1rem 0}.blog-pagination-list{gap:.25rem}.blog-pagination-button{padding:.4rem .75rem;font-size:.8rem}.blog-pagination-number{min-width:2rem;height:2rem;font-size:.8rem}.blog-pagination-dots{padding:0 .125rem;font-size:.85rem}}