.blog-hero{position:relative;padding:140px 0 80px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(99,102,241,.18) 0%,transparent 70%)}.blog-hero .container{position:relative;z-index:1;text-align:center}.blog-hero__tag{display:inline-flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:6px 16px;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:#818cf8;text-transform:uppercase;margin-bottom:24px}.blog-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.15;color:#f1f5f9;margin-bottom:20px}.blog-hero__sub{font-size:1.1rem;color:#94a3b8;max-width:560px;margin:0 auto 48px;line-height:1.7}.blog-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:60px}.filter-chip{padding:8px 20px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:#6366f1;color:#e2e8f0}.filter-chip.active{background:#6366f133;border-color:#6366f1;color:#a5b4fc;font-weight:600}.blog-featured-wrap{margin-bottom:64px}.blog-featured{display:grid;grid-template-columns:1fr 1.1fr;gap:0;border-radius:20px;overflow:hidden;background:#0f172ab3;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .3s,box-shadow .3s}.blog-featured:hover{border-color:#6366f14d;box-shadow:0 20px 60px #6366f11f}.blog-featured__visual{position:relative;background:linear-gradient(135deg,rgba(var(--card-rgb,99,102,241),.25),#080c1ee6);min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-featured__visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--card-color,#6366f1)22 0%,transparent 70%)}.blog-featured__icon{width:120px;height:120px;color:var(--card-color,#6366f1);position:relative;z-index:1}.blog-featured__badge{position:absolute;top:20px;left:20px;background:#6366f1d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}.blog-featured__content{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}.blog-featured__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.blog-featured__title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#f1f5f9;line-height:1.3;margin-bottom:16px}.blog-featured__excerpt{color:#94a3b8;line-height:1.7;margin-bottom:24px;font-size:.95rem}.blog-featured__tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.blog-section{padding:0 0 100px}.blog-section .container{position:relative;z-index:1}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid,.blog-grid--3,.blog-featured{grid-template-columns:1fr}.blog-featured__visual{min-height:200px}.blog-featured__content{padding:28px 24px}}.blog-card{border-radius:16px;overflow:hidden;background:#0f172ab3;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s}.blog-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f11a;transform:translateY(-4px)}.blog-card__image-wrap{display:block;text-decoration:none}.blog-card__image{height:160px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f133,#080c1ee6)}.blog-card__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--card-color,#6366f1)20 0%,transparent 70%)}.blog-card__image-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.blog-card__icon{width:48px;height:48px;color:var(--card-color,#6366f1)}.blog-card__image--photo{background:#0f172a}.blog-card__image--photo:before{display:none}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card__img{transform:scale(1.04)}.blog-featured__visual--photo{background:#0f172a}.blog-featured__visual--photo:before{display:none}.blog-featured__img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.blog-card__body{padding:20px 22px;flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.blog-card__cat{font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:999px;text-transform:uppercase}.blog-card__read{font-size:.75rem;color:#64748b}.blog-card__title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.45;margin-bottom:10px}.blog-card__title a{text-decoration:none;color:inherit;transition:color .2s}.blog-card__title a:hover{color:#818cf8}.blog-card__excerpt{font-size:.85rem;color:#64748b;line-height:1.65;flex:1;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(148,163,184,.08);padding-top:14px}.blog-card__date{font-size:.75rem;color:#475569}.blog-card__link{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#818cf8;text-decoration:none;transition:gap .2s}.blog-card__link:hover{gap:8px}.blog-card__link svg{width:14px;height:14px}.blog-tag{padding:3px 10px;background:#94a3b814;border:1px solid rgba(148,163,184,.14);border-radius:999px;font-size:.72rem;color:#94a3b8}.blog-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#475569}
