.post-header{padding:12rem 0 6rem;background:linear-gradient(45deg,var(--null-black),var(--deep-signal-green));position:relative;overflow:hidden;text-align:center}.post-header-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#00d6c633,#0000 70%);z-index:0}.container{width:90%;max-width:1200px;margin:0 auto;position:relative;z-index:1}.back-to-blog{display:inline-flex;align-items:center;gap:.5rem;color:var(--quantum-teal);text-decoration:none;font-size:1rem;font-weight:500;font-family:var(--font-body);margin-bottom:2rem;transition:all .3s ease}.back-to-blog:hover{color:var(--signal-ember)}.post-title{font-family:var(--font-display);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-line-height);margin-bottom:2rem;color:var(--static-white)}.post-author-meta{display:flex;justify-content:center;gap:2rem;color:#ffffffd9;font-size:1.1rem;font-family:var(--font-body)}.post-content-section{padding:4rem 0 6rem;background:var(--null-black);position:relative}.post-content-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300d6c6' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.post-content{background:var(--deep-signal-green);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003;padding:5rem;margin-top:0;position:relative;z-index:1;max-width:900px;margin-left:auto;margin-right:auto}article{color:var(--static-white)}.sanity-content h1,.sanity-content h2,.sanity-content h3,.sanity-content p,.sanity-content ul,.sanity-content ol,.sanity-content blockquote{font-family:var(--font-body)}.sanity-content h2{font-size:var(--h2-size);font-weight:var(--h2-weight);margin:3rem 0 1.5rem;color:var(--static-white);position:relative;padding-bottom:.8rem}.sanity-content h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--gradient-primary);border-radius:2px}.sanity-content h3{font-size:var(--h3-size);font-weight:var(--h3-weight);margin:2.5rem 0 1.2rem;color:var(--static-white)}.sanity-content p{font-size:var(--body-size);line-height:var(--body-line-height);margin-bottom:1.8rem;color:#ffffffe6}.sanity-content a{color:var(--quantum-teal);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:500}.sanity-content a:hover{border-color:var(--quantum-teal);color:var(--signal-ember)}.sanity-content strong{color:var(--static-white);font-weight:600}article h1{font-family:var(--font-display);font-size:2.5rem;font-weight:var(--h1-weight);line-height:var(--h1-line-height);margin:3rem 0 1.5rem;position:relative}article h2{font-family:var(--font-body);font-size:var(--h2-size);font-weight:var(--h2-weight);margin:3rem 0 1.5rem;color:var(--static-white);position:relative;padding-bottom:.8rem}article h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--gradient-primary);border-radius:2px}article h3{font-family:var(--font-body);font-size:var(--h3-size);font-weight:var(--h3-weight);margin:2.5rem 0 1.2rem;color:var(--static-white)}article p{font-family:var(--font-body);font-size:var(--body-size);line-height:var(--body-line-height);margin-bottom:1.8rem;color:#ffffffe6}article a{color:var(--quantum-teal);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;font-weight:500}article a:hover{border-color:var(--quantum-teal);color:var(--signal-ember)}article ul,article ol{margin:1.8rem 0;padding-left:2rem;color:#ffffffe6;line-height:1.8;font-family:var(--font-body)}article li{margin-bottom:1rem;position:relative}article ul li:before{content:"";position:absolute;left:-1.5rem;top:.5rem;width:6px;height:6px;background:var(--quantum-teal);border-radius:50%}article blockquote{margin:2.5rem 0;padding:2rem 2.5rem;border-left:4px solid var(--quantum-teal);background:#00d6c60d;border-radius:0 8px 8px 0;position:relative;font-family:var(--font-body)}article blockquote:before{content:'"';position:absolute;top:10px;left:15px;font-size:3rem;line-height:1;color:#00d6c633;font-family:Georgia,serif}article blockquote p{font-style:italic;color:var(--static-white);margin-bottom:0}.blog-post-image{max-width:100%;border-radius:8px;margin:2.5rem 0;box-shadow:0 5px 15px #0003}.glass-card{background:var(--deep-signal-green);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003;overflow:hidden}.animate-card{opacity:0;transform:translateY(50px);transition:all .8s ease}.animate-card.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 992px){.post-title{font-size:3rem}.post-content{padding:4rem}}@media (max-width: 768px){.post-header{padding:10rem 0 4rem}.post-title{font-size:2.5rem}.post-content{padding:3rem}.post-author-meta{flex-direction:column;gap:.5rem}}@media (max-width: 576px){.post-title{font-size:2rem}.post-content{padding:2rem}article h1{font-size:2rem}article h2{font-size:1.7rem}article h3{font-size:1.4rem}}
