.blog-post-container{max-width:750px;margin:0 auto;padding:2rem}.blog-post-nav{margin-bottom:3rem}.blog-back-link,.blog-back-link-footer{color:#64ffda;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-back-link:hover,.blog-back-link-footer:hover{color:#0a192f}.blog-post-header{border-bottom:1.5px solid #0a192f1a;margin-bottom:4rem;padding-bottom:3rem}.blog-post-meta{gap:1rem;margin-bottom:1.5rem;display:flex}.blog-post-category,.blog-post-reading-time{letter-spacing:.08em;text-transform:uppercase;color:#64ffda;background:#64ffda14;border-radius:2px;padding:.4rem .8rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500}.blog-post-title{color:#0a192f;letter-spacing:.01em;margin-bottom:2rem;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.blog-post-author{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blog-post-author-image{object-fit:cover;border:2px solid #64ffda33;border-radius:50%;width:56px;height:56px}.blog-post-author-info{flex-direction:column;gap:.25rem;display:flex}.blog-post-author-name{color:#0a192f;font-family:Syne,sans-serif;font-size:1rem;font-weight:600}.blog-post-date{color:#8892b0;letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.85rem}.blog-post-tags{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.blog-post-tag{letter-spacing:.08em;text-transform:capitalize;color:#0a192f;cursor:pointer;background:#64ffda26;border:1px solid #64ffda;border-radius:20px;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-block}.blog-post-tag:hover{background:#64ffda4d}.blog-content{color:#444;word-spacing:.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.05rem;line-height:1.85}.blog-content p{text-align:justify;margin-bottom:1.5rem}.blog-content h2{color:#0a192f;letter-spacing:.01em;margin-top:2.5rem;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:1.85rem;font-weight:700;line-height:1.2}.blog-content h3{color:#0a192f;margin-top:2rem;margin-bottom:.75rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700}.blog-content h4,.blog-content h5,.blog-content h6{color:#0a192f;margin-top:1.5rem;margin-bottom:.5rem;font-family:Syne,sans-serif;font-weight:600}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{color:#555;margin-bottom:.5rem}.blog-content strong{color:#0a192f;font-weight:700}.blog-content em{color:#666;font-style:italic}.blog-content blockquote{color:#0a192f;background:linear-gradient(135deg,#64ffda26 0%,#64ffda14 100%);border-left:5px solid #64ffda;border-radius:4px;margin:2.5rem 0;padding:2rem 2rem 2rem 2.5rem;font-size:1.15rem;font-style:italic;font-weight:500;line-height:1.8;position:relative;box-shadow:0 6px 20px #64ffda26}.blog-content blockquote:before{content:"\"";color:#64ffda33;font-family:Cormorant Garamond,serif;font-size:4.5rem;font-style:normal;position:absolute;top:-15px;left:15px}.blog-content blockquote p{z-index:1;color:#0a192f;margin:0;position:relative}.blog-content code{color:#e83e8c;background:#f5f5f5;border-radius:2px;padding:.2rem .4rem;font-family:Fira Code,Courier New,monospace;font-size:.95rem}.blog-content pre{color:#f8f8f2;background:#2d2d2d;border-radius:4px;margin:1.5rem 0;padding:1.5rem;line-height:1.5;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border-radius:0;padding:0;font-size:.95rem}.blog-content a{color:#64ffda;border-bottom:1px solid #64ffda4d;text-decoration:none;transition:all .2s}.blog-content a:hover{color:#0a192f;border-bottom-color:#0a192f}.blog-content hr{border:none;border-top:1px solid #0a192f1a;margin:3rem 0}.blog-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.blog-content th,.blog-content td{text-align:left;border-bottom:1px solid #0a192f1a;padding:.75rem}.blog-content th{color:#0a192f;background:#64ffda0d;font-weight:600}.blog-content img{border:1px solid #0a192f1a;border-radius:4px;max-width:100%;height:auto;margin:2rem 0}.blog-post-footer{border-top:1.5px solid #0a192f1a;margin-top:4rem;padding-top:2rem}
