.blog-mainmin-heightcalc(100vh - 80px)paddingclamp(32px5vw64px) clamp(16px4vw32px) 80pxbackgroundradial-gradient(circle at 50% 0%var(--cyan-subtle) 0%transparent 60%).blog-containermax-width1200pxmargin0 auto.article-containermax-width860pxmargin0 auto.blog-breadcrumbdisplayflexalign-itemscentergap8pxfont-size13pxcolorvar(--text-muted)margin-bottom24pxflex-wrapwrap.blog-breadcrumb acolorvar(--cyan-primary)text-decorationnonetransitioncolor 0.2s ease.blog-breadcrumb ahovercolorvar(--cyan-bright)text-decorationunderline.blog-breadcrumb .sepopacity0.5.blog-hub-herotext-aligncentermargin-bottom48pxpadding20px 0.blog-hub-badgedisplayinline-flexalign-itemscentergap8pxpadding6px 16pxborder-radiusvar(--radius-full9999px)backgroundvar(--cyan-subtle)border1px solid var(--cyan-border)colorvar(--cyan-bright)font-size13pxfont-weight600margin-bottom16pxletter-spacing0.5px.blog-hub-titlefont-sizeclamp(28px4.5vw46px)font-weight800colorvar(--text-primary)line-height1.2margin-bottom16pxletter-spacing-0.5px.blog-hub-title .gradient-textbackgroundlinear-gradient(135degvar(--cyan-primary) 0%#00ff88 100%)-webkit-background-cliptext-webkit-text-fill-colortransparent.blog-hub-descfont-sizeclamp(15px2vw18px)colorvar(--text-secondary)max-width680pxmargin0 autoline-height1.6.blog-filtersdisplayflexjustify-contentcenterflex-wrapwrapgap10pxmargin-bottom40px.blog-filter-btnpadding8px 18pxborder-radiusvar(--radius-full9999px)border1px solid var(--border-subtle)backgroundvar(--bg-card)colorvar(--text-secondary)font-size13pxfont-weight600cursorpointertransitionall 0.2s easedisplayinline-flexalign-itemscentergap6px.blog-filter-btnhover.blog-filter-btn.activebackgroundvar(--cyan-subtle)border-colorvar(--cyan-primary)colorvar(--cyan-bright)box-shadow0 4px 15px var(--cyan-glow).blog-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(340px1fr))gap28pxmargin-bottom56px@media (max-width480px).blog-gridgrid-template-columns1fr.blog-cardbackgroundvar(--bg-card)border1px solid var(--border-subtle)border-radiusvar(--radius-lg20px)padding24pxdisplayflexflex-directioncolumnjustify-contentspace-betweentext-decorationnonetransitiontransform 0.25s cubic-bezier(0.1610.31)border-color 0.25s easebox-shadow 0.25s easepositionrelativeoverflowhidden.blog-cardbeforecontent''positionabsolutetop0left0right0height3pxbackgroundlinear-gradient(90degvar(--cyan-primary)#00ff88)opacity0transitionopacity 0.25s ease.blog-cardhovertransformtranslateY(-4px)border-colorvar(--cyan-border-hover)box-shadowvar(--shadow-card-hover).blog-cardhoverbeforeopacity1.blog-card-metadisplayflexalign-itemscenterjustify-contentspace-betweenmargin-bottom16pxfont-size12px.blog-badgepadding4px 10pxborder-radius6pxbackgroundvar(--cyan-subtle)border1px solid var(--cyan-border)colorvar(--cyan-bright)font-weight600font-size11pxtext-transformuppercaseletter-spacing0.5px.blog-read-timecolorvar(--text-muted)displayflexalign-itemscentergap4px.blog-card-titlefont-size20pxfont-weight700colorvar(--text-primary)line-height1.4margin-bottom12pxtransitioncolor 0.2s ease.blog-cardhover .blog-card-titlecolorvar(--cyan-bright).blog-card-excerptfont-size14pxcolorvar(--text-secondary)line-height1.6margin-bottom20pxflex-grow1.blog-card-footerdisplayflexalign-itemscenterjustify-contentspace-betweenpadding-top16pxborder-top1px solid var(--border-subtle)font-size13px.blog-authordisplayflexalign-itemscentergap10px.blog-author-imgwidth30pxheight30pxborder-radius50%border1.5px solid var(--cyan-primary)object-fitcover.blog-author-namecolorvar(--text-primary)font-weight600font-size12px.blog-card-ctacolorvar(--cyan-primary)font-weight600displayflexalign-itemscentergap4pxfont-size13pxtransitiongap 0.2s ease.blog-cardhover .blog-card-ctagap8pxcolorvar(--cyan-bright).article-headermargin-bottom36pxpadding-bottom28pxborder-bottom1px solid var(--border-subtle).article-header-metadisplayflexalign-itemscentergap12pxflex-wrapwrapmargin-bottom16pxfont-size13px.article-titlefont-sizeclamp(26px4vw42px)font-weight800colorvar(--text-primary)line-height1.25margin-bottom20pxletter-spacing-0.5px.article-leadfont-sizeclamp(16px2.2vw19px)colorvar(--text-secondary)line-height1.65margin-bottom24px.article-author-bardisplayflexalign-itemscenterjustify-contentspace-betweenflex-wrapwrapgap16pxpadding16px 20pxbackgroundvar(--bg-card)border1px solid var(--border-subtle)border-radiusvar(--radius-md14px).article-author-infodisplayflexalign-itemscentergap12px.article-author-avatarwidth44pxheight44pxborder-radius50%border2px solid var(--cyan-primary).article-author-details h4margin0font-size14pxcolorvar(--text-primary).article-author-details pmargin2px 0 0font-size12pxcolorvar(--text-muted).article-share-quickdisplayflexalign-itemscentergap8px.share-btndisplayinline-flexalign-itemscenterjustify-contentcenterwidth36pxheight36pxborder-radius8pxbackgroundvar(--bg-surfacergba(2552552550.05))border1px solid var(--border-subtle)colorvar(--text-secondary)cursorpointertransitionall 0.2s easetext-decorationnone.share-btnhovertransformtranslateY(-2px)color#ffffff.share-btn.share-whatsapphoverbackground#25D366border-color#25D366.share-btn.share-linkedinhoverbackground#0077b5border-color#0077b5.share-btn.share-xhoverbackground#000000border-color#333333.share-btn.share-telegramhoverbackground#229ED9border-color#229ED9.share-btn.share-copyhoverbackgroundvar(--cyan-primary)border-colorvar(--cyan-primary).article-contentcolorvar(--text-secondary)font-size16pxline-height1.8.article-content h2font-sizeclamp(22px3vw28px)font-weight700colorvar(--text-primary)margin40px 0 18pxline-height1.3padding-bottom8pxborder-bottom1px solid var(--border-subtle).article-content h3font-sizeclamp(18px2.4vw22px)font-weight600colorvar(--text-primary)margin28px 0 12px.article-content pmargin-bottom20px.article-content ul.article-content olmargin0 0 24px 24pxpadding0.article-content limargin-bottom10pxline-height1.7.article-content strongcolorvar(--text-primary).article-content acolorvar(--cyan-primary)text-decorationunderlinetext-underline-offset3pxtransitioncolor 0.2s ease.article-content ahovercolorvar(--cyan-bright).callout-boxmargin28px 0padding20px 24pxborder-radiusvar(--radius-md14px)border-left4px solid var(--cyan-primary)backgroundvar(--bg-card)displayflexgap16pxalign-itemsflex-start.callout-box.tipborder-left-color#00ff88backgroundrgba(02551360.05).callout-box.warningborder-left-color#ffaa00backgroundrgba(25517000.05).callout-box.key-takeawayborder-left-colorvar(--cyan-primary)backgroundvar(--cyan-subtle).callout-iconfont-size22pxflex-shrink0margin-top2px.callout-contentflex-grow1.callout-content h4margin0 0 6pxcolorvar(--text-primary)font-size15pxfont-weight700.callout-content pmargin0font-size14pxline-height1.6.table-responsiveoverflow-xautomargin28px 0border-radiusvar(--radius-md14px)border1px solid var(--border-subtle).article-tablewidth100%border-collapsecollapsefont-size14pxtext-alignleftbackgroundvar(--bg-card).article-table thbackgroundvar(--bg-surface)colorvar(--text-primary)padding14px 18pxfont-weight700border-bottom2px solid var(--border-subtle).article-table tdpadding12px 18pxborder-bottom1px solid var(--border-subtle)colorvar(--text-secondary).article-table trlast-child tdborder-bottomnone.article-table trhover tdbackgroundvar(--bg-card-hover).code-blockbackground#05070cborder1px solid var(--border-subtle)border-radiusvar(--radius-md14px)padding18px 22pxmargin24px 0overflow-xautofont-familyvar(--font-monomonospace)font-size13.5pxline-height1.6color#e2e8f0.formula-cardbackgroundlinear-gradient(135degvar(--bg-card)rgba(01912550.08))border1.5px solid var(--cyan-border)border-radiusvar(--radius-md14px)padding22pxmargin28px 0text-aligncenter.formula-expressionfont-familyvar(--font-monomonospace)font-sizeclamp(16px3vw22px)font-weight700colorvar(--cyan-bright)margin-bottom10pxletter-spacing0.5px.formula-legendfont-size13pxcolorvar(--text-muted).article-tocbackgroundvar(--bg-card)border1px solid var(--border-subtle)border-radiusvar(--radius-md14px)padding20px 24pxmargin28px 0 36px.article-toc-titlefont-size15pxfont-weight700colorvar(--text-primary)margin-bottom12pxdisplayflexalign-itemscentergap8px.article-toc ulmargin0padding-left20px.article-toc limargin-bottom8pxfont-size14px.article-toc acolorvar(--text-secondary)text-decorationnone.article-toc ahovercolorvar(--cyan-bright).author-bio-cardbackgroundvar(--bg-card)border1px solid var(--border-subtle)border-radiusvar(--radius-lg20px)padding28pxmargin48px 0displayflexgap20pxalign-itemsflex-start@media (max-width600px).author-bio-cardflex-directioncolumnalign-itemscentertext-aligncenter.author-bio-avatarwidth68pxheight68pxborder-radius50%border2px solid var(--cyan-primary)flex-shrink0.author-bio-content h3margin0 0 6pxfont-size18pxcolorvar(--text-primary).author-bio-rolecolorvar(--cyan-bright)font-size13pxfont-weight600margin-bottom10px.author-bio-content pfont-size14pxcolorvar(--text-secondary)line-height1.6margin-bottom12px.related-tools-boxbackgroundradial-gradient(circle at 100% 0%var(--cyan-subtle) 0%var(--bg-card) 70%)border1.5px solid var(--cyan-border)border-radiusvar(--radius-lg20px)padding28pxmargin40px 0.related-tools-box h3margin0 0 8pxfont-size20pxcolorvar(--text-primary).related-tools-box pmargin0 0 20pxcolorvar(--text-secondary)font-size14px.related-tools-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(220px1fr))gap14px.related-tool-itembackgroundvar(--bg-surface)border1px solid var(--border-subtle)border-radiusvar(--radius-md14px)padding14px 18pxtext-decorationnonecolorvar(--text-primary)displayflexalign-itemscenterjustify-contentspace-betweenfont-size13.5pxfont-weight600transitionall 0.2s ease.related-tool-itemhoverborder-colorvar(--cyan-primary)transformtranslateX(4px)colorvar(--cyan-bright).article-share-bannerbackgroundvar(--bg-card)border1px solid var(--border-subtle)border-radiusvar(--radius-lg20px)padding24pxmargin36px 0text-aligncenter.article-share-banner h4margin0 0 8pxfont-size17pxcolorvar(--text-primary).article-share-banner pmargin0 0 16pxfont-size13.5pxcolorvar(--text-muted).share-banner-buttonsdisplayflexjustify-contentcentergap12pxflex-wrapwrap.share-pill-btndisplayinline-flexalign-itemscentergap8pxpadding10px 18pxborder-radiusvar(--radius-full9999px)font-size13pxfont-weight600text-decorationnonecursorpointerborder1px solid var(--border-subtle)backgroundvar(--bg-surface)colorvar(--text-primary)transitionall 0.2s ease.share-pill-btnhovertransformtranslateY(-2px)box-shadow0 4px 12px rgba(0000.2).share-pill-btn.whatsappbackground#25D366color#ffffffborder-color#25D366.share-pill-btn.linkedinbackground#0077b5color#ffffffborder-color#0077b5.share-pill-btn.xbackground#0f1419color#ffffffborder-color#333333.share-pill-btn.telegrambackground#229ED9color#ffffffborder-color#229ED9.share-pill-btn.copybackgroundvar(--cyan-subtle)colorvar(--cyan-bright)border-colorvar(--cyan-border).toast-noticepositionfixedbottom24pxright24pxbackground#00ff88color#05070cfont-weight700padding12px 22pxborder-radiusvar(--radius-full9999px)box-shadow0 8px 24px rgba(02551360.4)font-size13.5pxdisplayflexalign-itemscentergap8pxz-index10000transformtranslateY(100px)opacity0transitionall 0.3s cubic-bezier(0.1610.31).toast-notice.showtransformtranslateY(0)opacity1