.blog-post-wrapper{background-color:#fff;min-height:100vh;font-family:var(--font-satoshi),ui-sans-serif,system-ui,sans-serif}.post-tag-pill{padding:.35rem 1rem;border:1px solid rgba(107,99,247,.28);color:var(--mf-white);z-index:1;background:var(--mf-purple);position:relative;font-weight:600;font-size:.75rem;text-decoration:none;overflow:hidden}.post-tag-pill,.post-tag-pill:before{border-radius:50px;transition:all .25s}.post-tag-pill:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#212121;z-index:-1}.post-tag-pill:hover{color:var(--mf-white);border-color:#212121}.post-tag-pill:hover:before{width:100%}.post-top-category{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mf-purple);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}.post-top-category:hover{color:#000;text-decoration:underline;text-underline-offset:.2em}.post-author-name{font-size:18px;line-height:1;margin-top:.25rem;color:#000;font-weight:700}.back-to-blogs{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#86868b;text-decoration:none;transition:color .2s ease;margin-bottom:2rem}.back-to-blogs:hover{color:#1d1d1f}.blog-content h2{font-size:2rem;font-weight:700;margin-top:3.5rem;margin-bottom:1.5rem;color:#1d1d1f;letter-spacing:-.02em}.blog-content h3{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:#1d1d1f}.blog-content code{background-color:#f5f5f7;color:#e3416b;padding:.2rem .4rem;border-radius:6px;font-size:.85em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blog-content pre{background-color:#1d1d1f;color:#f5f5f7;padding:1.5rem;border-radius:16px;overflow-x:auto;margin:2rem 0;box-shadow:0 10px 30px rgba(0,0,0,.1)}.blog-content pre code{background-color:rgba(0,0,0,0);color:inherit;padding:0;border-radius:0;font-size:.9em}.blog-content blockquote{border-left:4px solid #1d1d1f;font-style:italic;color:#6e6e73;margin:2rem 0;background:#f5f5f7;padding:1.5rem;border-radius:0 16px 16px 0}.project-detail-content{color:var(--mf-dark)}.project-detail-content h2{color:var(--mf-purple);font-size:clamp(2.1rem,4vw,2.9rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-top:1.5rem;margin-bottom:1rem}.project-detail-content h3{color:var(--mf-dark);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em}.project-detail-content p{color:var(--mf-dark);font-size:1.05rem;line-height:1.45}.project-detail-content a{color:var(--mf-purple);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}.project-detail-content strong{color:var(--mf-dark)}.project-detail-content blockquote{border-left:4px solid var(--mf-purple);background:rgba(107,99,247,.06);color:var(--mf-dark)}.project-detail-content code{color:var(--mf-red)}.projectCtaButton{display:inline-block;position:relative;overflow:hidden;z-index:1;min-width:180px;padding:.875rem 1.5rem;border-radius:9999px;background:var(--mf-lime);border:1px solid var(--mf-lime);color:var(--mf-dark);font-size:1rem;font-weight:600;line-height:1;text-align:center;text-decoration:none;transition:all .2s ease-in}.projectCtaButton:before{left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0,0,0,.05)}.projectCtaButton:after,.projectCtaButton:before{content:"";position:absolute;border-radius:50%;display:block;z-index:-1;transition:all .5s cubic-bezier(.55,0,.1,1) .1s}.projectCtaButton:after{left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#ff3636}.projectCtaButton:hover{color:#fff;border-color:#ff3636}.projectCtaButton:hover:before{top:-35%}.projectCtaButton:hover:after,.projectCtaButton:hover:before{background-color:#ff3636;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.projectCtaButton:hover:after{top:-45%}.post-navigation{display:grid;grid-template-columns:1fr;gap:1rem;border-top:1px solid #eaeaea;padding-top:3rem;margin-top:4rem}@media(min-width:640px){.post-navigation{grid-template-columns:1fr 1fr}}.post-navigation .nav-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:20px;background-color:#fff;border:1px solid #eaeaea;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden;z-index:1}.post-navigation .nav-card:hover{border-color:#ff3636;box-shadow:0 4px 12px rgba(0,0,0,.05)}.post-navigation .nav-card:before{left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0,0,0,.05)}.post-navigation .nav-card:after,.post-navigation .nav-card:before{content:"";position:absolute;border-radius:50%;display:block;z-index:-1;transition:all .5s cubic-bezier(.55,0,.1,1) .1s}.post-navigation .nav-card:after{left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#ff3636}.post-navigation .nav-card:hover:before{top:-35%;background-color:#ff3636;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.post-navigation .nav-card:hover:after{top:-45%;background-color:#ff3636;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.post-navigation .nav-card .nav-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#86868b;margin-bottom:.5rem;font-weight:600;transition:color .2s ease}.post-navigation .nav-card .nav-title{font-size:1.1rem;font-weight:600;color:#1d1d1f;transition:color .2s ease}.post-navigation .nav-card:hover .nav-label,.post-navigation .nav-card:hover .nav-title{color:#fff}.post-navigation .nav-card.next{text-align:right}.more-blogs-section{background-color:#fff;padding:5rem 0;margin-top:4rem;border-top:1px solid #eaeaea}.more-blogs-section .section-title{font-size:2rem;font-weight:700;margin-bottom:2.5rem;color:#1d1d1f}