.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,3.6rem);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}}html:not([data-theme=dark]) .blog-page,[data-theme=light] .blog-page{color:var(--color-text);background:radial-gradient(circle at 20% 12%, #2d1ae814, transparent 32%), radial-gradient(circle at 82% 40%, #00d09412, transparent 34%), var(--color-bg)}html:not([data-theme=dark]) .blog-page__hero:before,[data-theme=light] .blog-page__hero:before{background:radial-gradient(circle at 50% 0,#818cf81a,#0000 42%)}html:not([data-theme=dark]) .blog-page__title,[data-theme=light] .blog-page__title,html:not([data-theme=dark]) .blog-featured__title,[data-theme=light] .blog-featured__title,html:not([data-theme=dark]) .blog-card__title,[data-theme=light] .blog-card__title,html:not([data-theme=dark]) .blog-card__author-name,[data-theme=light] .blog-card__author-name,html:not([data-theme=dark]) .blog-page__empty h3,[data-theme=light] .blog-page__empty h3{color:var(--color-text)}html:not([data-theme=dark]) .blog-page__subtitle,[data-theme=light] .blog-page__subtitle,html:not([data-theme=dark]) .blog-featured__excerpt,[data-theme=light] .blog-featured__excerpt,html:not([data-theme=dark]) .blog-card__excerpt,[data-theme=light] .blog-card__excerpt,html:not([data-theme=dark]) .blog-card__reading,[data-theme=light] .blog-card__reading,html:not([data-theme=dark]) .blog-card__date,[data-theme=light] .blog-card__date,html:not([data-theme=dark]) .blog-card__views,[data-theme=light] .blog-card__views,html:not([data-theme=dark]) .blog-page__empty,[data-theme=light] .blog-page__empty,html:not([data-theme=dark]) .blog-page__empty p,[data-theme=light] .blog-page__empty p{color:var(--color-text-secondary)}html:not([data-theme=dark]) .blog-filter,[data-theme=light] .blog-filter,html:not([data-theme=dark]) .blog-featured,[data-theme=light] .blog-featured,html:not([data-theme=dark]) .blog-card,[data-theme=light] .blog-card{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md)}html:not([data-theme=dark]) .blog-featured:hover,[data-theme=light] .blog-featured:hover,html:not([data-theme=dark]) .blog-card:hover,[data-theme=light] .blog-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg)}html:not([data-theme=dark]) .blog-filter__input,[data-theme=light] .blog-filter__input{color:var(--color-text);border-color:var(--color-border);background:var(--color-bg-alt)}html:not([data-theme=dark]) .blog-filter__input::placeholder,[data-theme=light] .blog-filter__input::placeholder{color:var(--color-text-tertiary)}html:not([data-theme=dark]) .blog-filter__cat-btn,[data-theme=light] .blog-filter__cat-btn{color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-bg-alt)}html:not([data-theme=dark]) .blog-filter__cat-btn:hover,html:not([data-theme=dark]) .blog-filter__cat-btn--active,[data-theme=light] .blog-filter__cat-btn:hover,[data-theme=light] .blog-filter__cat-btn--active{color:#fff;background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%);border-color:#2d1ae857}html:not([data-theme=dark]) .blog-featured__image,[data-theme=light] .blog-featured__image,html:not([data-theme=dark]) .blog-card__image,[data-theme=light] .blog-card__image{background:var(--color-bg-alt)}html:not([data-theme=dark]) .blog-featured__placeholder,[data-theme=light] .blog-featured__placeholder,html:not([data-theme=dark]) .blog-card__placeholder,[data-theme=light] .blog-card__placeholder{background:linear-gradient(135deg,#0106b424,#818cf81a)}html:not([data-theme=dark]) .blog-featured__placeholder span,[data-theme=light] .blog-featured__placeholder span{color:#0a16282e}html:not([data-theme=dark]) .blog-card__tag,[data-theme=light] .blog-card__tag,html:not([data-theme=dark]) .blog-page__empty-icon,[data-theme=light] .blog-page__empty-icon{color:#3b40d8;background:#2d1ae814}html:not([data-theme=dark]) .blog-card__footer,[data-theme=light] .blog-card__footer{border-top-color:var(--color-border)}.blog-page__hero-filter{width:min(760px,100%);margin:30px auto 0}.blog-page__hero-filter .blog-filter{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:14px;margin:0;padding:0;display:flex}.blog-page__hero-filter .blog-filter__search{width:100%;min-width:0}.blog-page__hero-filter .blog-filter__search-icon{color:#7a7f8c;background:#f3f4f6;border-radius:50%;width:34px;height:34px;padding:8px;left:auto;right:16px}.blog-page__hero-filter .blog-filter__input{color:#151922;background:#fff;border:0;border-radius:24px;min-height:112px;padding:20px 66px 58px 24px;box-shadow:0 12px 30px #0f172a14}.blog-page__hero-filter .blog-filter__input::placeholder{color:#424856}.blog-page__hero-filter .blog-filter__input:focus{box-shadow:0 0 0 4px #2d1ae81a,0 16px 36px #0f172a1a}.blog-page__hero-filter .blog-filter__categories{justify-content:center;gap:9px;max-width:620px}.blog-page__hero-filter .blog-filter__cat-btn{color:#151922;background:#fff;border:1px solid #0f172a12;border-radius:999px;min-height:34px;padding:0 15px;font-size:.78rem;font-weight:850;box-shadow:0 5px 12px #0f172a14}.blog-page__hero-filter .blog-filter__cat-btn:hover,.blog-page__hero-filter .blog-filter__cat-btn--active{color:#fff;background:#151922;border-color:#0000;box-shadow:0 8px 16px #0f172a24}[data-theme=dark] .blog-page__hero-filter .blog-filter__input{color:#fff;background:#12143ee6;box-shadow:0 16px 36px #00000047}[data-theme=dark] .blog-page__hero-filter .blog-filter__input::placeholder{color:#c7cbed}[data-theme=dark] .blog-page__hero-filter .blog-filter__cat-btn{color:#fff;background:#95959cdb;border-color:#818cf81f;box-shadow:0 8px 16px #0000002e}[data-theme=dark] .blog-page__hero-filter .blog-filter__cat-btn:hover,[data-theme=dark] .blog-page__hero-filter .blog-filter__cat-btn--active{color:#fff;background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%)}@media (max-width:768px){.blog-page__hero-filter{margin-top:24px}.blog-page__hero-filter .blog-filter__input{min-height:104px;padding:18px 62px 50px 20px}.blog-page__hero-filter .blog-filter__categories{flex-wrap:wrap;padding-bottom:0;overflow:visible}}.blog-page__hero-filter{width:min(720px,100%);margin-top:28px}.blog-page__hero-filter .blog-filter{gap:12px}.blog-page__hero-filter .blog-filter__search-icon{color:#8c919d;background:#f2f3f5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1rem;line-height:1;display:inline-flex;inset:auto 10px 10px auto;transform:none}.blog-page__hero-filter .blog-filter__input{border-radius:22px;min-height:112px;padding:18px 58px 58px 22px;font-size:.98rem;box-shadow:0 10px 24px #0f172a0f}.blog-page__hero-filter .blog-filter__categories{justify-content:center;gap:8px 10px;max-width:610px;margin:0 auto;display:flex}.blog-page__hero-filter .blog-filter__cat-btn{color:#090b10;border:1px solid #0f172a0f;align-items:center;gap:6px;min-height:31px;padding:0 14px 0 12px;font-size:.78rem;display:inline-flex;box-shadow:0 4px 10px #0f172a14}.blog-page__hero-filter .blog-filter__cat-btn:before{color:currentColor;justify-content:center;align-items:center;width:16px;height:16px;font-size:.86rem;line-height:1;display:inline-flex}.blog-page__hero-filter .blog-filter__cat-btn:first-child:before{content:"◉"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(2):before{content:"□"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(3):before{content:"✉"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(4):before{content:"≋"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(5):before{content:"↔"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(6):before{content:"☁"}.blog-page__hero-filter .blog-filter__cat-btn:nth-child(7):before{content:"✣"}.blog-page__hero-filter .blog-filter__cat-btn:hover,.blog-page__hero-filter .blog-filter__cat-btn--active{transform:translateY(-1px)}[data-theme=dark] .blog-page__hero-filter .blog-filter__search-icon{color:#d8dcff;background:#ffffff1a}@media (max-width:768px){.blog-page__hero-filter .blog-filter__input{min-height:108px}.blog-page__hero-filter .blog-filter__cat-btn{min-height:32px}}.blog-page__hero-filter .blog-filter__cat-btn{gap:0;padding:0 22px;font-weight:600}.blog-page__hero-filter .blog-filter__cat-btn:before{content:none!important;display:none!important}.blog-page__hero-filter .blog-filter__cat-btn:hover,.blog-page__hero-filter .blog-filter__cat-btn--active{font-weight:600}.blog-page__hero-filter .blog-filter,html:not([data-theme=dark]) .blog-page__hero-filter .blog-filter,[data-theme=light] .blog-page__hero-filter .blog-filter{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.blog-page__hero-filter .blog-filter__input,html:not([data-theme=dark]) .blog-page__hero-filter .blog-filter__input,[data-theme=light] .blog-page__hero-filter .blog-filter__input{background:#fff!important}.blog-page__hero-filter .blog-filter__cat-btn,html:not([data-theme=dark]) .blog-page__hero-filter .blog-filter__cat-btn,[data-theme=light] .blog-page__hero-filter .blog-filter__cat-btn{color:#26324a;border-color:#0f172a14;background:#fff!important}.blog-page__hero-filter .blog-filter__cat-btn:hover,.blog-page__hero-filter .blog-filter__cat-btn--active,html:not([data-theme=dark]) .blog-page__hero-filter .blog-filter__cat-btn:hover,html:not([data-theme=dark]) .blog-page__hero-filter .blog-filter__cat-btn--active,[data-theme=light] .blog-page__hero-filter .blog-filter__cat-btn:hover,[data-theme=light] .blog-page__hero-filter .blog-filter__cat-btn--active{color:#fff;border-color:#0000;background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%)!important}