.blog-post-main{max-width:800px;margin:3rem auto;padding:2.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:2rem;box-shadow:0 8px 32px rgba(60,80,180,.1);position:relative;overflow:hidden}.blog-post-main:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,#6366f1 0,transparent 70%);opacity:.15;z-index:0}.blog-post-nav{margin-bottom:2rem;z-index:1;position:relative}.blog-post-back{display:inline-flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:500;font-size:1rem;text-decoration:none;transition:color .2s}.blog-post-back:hover{color:#312e81}.blog-post-header{margin-bottom:2rem;z-index:1;position:relative}.blog-post-title{font-size:2.8rem;font-weight:900;color:#1e293b;margin-bottom:.5rem;line-height:1.1;letter-spacing:-1px}.blog-post-date{color:#64748b;font-size:1.1rem}.blog-post-content{z-index:1;position:relative;font-size:1.15rem;line-height:1.8;color:#334155}.blog-post-content h2,.blog-post-content h3{margin-top:2rem;margin-bottom:1rem;color:#6366f1}.blog-post-content a{color:#6366f1;text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:#312e81}