#blog__view{padding-bottom:4rem;position:relative}.blog__loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.blog__container__details{max-width:900px;margin:0 auto}.blog__back-btn{color:var(--color-light);border:1px solid var(--color-border);background:var(--color-bg-card);-webkit-backdrop-filter:blur(8px);transition:var(--transition);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.blog__back-btn svg{font-size:1.1rem;transition:transform .3s}.blog__back-btn:hover{color:var(--color-primary);border-color:var(--color-border-glow);transform:translate(-3px);box-shadow:0 4px 15px #7ec8341a}.blog__back-btn:hover svg{transform:translate(-3px)}.blog__hero{margin-bottom:2.5rem}.blog__hero__image{border-radius:var(--radius-lg);background:var(--color-bg-variant);border:1px solid var(--color-border);height:400px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.blog__hero__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.blog__hero__image:hover img{transform:scale(1.03)}.blog__hero__video{justify-content:center;align-items:center;width:100%;max-height:400px;display:flex;overflow:auto}.blog__hero__overlay{pointer-events:none;z-index:1;background:linear-gradient(#05070c0d 0%,#05070c1a 50%,#05070c99 100%);position:absolute;inset:0}.blog__hero__tag{-webkit-backdrop-filter:blur(10px);color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;z-index:2;background:#0c1019a6;border:1px solid #7ec83459;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:1.2rem;left:1.2rem;box-shadow:0 4px 15px #7ec83426}.blog__hero__tag svg{font-size:.75rem}.blog__content{padding:0 .5rem}.blog__subtitle{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.blog__details__title{color:var(--color-white);margin-bottom:2rem;font-size:2rem;font-weight:800;line-height:1.3}.blog__meta{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.2rem 1.5rem;display:flex}.blog__meta__item{align-items:center;gap:.85rem;display:flex}.blog__meta__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 15px #7ec83440}.blog__meta__avatar span{color:#0c1019;letter-spacing:.02em;font-size:.8rem;font-weight:800}.blog__meta__icon{background:var(--color-primary-variant);width:42px;height:42px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.blog__meta__info{flex-direction:column;gap:.1rem;display:flex}.blog__meta__info small{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:500}.blog__meta__info strong{color:var(--color-white);font-size:.85rem;font-weight:600}.blog__meta__divider{background:var(--color-border);width:1px;height:2.5rem}.blog__article{color:var(--color-light);font-size:.95rem;line-height:1.8}.blog__article p{color:var(--color-light);margin:0 0 1.5rem}.blog__article h1,.blog__article h2,.blog__article h3,.blog__article h4,.blog__article h5,.blog__article h6{color:var(--color-white);margin:2rem 0 1rem;font-weight:700;line-height:1.4}.blog__article h2{font-size:1.5rem}.blog__article h3{font-size:1.25rem}.blog__article ul,.blog__article ol{margin:0 0 1.5rem 1.5rem;padding:0}.blog__article ul li,.blog__article ol li{color:var(--color-light);margin-bottom:.6rem;list-style:outside}.blog__article ol li{list-style:decimal}.blog__article strong{color:var(--color-white);font-weight:700}.blog__article em{color:var(--color-secondary);font-style:italic}.blog__article blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-variant);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-white);margin:1.5rem 0;padding:1.2rem 1.5rem;font-style:italic}.blog__article pre{background:var(--color-bg-variant);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);margin:1.5rem 0;padding:1.2rem 1.5rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.blog__article code{background:var(--color-bg-variant);color:var(--color-primary);border-radius:4px;padding:.2rem .4rem;font-family:Consolas,Monaco,monospace;font-size:.85em}.blog__article pre code{color:inherit;background:0 0;padding:0}.blog__article hr{background:var(--color-border);border:none;height:1px;margin:2rem 0}.blog__article a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline;transition:color .3s}.blog__article a:hover{color:var(--color-white)}.blog__not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.blog__not-found h1{color:var(--color-white);font-size:2rem}@media screen and (max-width:1024px){.blog__container__details{max-width:100%}.blog__hero__image{height:350px}.blog__details__title{font-size:1.75rem}}@media screen and (max-width:600px){.blog__hero__image{height:250px}.blog__details__title{font-size:1.4rem}.blog__meta{justify-content:flex-start;gap:1rem;padding:1rem}.blog__meta__divider{display:none}.blog__meta__item{flex:100%;justify-content:flex-start}.blog__content{padding:0}.blog__article{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.blog__back-btn,.blog__back-btn svg,.blog__hero__image img{transition:none}.blog__back-btn:hover,.blog__back-btn:hover svg,.blog__hero__image:hover img{transform:none}}
