.blog-detail-page{padding:160px 0 80px;background:linear-gradient(180deg,#040f2005,#040f2014)}.blog-detail-page .container{max-width:960px}.blog-detail-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.blog-detail-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--main);font-weight:600;text-decoration:none;transition:gap .3s ease,color .3s ease}.blog-detail-back:hover{gap:.75rem;color:var(--black)}.blog-detail-meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:#1d2939a6;font-size:.95rem}.blog-detail-meta span{display:inline-flex;align-items:center;gap:.5rem}.blog-detail-meta i{color:var(--main)}.blog-detail-header h1{font-family:var(--font-headers);font-size:clamp(2.1rem,4vw,2.8rem);margin:0;color:var(--heading-color)}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-detail-tag{padding:.35rem 1rem;border-radius:999px;background:#0076b61a;color:var(--main);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.blog-detail-image{border-radius:32px;overflow:hidden;box-shadow:0 25px 60px #051c3740;margin-bottom:2.5rem}.blog-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-detail-content{background:var(--white);border-radius:28px;padding:clamp(2rem,4vw,3rem);box-shadow:0 18px 40px #00000014;display:flex;flex-direction:column;gap:1.5rem}.blog-detail-excerpt{font-size:1.15rem;line-height:1.8;color:#1d2939b8;font-weight:500}.blog-detail-body{color:#1d2939c7;line-height:1.85;font-size:1.05rem;display:flex;flex-direction:column;gap:1.25rem}.blog-detail-body p{margin:0}.blog-detail-loading,.blog-detail-error{min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--heading-color);text-align:center}.blog-detail-spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(85,184,230,.25);border-top-color:var(--second);animation:blogDetailSpin .9s linear infinite}@keyframes blogDetailSpin{to{transform:rotate(360deg)}}.blog-detail-error i{font-size:2.4rem;color:var(--main)}@media (max-width: 767px){.blog-detail-page{padding:140px 0 60px}.blog-detail-content{padding:1.75rem}.blog-detail-meta{gap:1rem}}