.post-header{background:linear-gradient(45deg, var(--null-black), var(--deep-signal-green));text-align:center;padding:12rem 0 6rem;position:relative;overflow:hidden}.post-header-bg{z-index:0;background:radial-gradient(circle,#00d6c633 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.container{z-index:1;width:90%;max-width:1200px;margin:0 auto;position:relative}.back-to-blog{color:var(--quantum-teal);font-size:1rem;font-weight:500;font-family:var(--font-body);align-items:center;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:all .3s;display:inline-flex}.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);color:var(--static-white);margin-bottom:2rem}.post-author-meta{color:#ffffffd9;font-size:1.1rem;font-family:var(--font-body);justify-content:center;gap:2rem;display:flex}.post-hero-image{height:500px;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0003 0%,#0009 100%);width:100%;height:100%;position:absolute;top:0;left:0}.post-content-section{background:var(--null-black);padding:4rem 0 6rem;position:relative}.post-content-section:before{content:"";opacity:.5;z-index:0;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");width:100%;height:100%;position:absolute;top:0;left:0}.post-content{background:var(--deep-signal-green);backdrop-filter:blur(10px);z-index:1;border:1px solid #ffffff1a;border-radius:16px;max-width:900px;margin-top:0;margin-left:auto;margin-right:auto;padding:5rem;position:relative;box-shadow:0 10px 30px #0003}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);color:var(--static-white);margin:3rem 0 1.5rem;padding-bottom:.8rem;position:relative}.sanity-content h2:after{content:"";background:var(--gradient-primary);border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.sanity-content h3{font-size:var(--h3-size);font-weight:var(--h3-weight);color:var(--static-white);margin:2.5rem 0 1.2rem}.sanity-content p{font-size:var(--body-size);line-height:var(--body-line-height);color:#ffffffe6;margin-bottom:1.8rem}.sanity-content a{color:var(--quantum-teal);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.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);color:var(--static-white);margin:3rem 0 1.5rem;padding-bottom:.8rem;position:relative}article h2:after{content:"";background:var(--gradient-primary);border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}article h3{font-family:var(--font-body);font-size:var(--h3-size);font-weight:var(--h3-weight);color:var(--static-white);margin:2.5rem 0 1.2rem}article p{font-family:var(--font-body);font-size:var(--body-size);line-height:var(--body-line-height);color:#ffffffe6;margin-bottom:1.8rem}article a{color:var(--quantum-teal);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}article a:hover{border-color:var(--quantum-teal);color:var(--signal-ember)}article ul,article ol{color:#ffffffe6;line-height:1.8;font-family:var(--font-body);margin:1.8rem 0;padding-left:2rem;list-style:none}article li{margin-bottom:1rem;position:relative}article ul li:before{content:"";background:var(--quantum-teal);border-radius:50%;width:6px;height:6px;position:absolute;top:.7rem;left:-1.5rem}article blockquote{border-left:4px solid var(--quantum-teal);font-family:var(--font-body);background:#00d6c60d;border-radius:0 8px 8px 0;margin:2.5rem 0;padding:2rem 2.5rem;position:relative}article blockquote:before{content:"\"";color:#00d6c633;font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute;top:10px;left:15px}article blockquote p{color:var(--static-white);margin-bottom:0;font-style:italic}.blog-post-image{border-radius:8px;max-width:100%;margin:2.5rem 0;box-shadow:0 5px 15px #0003}.glass-card{background:var(--deep-signal-green);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003}.animate-card{opacity:0;transition:all .8s;transform:translateY(50px)}.animate-card.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (width<=992px){.post-title{font-size:3rem}.post-content{padding:4rem}}@media (width<=768px){.post-header{padding:10rem 0 4rem}.post-title{font-size:2.5rem}.post-hero-image{height:350px}.post-content{padding:3rem}.post-author-meta{flex-direction:column;gap:.5rem}}@media (width<=576px){.post-title{font-size:2rem}.post-hero-image{height:250px}.post-content{padding:2rem}article h1{font-size:2rem}article h2{font-size:1.7rem}article h3{font-size:1.4rem}}
