.blog-page{min-height:100vh;padding-top:var(--navbar-height);color:#fff;background:radial-gradient(circle at 20% 12%,#2d1ae838,#0000 32%),radial-gradient(circle at 82% 40%,#818cf829,#0000 34%),#05062f}.blog-page__hero{text-align:center;padding:88px var(--space-xl) 46px;position:relative;overflow:hidden}.blog-page__hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#3b40d82e,#0000 42%);position:absolute;inset:0}.blog-page__hero .container{z-index:1;position:relative}.blog-page__title{color:#fff;letter-spacing:0;margin:0 0 16px;font-size:clamp(3rem,7vw,4.25rem);font-weight:900;line-height:.98}.blog-page__title-accent{color:#0000;background:linear-gradient(106.34deg,#0106b4 0%,#3b40d8 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-page__subtitle{color:#a7abc6;max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.7}.blog-page__content{padding:0 var(--space-xl) 96px}.blog-filter{background:#12143ec7;border:1px solid #818cf824;border-radius:22px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:34px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff0d}.blog-filter__search{flex:1;min-width:260px;position:relative}.blog-filter__search-icon{color:#818cf8;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-filter__input{color:#fff;background:#05062fb8;border:1px solid #818cf829;border-radius:999px;outline:none;width:100%;padding:14px 16px 14px 46px;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.blog-filter__input::placeholder{color:#a7abc68f}.blog-filter__input:focus{border-color:#818cf885;box-shadow:0 0 0 4px #3b40d829}.blog-filter__categories{flex-wrap:wrap;gap:8px;display:flex}.blog-filter__cat-btn{color:#a7abc6;background:#ffffff06;border:1px solid #818cf824;border-radius:999px;min-height:38px;padding:0 16px;font-size:.82rem;font-weight:800;transition:color .18s,border-color .18s,background .18s,transform .18s}.blog-filter__cat-btn:hover,.blog-filter__cat-btn--active{color:#fff;background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%);border-color:#818cf857;transform:translateY(-1px)}.blog-page__loading,.blog-page__empty{justify-content:center;align-items:center;min-height:240px;display:flex}.blog-page__spinner{border:3px solid #818cf833;border-top-color:#818cf8;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-featured,.blog-card{color:inherit;background:radial-gradient(circle at 90% 100%,#3b40d838,#0000 38%),#12143edb;border:1px solid #818cf821;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.blog-featured:hover,.blog-card:hover{border-color:#818cf847;transform:translateY(-4px);box-shadow:0 24px 58px #00000038}.blog-featured{border-radius:28px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);margin-bottom:34px;display:grid}.blog-featured__image{background:#05062f99;min-height:330px}.blog-featured__image img,.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-featured:hover img,.blog-card:hover img{transform:scale(1.045)}.blog-featured__placeholder,.blog-card__placeholder{width:100%;height:100%;min-height:inherit;background:linear-gradient(135deg,#0106b457,#818cf82e);justify-content:center;align-items:center;display:flex}.blog-featured__placeholder span{color:#ffffff2e;font-size:3rem;font-weight:900}.blog-featured__body{flex-direction:column;justify-content:center;padding:42px;display:flex}.blog-featured__meta,.blog-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-featured__title,.blog-card__title{color:#fff;letter-spacing:0}.blog-featured__title{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.15}.blog-featured__excerpt,.blog-card__excerpt{color:#a7abc6;line-height:1.7}.blog-featured__excerpt{margin:0 0 24px;font-size:1rem}.blog-featured__author-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.blog-featured__views{text-align:right;white-space:nowrap;margin-left:auto}.blog-featured .blog-card__author-row{width:100%}.blog-featured .blog-card__views{text-align:right;white-space:nowrap;margin-left:auto}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.blog-card{border-radius:22px;flex-direction:column;display:flex}.blog-card__image{background:#05062f94;height:205px;overflow:hidden}.blog-card__placeholder-icon{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;background:linear-gradient(135deg,#0106b4,#4f52d4)!important}.blog-card__placeholder-icon svg{width:24px;height:24px}.blog-card__body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card__badge{color:#fff;text-transform:capitalize;border-radius:999px;align-items:center;min-height:24px;padding:0 11px;font-size:.68rem;font-weight:900;display:inline-flex}.blog-card__reading,.blog-card__date,.blog-card__views{color:#858aa8;font-size:.78rem}.blog-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:1.15rem;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card__excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 18px;font-size:.92rem;display:-webkit-box;overflow:hidden}.blog-card__tags{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.blog-card__tag{color:#aeb5ff;background:#818cf81a;border-radius:999px;padding:4px 9px;font-size:.72rem}.blog-card__footer{border-top:1px solid #818cf81f;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.blog-card__author-row{align-items:center;gap:9px;display:flex}.blog-card__avatar{color:#fff;background:linear-gradient(135deg,#0106b4 0%,#4f52d4 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:flex}.blog-card__author-name{color:#fff;font-size:.8rem;font-weight:800}.blog-page__empty{text-align:center;color:#a7abc6;flex-direction:column}.blog-page__empty-icon{color:#818cf8;background:#818cf81a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;display:flex}.blog-page__empty-icon svg{width:30px;height:30px}.blog-page__empty h3{color:#fff;margin:0 0 8px;font-size:1.25rem}.blog-page__empty p{color:#a7abc6;margin:0}@media (max-width:860px){.blog-featured{grid-template-columns:1fr}.blog-featured__body{padding:28px}}@media (max-width:768px){.blog-page__hero{padding:70px var(--space-md) 34px}.blog-page__content{padding:0 var(--space-md) 72px}.blog-filter{flex-direction:column;align-items:stretch}.blog-filter__categories{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.blog-featured__author-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.blog-featured__views{text-align:right;white-space:nowrap;margin-left:auto}.blog-featured .blog-card__author-row{width:100%}.blog-featured .blog-card__views{text-align:right;white-space:nowrap;margin-left:auto}.blog-grid{grid-template-columns:1fr}}
