@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:wght@300;400&display=swap";.blog-post{background:linear-gradient(180deg,#fff,#f7faff,#eef2ff);padding:40px 20px 80px;min-height:100vh;position:relative;overflow:hidden}.blog-post__background{position:absolute;inset:0;pointer-events:none;z-index:0}.blog-post__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:70px 70px;animation:blogPostGridMove 28s linear infinite}.blog-post__orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5}.blog-post__orb.orb-1{width:460px;height:460px;background:radial-gradient(circle,rgba(37,99,235,.55) 0%,transparent 70%);top:-210px;right:-160px;animation:blogPostOrbOne 18s ease-in-out infinite}.blog-post__orb.orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(56,189,248,.5) 0%,transparent 70%);bottom:-170px;left:-140px;animation:blogPostOrbTwo 26s ease-in-out infinite}@keyframes blogPostGridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes blogPostOrbOne{0%,to{transform:translate(0)}50%{transform:translate(-35px,45px)}}@keyframes blogPostOrbTwo{0%,to{transform:translate(0)}50%{transform:translate(45px,-30px)}}.blog-post__container{max-width:800px;margin:0 auto;background:#fff;padding:60px 80px;border-radius:28px;box-shadow:0 30px 80px #0f172a1f;border:1px solid rgba(148,163,184,.2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden;z-index:1}.blog-post__container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb1f,#38bdf81f);opacity:1;z-index:-1}.blog-post__header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.blog-post__badge{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:999px;background:#2563eb26;color:#1d4ed8;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.blog-post__header h1{font-size:2.75rem;font-weight:800;color:#0f172a;margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.blog-post__meta{display:flex;align-items:center;gap:18px;font-size:.95rem;color:#64748b;flex-wrap:wrap}.blog-post__meta-item{display:inline-flex;align-items:center;gap:8px;color:#3b4a5f}.blog-post__meta-icon{width:18px;height:18px;color:#2563eb}.blog-post__meta-separator{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.blog-post__content{color:#334155;line-height:1.8;font-size:1.125rem;font-family:Merriweather,serif;font-weight:300}.blog-post__content p{margin-bottom:1.75em;font-size:1.1rem;color:#334155}.blog-post__content h3{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-top:2.5em;margin-bottom:1em;letter-spacing:-.01em;position:relative;padding-left:20px}.blog-post__content h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.blog-post__content ul,.blog-post__content ol{margin-left:0;margin-bottom:1.75em;padding-left:0;list-style:none}.blog-post__content li{margin-bottom:.75em;padding-left:32px;position:relative;color:#475569}.blog-post__content ul li:before{content:"•";position:absolute;left:12px;color:#667eea;font-weight:700;font-size:1.2em}.blog-post__content ol{counter-reset:list-counter}.blog-post__content ol li{counter-increment:list-counter}.blog-post__content ol li:before{content:counter(list-counter) ".";position:absolute;left:8px;color:#667eea;font-weight:600;font-family:Inter,sans-serif}.blog-post__content a{color:#2563eb;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative;border-bottom:1px solid transparent}.blog-post__content a:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.blog-post__content strong{font-weight:600;color:#0f172a}.blog-post__content blockquote{margin:2em 0;padding:1.5em 2em;background:#f8fafc;border-left:4px solid #2563eb;font-style:italic;color:#475569;border-radius:8px}.blog-post__footer{margin-top:60px;padding-top:32px;border-top:1px solid #e2e8f0}.blog-post__back-link{display:inline-flex;align-items:center;gap:10px;color:#0f172a;font-weight:600;text-decoration:none;font-size:.95rem;transition:transform .25s ease,box-shadow .25s ease;padding:12px 22px;background:#2563eb1f;border-radius:999px;border:1px solid rgba(37,99,235,.35);position:relative;overflow:hidden}.blog-post__back-link:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#2563eb2e,#38bdf82e);opacity:0;transition:opacity .25s ease;z-index:-1}.blog-post__back-link:hover{transform:translate(-4px);box-shadow:0 12px 25px #2563eb40}.blog-post__back-link:hover:after{opacity:1}.blog-post__back-icon{width:18px;height:18px}.blog-post__content pre{background:#0f172a;color:#e2e8f0;padding:1.5em;border-radius:8px;overflow-x:auto;margin:2em 0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6}.blog-post__content code{background:#f1f5f9;color:#667eea;padding:.2em .4em;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.blog-post__content pre code{background:none;color:inherit;padding:0}.blog-post__container--loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1.125rem}@media (max-width: 1024px){.blog-post__container{padding:48px 60px}}@media (max-width: 768px){.blog-post__container{padding:40px 32px;border-radius:22px}.blog-post__header h1{font-size:2rem}.blog-post__content,.blog-post__content p{font-size:1.05rem}.blog-post__content h3{font-size:1.5rem}}@media (max-width: 480px){.blog-post{padding:24px 16px 60px}.blog-post__container{padding:32px 24px}.blog-post__header h1{font-size:1.75rem}.blog-post__content{font-size:1rem}}