:root{--dark-blue-1:var(--null-black);--dark-blue-2:var(--deep-signal-green);--teal:var(--quantum-teal);--purple:var(--signal-ember);--magenta:var(--signal-ember);--text-light:var(--static-white);--text-dim:#ffffffb3}.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(--teal);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-blog:hover{color:var(--purple)}.post-title{color:var(--text-light);margin-bottom:2rem;font-size:3.5rem;font-weight:800;line-height:1.2}.post-author-meta{color:var(--text-dim);justify-content:center;gap:2rem;font-size:1.1rem;display:flex}.post-hero-image{height:500px;margin-bottom:3rem;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(--dark-blue-1);padding:0 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;margin-top:-100px;padding:4rem;position:relative;box-shadow:0 10px 30px #0003}article{color:var(--text-light)}.sanity-content h1,.sanity-content h2,.sanity-content h3,.sanity-content p,.sanity-content ul,.sanity-content ol,.sanity-content blockquote{font-family:Rubik,sans-serif}.sanity-content h2{color:var(--text-light);margin:3rem 0 1.5rem;padding-bottom:.8rem;font-size:1.8rem;font-weight:700;position:relative}.sanity-content h2:after{content:"";background:linear-gradient(to right, var(--teal), var(--purple));border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.sanity-content h3{color:var(--text-light);margin:2.5rem 0 1.2rem;font-size:1.5rem;font-weight:600}.sanity-content p{color:var(--text-dim);margin-bottom:1.8rem;font-size:1.1rem;line-height:1.8}.sanity-content a{color:var(--teal);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}.sanity-content a:hover{border-color:var(--teal);color:var(--purple)}.sanity-content strong{color:var(--text-light);font-weight:600}article h1{margin:3rem 0 1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2;position:relative}article h2{color:var(--text-light);margin:3rem 0 1.5rem;padding-bottom:.8rem;font-size:1.8rem;font-weight:700;position:relative}article h2:after{content:"";background:linear-gradient(to right, var(--teal), var(--purple));border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}article h3{color:var(--text-light);margin:2.5rem 0 1.2rem;font-size:1.5rem;font-weight:600}article p{color:var(--text-dim);margin-bottom:1.8rem;font-family:Rubik,sans-serif;font-size:1.1rem;line-height:1.8}article a{color:var(--teal);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s}article a:hover{border-color:var(--teal);color:var(--purple)}article ul,article ol{color:var(--text-dim);margin:1.8rem 0;padding-left:2rem;line-height:1.8;list-style:none}article li{margin-bottom:1rem;position:relative}article ul li:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:.7rem;left:-1.5rem}article blockquote{border-left:4px solid var(--teal);background:#03e2c00d;border-radius:0 8px 8px 0;margin:2.5rem 0;padding:2rem 2.5rem;position:relative}article blockquote:before{content:"\"";color:#03e2c033;font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute;top:10px;left:15px}article blockquote p{color:var(--text-light);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}.related-posts-section{background:var(--dark-blue-2);padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--text-light);margin-bottom:1rem;font-size:3rem}.highlight{display:inline-block;position:relative}.highlight:after{content:"";background:var(--teal);opacity:.15;z-index:-1;border-radius:4px;width:100%;height:40%;position:absolute;bottom:5px;left:0}.accent-line{background:linear-gradient(to right, var(--teal), var(--purple));border-radius:2px;width:60px;height:4px;margin:0 auto 25px}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;display:grid}.blog-card{flex-direction:column;height:auto;min-height:450px;transition:all .8s;display:flex;overflow:hidden}.card-image-container{flex-shrink:0;height:200px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{z-index:1;background:linear-gradient(#0003 0%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-meta{color:var(--text-dim);justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.blog-title{color:var(--text-light);margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-excerpt{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more-btn{text-align:center;cursor:pointer;color:var(--text-light);border:2px solid var(--teal);z-index:1;background:0 0;border-radius:50px;align-self:flex-start;margin-top:auto;padding:10px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003}.read-more-btn:hover{color:var(--dark-blue-1);border-color:#0000}.read-more-btn:after{content:"";background:linear-gradient(135deg, var(--quantum-teal) 0%, var(--deep-signal-green) 100%);z-index:-1;opacity:0;border-radius:50px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.read-more-btn:hover:after{opacity:1}.read-more-btn i{margin-left:.5rem;transition:transform .3s}.read-more-btn:hover i{transform:translate(5px)}.newsletter-section{background:var(--dark-blue-1);padding:6rem 0;position:relative}.newsletter-content{text-align:center;max-width:800px;margin:0 auto;padding:4rem;position:relative;overflow:hidden}.newsletter-content h2{color:var(--text-light);margin-bottom:1.5rem;font-size:2.5rem}.newsletter-content p{color:var(--text-dim);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.newsletter-form{gap:1rem;max-width:500px;margin:0 auto;display:flex}.newsletter-input{color:var(--text-light);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50px;flex-grow:1;padding:.8rem 1.5rem;font-size:1rem}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{border-color:var(--teal);outline:none}.btn-primary{text-align:center;cursor:pointer;background:linear-gradient(45deg, var(--teal), var(--purple));color:#fff;z-index:1;border:none;border-radius:50px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8a42ff4d}.btn-primary:before{content:"";background:linear-gradient(45deg, var(--purple), var(--magenta));z-index:-1;opacity:0;border-radius:50px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.btn-primary:hover:before{opacity:1}.floating-elements{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.floating-element{opacity:.6;border-radius:50%;position:absolute}.element-1{background:radial-gradient(circle at center, var(--teal) 0%, transparent 70%);filter:blur(40px);width:200px;height:200px;animation:12s ease-in-out infinite float;top:-70px;right:-70px}.element-2{background:radial-gradient(circle at center, var(--purple) 0%, transparent 70%);filter:blur(40px);width:150px;height:150px;animation:10s ease-in-out 2s infinite float;bottom:-50px;left:-50px}.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:3rem}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.newsletter-content{padding:3rem 2rem}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}}@media (width<=768px){.post-header{padding:10rem 0 4rem}.post-title{font-size:2.5rem}.post-hero-image{height:350px}.post-content{margin-top:-70px;padding:2.5rem}.post-author-meta{flex-direction:column;gap:.5rem}.section-header h2{font-size:2.5rem}.related-posts-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.newsletter-content h2{font-size:2rem}}@media (width<=576px){.post-title{font-size:2rem}.post-hero-image{height:250px}.post-content{margin-top:-50px;padding:2rem 1.5rem}article h1{font-size:2rem}article h2{font-size:1.7rem}article h3{font-size:1.4rem}.section-header h2{font-size:2rem}.newsletter-content{padding:2.5rem 1.5rem}.newsletter-content h2{font-size:1.8rem}}