=============================================
   MIND BOOST BLOG - blog.css
   ============================================= 
root{--primary#0F3460;--accent#00C9A7;--accent2#0EA5E9;--white#fff;--off-white#F0F7FF;--text-dark#0F172A;--text-mid#334155;--text-light#64748B;--border#E2E8F0;--font-heading'Montserrat',sans-serif;--font-body'Open Sans',sans-serif;--gradientlinear-gradient(135deg,#0F3460 0%,#0EA5E9 50%,#00C9A7 100%);}
,before,after{box-sizingborder-box;margin0;padding0;}
html{font-size16px;scroll-behaviorsmooth;}
body{font-familyvar(--font-body);colorvar(--text-dark);backgroundvar(--white);line-height1.75;}
img{max-width100%;heightauto;displayblock;}
a{colorinherit;text-decorationnone;}
ul,ol{padding-left20px;}
.container{width100%;max-width1100px;margin0 auto;padding0 20px;}

 NAV 
.navbar{backgroundrgba(15,52,96,0.97);padding0 20px;height68px;displayflex;align-itemscenter;positionsticky;top0;z-index100;box-shadow0 2px 20px rgba(0,0,0,0.2);}
.nav-inner{max-width1100px;margin0 auto;width100%;displayflex;align-itemscenter;justify-contentspace-between;}
.nav-logo{displayflex;align-itemscenter;gap10px;color#fff;font-familyvar(--font-heading);font-weight800;font-size20px;}
.nav-logo img{width36px;border-radius6px;height36px;object-fitcover;}
.logo-accent{colorvar(--accent);}
.nav-cta{backgroundlinear-gradient(135deg,#00C9A7,#0EA5E9);color#fff;padding9px 20px;border-radius50px;font-familyvar(--font-heading);font-weight700;font-size13px;transitiontransform 0.3s;white-spacenowrap;}
.nav-ctahover{transformscale(1.05);}

 HERO 
.blog-hero-post{backgroundlinear-gradient(160deg,#0A1628,#0F3460 60%,#0A2744);padding60px 20px 68px;color#fff;}
.blog-meta{displayflex;align-itemscenter;gap12px;margin-bottom16px;}
.blog-tag{displayinline-block;backgroundrgba(0,201,167,0.2);border1px solid rgba(0,201,167,0.4);colorvar(--accent);font-familyvar(--font-heading);font-size11px;font-weight700;padding4px 14px;border-radius50px;letter-spacing1px;text-transformuppercase;}
.blog-date{colorrgba(255,255,255,0.5);font-size13px;}
.blog-h1{font-familyvar(--font-heading);font-sizeclamp(24px,4vw,44px);font-weight900;line-height1.2;margin-bottom18px;color#fff;}
.blog-excerpt{font-size17px;colorrgba(255,255,255,0.8);max-width720px;line-height1.7;}
.blog-rating-bar{margin-top20px;displayflex;align-itemscenter;gap10px;colorrgba(255,255,255,0.7);font-size15px;}
.stars{font-size18px;}

 BODY LAYOUT 
.blog-body{padding56px 20px;displaygrid;grid-template-columns1fr 300px;gap48px;max-width1100px;margin0 auto;}
.blog-content h2{font-familyvar(--font-heading);font-sizeclamp(20px,3vw,28px);font-weight800;colorvar(--primary);margin36px 0 14px;line-height1.3;}
.blog-content h3{font-familyvar(--font-heading);font-size20px;font-weight700;colorvar(--text-dark);margin28px 0 12px;}
.blog-content h4{font-familyvar(--font-heading);font-size17px;font-weight700;colorvar(--text-dark);margin0 0 8px;}
.blog-content p{colorvar(--text-mid);font-size16px;line-height1.8;margin-bottom16px;}
.blog-content strong{colorvar(--text-dark);}

 TOC 
.toc-box{backgroundvar(--off-white);border1px solid var(--border);border-left4px solid var(--accent);border-radius12px;padding24px 28px;margin-bottom32px;}
.toc-box h4{font-familyvar(--font-heading);font-size15px;font-weight700;colorvar(--primary);margin-bottom12px;}
.toc-box ol{colorvar(--text-mid);font-size15px;line-height1.9;}
.toc-box a{colorvar(--accent);font-weight600;}
.toc-box ahover{text-decorationunderline;}

 HIGHLIGHT BOXES 
.highlight-box{backgroundrgba(14,165,233,0.06);border1px solid rgba(14,165,233,0.2);border-left4px solid var(--accent2);border-radius12px;padding20px 24px;margin24px 0;colorvar(--text-mid);font-size15px;line-height1.7;}
.highlight-box.green{backgroundrgba(0,201,167,0.06);border-colorrgba(0,201,167,0.2);border-left-colorvar(--accent);}
.highlight-box strong{colorvar(--text-dark);}

 REVIEW QUOTES 
.review-quote{backgroundvar(--off-white);border-radius12px;padding20px 24px;margin20px 0;border-left4px solid var(--accent);}
.review-q-header{displayflex;align-itemscenter;gap10px;margin-bottom10px;}
.rq-stars{font-size13px;}
.review-quote p{colorvar(--text-mid);font-size15px;font-stylenormal;margin0;}

 LISTS 
.blog-list{list-stylenone;padding0;margin16px 0 24px;}
.blog-list li{padding10px 0;border-bottom1px solid var(--border);colorvar(--text-mid);font-size15px;displayflex;gap8px;align-itemsflex-start;line-height1.6;}
.blog-list lilast-child{border-bottomnone;}

 INLINE CTA 
.cta-inline{backgroundlinear-gradient(135deg,#0F3460,#0EA5E9,#00C9A7);border-radius20px;padding36px 32px;text-aligncenter;color#fff;margin40px 0;}
.cta-inline h3{font-familyvar(--font-heading);font-size22px;font-weight800;margin-bottom10px;}
.cta-inline p{colorrgba(255,255,255,0.85);margin-bottom20px;}
.btn-cta{displayinline-block;background#fff;colorvar(--primary);font-familyvar(--font-heading);font-weight800;font-size16px;padding14px 32px;border-radius50px;transitiontransform 0.3s,box-shadow 0.3s;box-shadow0 4px 20px rgba(0,0,0,0.15);}
.btn-ctahover{transformscale(1.05);box-shadow0 8px 32px rgba(0,0,0,0.2);}

 FAQ 
.faq-simple{margin16px 0;}
.faq-q{backgroundvar(--white);border1px solid var(--border);border-radius12px;padding20px 24px;margin-bottom12px;}
.faq-q h4{colorvar(--primary);margin-bottom8px;font-size16px;}
.faq-q p{colorvar(--text-mid);font-size15px;line-height1.7;margin0;}

 RELATED 
.related-posts{margin-top48px;padding-top32px;border-top2px solid var(--border);}
.related-posts h3{font-familyvar(--font-heading);font-size20px;font-weight800;colorvar(--primary);margin-bottom16px;}
.related-grid{displaygrid;grid-template-columns1fr 1fr;gap12px;}
.related-card{backgroundvar(--off-white);border1px solid var(--border);border-radius12px;padding14px 18px;font-familyvar(--font-heading);font-weight700;font-size14px;colorvar(--primary);transitionall 0.3s;}
.related-cardhover{backgroundvar(--accent);color#fff;border-colorvar(--accent);}

 SIDEBAR 
.blog-sidebar{displayflex;flex-directioncolumn;gap24px;}
.sidebar-cta{backgroundlinear-gradient(135deg,#0F3460,#0EA5E9);border-radius16px;padding28px 20px;text-aligncenter;color#fff;positionsticky;top88px;}
.sidebar-cta h4{font-familyvar(--font-heading);font-size18px;font-weight800;margin-bottom10px;}
.sidebar-cta p{font-size14px;colorrgba(255,255,255,0.8);margin-bottom18px;line-height1.6;}
.btn-sidebar{displayblock;background#fff;colorvar(--primary);font-familyvar(--font-heading);font-weight800;font-size15px;padding12px 20px;border-radius50px;transitiontransform 0.3s;}
.btn-sidebarhover{transformscale(1.05);}
.sidebar-links{backgroundvar(--off-white);border-radius16px;padding24px 20px;border1px solid var(--border);}
.sidebar-links h4{font-familyvar(--font-heading);font-size15px;font-weight700;colorvar(--primary);margin-bottom14px;}
.sidebar-links a{displayblock;colorvar(--text-mid);font-size14px;padding7px 0;border-bottom1px solid var(--border);transitioncolor 0.3s;}
.sidebar-links alast-child{border-bottomnone;}
.sidebar-links ahover{colorvar(--accent);}

 FOOTER CTA 
.blog-footer-cta{backgroundlinear-gradient(135deg,#0A1628,#0F3460,#0A2744);padding56px 20px;text-aligncenter;color#fff;}
.blog-footer-cta h3{font-familyvar(--font-heading);font-sizeclamp(22px,4vw,32px);font-weight900;margin-bottom12px;}
.blog-footer-cta p{colorrgba(255,255,255,0.75);font-size17px;margin-bottom24px;}

.footer-min{background#060D1A;colorrgba(255,255,255,0.5);padding24px 20px;text-aligncenter;font-size13px;}
.footer-min a{colorvar(--accent);}

 GRADIENT TEXT 
.gradient-text{backgroundlinear-gradient(135deg,#0EA5E9,#00C9A7);-webkit-background-cliptext;-webkit-text-fill-colortransparent;background-cliptext;}

@media(max-width900px){.blog-body{grid-template-columns1fr;}.blog-sidebar{order2;}.sidebar-cta{positionstatic;}}
@media(max-width576px){.related-grid{grid-template-columns1fr;}.blog-hero-post{padding44px 20px 52px;}}