.blog-posts-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-posts-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-posts-nav{margin-bottom:2rem;z-index:1;position:relative}.blog-posts-back{display:inline-flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:500;font-size:1rem;text-decoration:none;transition:color .2s}.blog-posts-back:hover{color:#312e81}.blog-posts-header{margin-bottom:2rem;z-index:1;position:relative}.blog-posts-title{font-size:2rem;font-weight:900;color:#1e293b;margin-bottom:.5rem;line-height:1.1;letter-spacing:-1px}.blog-posts-date{color:#64748b;font-size:1.1rem}.blog-posts-content{z-index:1;position:relative;font-size:1.15rem;line-height:1.8;color:#334155}.blog-posts-content h2,.blog-posts-content h3{margin-top:2rem;margin-bottom:1rem;color:#6366f1}.blog-posts-content a{color:#6366f1;text-decoration:underline;transition:color .2s}.blog-posts-content a:hover{color:#312e81}.blog-posts-content blockquote{border-left:4px solid #6366f1;background:rgba(99,102,241,.05);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:1rem;color:#1e293b;font-style:italic;position:relative;quotes:"“" "”" "‘" "’"}.blog-posts-content blockquote:before{content:open-quote;font-size:2rem;line-height:0;vertical-align:-.4rem;margin-right:.25rem;color:#6366f1}.blog-posts-content blockquote:after{content:close-quote;font-size:2rem;line-height:0;vertical-align:-.4rem;margin-left:.25rem;color:#6366f1}@media (max-width:600px){.blog-posts-content blockquote{padding:.75rem 1rem;font-size:1rem}.blog-posts-content blockquote:after,.blog-posts-content blockquote:before{font-size:1.5rem}}