.blog-single-hero{padding:var(--spacing-16)0;text-align:center;background:linear-gradient(135deg,#fff5ee 0%,#ffe8d6 50%,#fff0e6 100%);position:relative;overflow:hidden}.blog-single-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b351a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.blog-single-hero .container{z-index:1;position:relative}.blog-single-hero__title{font-size:50px;font-weight:var(--font-weight-bold);color:var(--color-heading);line-height:1.2}.blog-single-hero__title-gradient{background:linear-gradient(#ffa84a -17.14%,#ff003b 125.96%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-single-hero__star{color:var(--color-primary);font-size:var(--font-size-2xl);vertical-align:middle;margin-left:var(--spacing-2);display:inline-block}.blog-single__featured{max-width:900px;padding:var(--spacing-8)var(--container-padding)0;margin:0 auto}.blog-single__featured-img{object-fit:cover;border-radius:var(--radius-xl);width:100%;height:400px;display:block}.blog-single__article{max-width:900px;padding:var(--spacing-8)var(--container-padding)var(--spacing-20);margin:0 auto}.blog-single__category{background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-1)var(--spacing-3);margin-bottom:var(--spacing-4);border-radius:50px;display:inline-block}.blog-single__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--spacing-4);line-height:1.2}.blog-single__byline{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.blog-single__byline-divider{color:var(--color-border)}.blog-single__divider{border:none;border-top:1px solid var(--color-border);margin-bottom:var(--spacing-8)}.blog-single__content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-top:var(--spacing-10);margin-bottom:var(--spacing-4)}.blog-single__content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.blog-single__content p{font-size:var(--font-size-base);color:var(--color-subheading);margin-bottom:var(--spacing-4);line-height:1.8}.blog-single__list{margin:var(--spacing-4)0 var(--spacing-6);gap:var(--spacing-3);flex-direction:column;display:flex}.blog-single__list-item{align-items:flex-start;gap:var(--spacing-3);font-size:var(--font-size-base);color:var(--color-subheading);line-height:1.6;display:flex}.blog-single__list-check{border-radius:var(--radius-full);width:22px;min-width:22px;height:22px;color:var(--color-primary);background:#ff6b351f;justify-content:center;align-items:center;margin-top:2px;display:flex}.blog-single__list-check svg{width:12px;height:12px}.blog-single__callout{margin:var(--spacing-6)0;padding:var(--spacing-5)var(--spacing-6);border-radius:var(--radius-lg);border-left:4px solid}.blog-single__callout--tip{border-left-color:var(--color-primary);background:#ff6b350f}.blog-single__callout--warning{background:#fef2f2;border-left-color:#ef4444}.blog-single__callout--info{background:#f0f9ff;border-left-color:#3b82f6}.blog-single__callout-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.blog-single__callout--tip .blog-single__callout-title{color:var(--color-primary)}.blog-single__callout--warning .blog-single__callout-title{color:#ef4444}.blog-single__callout--info .blog-single__callout-title{color:#3b82f6}.blog-single__callout-text{font-size:var(--font-size-sm);color:var(--color-subheading);line-height:1.7}.blog-single__related{background:var(--color-background);padding:var(--spacing-20)0}.blog-single__related-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--spacing-8)}.blog-single__related-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.blog-single__cta{padding:var(--spacing-20)0;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);position:relative;overflow:hidden}.blog-single__cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b351f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-30%;right:-10%}.blog-single__cta .container{z-index:1;position:relative}.blog-single__cta-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-8);line-height:1.3}.blog-single__cta-actions{justify-content:center;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.blog-single__resources{background:#f8f9fa;padding:3rem 0}.blog-single__resources-title{text-align:center;color:#1a1a2e;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.blog-single__resources-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:800px;margin:0 auto;display:grid}.blog-single__resource-card{text-align:center;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.blog-single__resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.blog-single__resource-icon{margin-bottom:.5rem;font-size:2rem}.blog-single__resource-name{color:#1a1a2e;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.blog-single__resource-desc{color:#6b7280;font-size:.8rem}@media (max-width:640px){.blog-single__resources-grid{grid-template-columns:1fr}}@media (max-width:991px){.blog-single-hero__title{font-size:40px}.blog-single__related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-single-hero{padding:var(--spacing-10)0}.blog-single-hero__title{font-size:32px}.blog-single__featured-img{height:250px}.blog-single__title{font-size:var(--font-size-2xl)}.blog-single__related-grid{grid-template-columns:1fr}.blog-single__cta-title{font-size:var(--font-size-2xl)}.blog-single__cta-actions{flex-direction:column}.blog-single__cta-actions .btn{width:100%}}@media (max-width:480px){.blog-single-hero__title{font-size:28px}.blog-single__featured-img{height:200px}}