.blog-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 0 80px;width:100%}.blog-hero{position:relative;text-align:center;width:100%;padding:64px 24px 56px;margin-bottom:56px;overflow:hidden}.blog-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(131,91,216,.1) 0,transparent 65%);pointer-events:none}.blog-hero-badge{display:inline-flex;align-items:center;gap:7px;background:#0f172b;color:#fff;border-radius:999px;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1;margin-bottom:22px}.blog-hero-badge svg{opacity:.8;flex-shrink:0}.blog-title{font-family:Inter,sans-serif;font-size:clamp(28px,4.5vw,52px);font-weight:700;line-height:1.15;letter-spacing:-1px;color:#0a0a0a;margin:0 0 20px}.blog-title-highlight{color:#835bd8}.blog-subtitle{font-family:Inter,sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:400;line-height:1.6;color:#45556c;margin:0 auto;max-width:680px}.blog-grid{display:grid;grid-template-columns:1fr;gap:32px 24px;width:100%;max-width:1280px;padding:0 24px}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:40px 28px}}.blog-card-link{text-decoration:none;color:inherit;display:block;height:100%}.blog-card{background:#ffffff;border:2px solid transparent;border-radius:20px;box-shadow:0 1px 3px rgba(16,24,40,.06),0 8px 32px rgba(184,202,223,.35);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.blog-card-link:hover .blog-card{border-color:#835bd8;box-shadow:0 4px 6px rgba(131,91,216,.08),0 12px 40px rgba(131,91,216,.18);transform:translateY(-4px)}.blog-card-image-wrap{position:relative;width:100%;aspect-ratio:2.35/1;overflow:hidden;flex-shrink:0;background:#f0edfb}.blog-card-image-wrap img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.blog-card-link:hover .blog-card-image-wrap img{transform:scale(1.02)}.blog-card-tag{position:absolute;top:12px;left:12px;background:rgba(54,39,130,.85);backdrop-filter:blur(6px);color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px}.blog-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-card-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #f0edfb;box-shadow:0 1px 4px rgba(0,0,0,.1);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.blog-card-by{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#8a94a6}.blog-card-by strong{color:#362782;font-weight:600}.blog-card-date{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#8a94a6;margin-left:auto}.blog-card-title{font-size:clamp(17px,1.4vw,22px);font-weight:700;color:#362782;line-height:1.35;-webkit-line-clamp:2;text-overflow:ellipsis}.blog-card-description,.blog-card-title{font-family:Inter,sans-serif;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-description{font-size:14px;font-weight:400;color:#4a5565;line-height:1.6;-webkit-line-clamp:4}.blog-card-read-more{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#835bd8;margin-top:4px;transition:gap .2s ease,color .2s ease}.blog-card-link:hover .blog-card-read-more{gap:10px;color:#6d3ec0}.blog-section-divider{width:48px;height:4px;background:linear-gradient(90deg,#835bd8,#b89de8);border-radius:999px;margin:0 auto 32px}@media (max-width:767px){.blog-hero{padding:48px 20px 40px;margin-bottom:32px}.blog-grid{gap:28px;padding:0 16px}}@keyframes blog-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.blog-skeleton-img,.blog-skeleton-line{background:linear-gradient(90deg,#f0edfb 25%,#e8e2f8 50%,#f0edfb 75%);background-size:600px 100%;animation:blog-shimmer 1.5s linear infinite}.blog-skeleton-line{border-radius:6px;margin-bottom:8px}.blog-empty{width:100%;text-align:center;padding:80px 24px}.blog-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f0edfb;border-radius:50%;margin-bottom:20px}.blog-empty-title{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#362782;margin:0 0 8px}.blog-empty-sub{font-family:Inter,sans-serif;font-size:15px;color:#8a94a6;margin:0}