.blogpost-main{min-height:100vh;background:transparent;padding-top:110px;padding-bottom:100px;position:relative;overflow:hidden}.blogpost-grid-bg{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.blogpost-container{max-width:800px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.blogpost-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-orbitron),monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#22d3ee;text-decoration:none;margin-bottom:48px;border:1px solid rgba(34,211,238,.25);padding:8px 16px;transition:background .2s,border-color .2s}.blogpost-back:hover{background:rgba(34,211,238,.08);border-color:#22d3ee}.blogpost-skeleton{background:rgba(34,211,238,.04);border:1px solid rgba(34,211,238,.1);margin-bottom:20px;animation:blogpostPulse 1.6s ease-in-out infinite}.blogpost-skeleton--header{height:56px}.blogpost-skeleton--body{height:300px;animation-delay:.15s}.blogpost-skeleton--footer{height:200px;animation-delay:.3s}@keyframes blogpostPulse{0%,to{opacity:1}50%{opacity:.4}}.blogpost-notfound{text-align:center;padding:80px 40px;border:2px solid rgba(34,211,238,.2)}.blogpost-notfound-code{font-size:clamp(60px,10vw,100px);font-weight:900;color:#22d3ee;line-height:1;text-shadow:0 0 40px rgba(34,211,238,.5)}.blogpost-notfound-code,.blogpost-notfound-title{font-family:var(--font-orbitron),monospace;margin-bottom:8px}.blogpost-notfound-title{font-size:11px;letter-spacing:3px;color:#a78bfa}.blogpost-notfound-text{font-family:var(--font-inter),sans-serif;font-size:14px;color:#8b7eb8;margin-bottom:40px}.blogpost-notfound-link{font-size:10px;color:#22d3ee;text-decoration:none;border:1px solid rgba(34,211,238,.4);padding:10px 24px}.blogpost-error,.blogpost-notfound-link{font-family:var(--font-orbitron),monospace;letter-spacing:2px}.blogpost-error{padding:20px 24px;border:1px solid rgba(252,165,165,.3);color:#fca5a5;font-size:11px}.blogpost-header{margin-bottom:36px}.blogpost-date{font-size:8px;letter-spacing:4px;color:rgba(34,211,238,.6);text-transform:uppercase;margin-bottom:16px}.blogpost-date,.blogpost-title{font-family:var(--font-orbitron),monospace}.blogpost-title{font-weight:900;font-size:clamp(22px,4vw,40px);letter-spacing:-.5px;line-height:1.25;background:linear-gradient(135deg,#fff,#22d3ee 40%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;display:inline}.blogpost-cursor{display:inline-block;width:.45em;height:.85em;background:#22d3ee;margin-left:6px;vertical-align:middle;box-shadow:0 0 10px #22d3ee;animation:blogpostBlink 1.06s step-end infinite}@keyframes blogpostBlink{0%,to{opacity:1}50%{opacity:0}}.blogpost-author{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(6,2,18,.8);border:1px solid rgba(34,211,238,.2);margin-bottom:36px;position:relative}.blogpost-author-corner{position:absolute;width:6px;height:6px;background:#22d3ee}.blogpost-author-corner--tl{top:-1px;left:-1px}.blogpost-author-corner--tr{top:-1px;right:-1px}.blogpost-author-corner--bl{bottom:-1px;left:-1px}.blogpost-author-corner--br{bottom:-1px;right:-1px}.blogpost-avatar-wrap{padding:3px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3)}.blogpost-author-name{font-family:var(--font-orbitron),monospace;font-size:11px;font-weight:700;letter-spacing:2px;color:#22d3ee;text-transform:uppercase;margin-bottom:4px}.blogpost-author-role{font-family:var(--font-inter),sans-serif;font-size:12px;color:#8b7eb8}.cosmo-avatar{image-rendering:pixelated;flex-shrink:0}.blogpost-divider{display:flex;align-items:center;gap:12px;margin-bottom:40px}.blogpost-divider-line{flex:1;height:1px}.blogpost-divider-line--left{background:linear-gradient(90deg,rgba(34,211,238,.4),transparent)}.blogpost-divider-line--right{background:linear-gradient(270deg,rgba(34,211,238,.4),transparent)}.blogpost-divider-dots{display:flex;gap:4px}.blogpost-divider-dot{width:4px;height:4px;background:#22d3ee}.blogpost-end{text-align:center;margin-top:64px;padding:24px;border:1px solid rgba(34,211,238,.15);font-family:var(--font-orbitron),monospace;font-size:9px;letter-spacing:3px;color:rgba(34,211,238,.4)}.blogpost-bottom-nav{text-align:center;margin-top:40px}.blogpost-bottom-link{font-family:var(--font-orbitron),monospace;font-size:10px;letter-spacing:2px;color:#22d3ee;text-decoration:none;border:1px solid rgba(34,211,238,.3);padding:12px 28px;transition:all .2s;display:inline-block}.blogpost-bottom-link:hover{background:rgba(34,211,238,.1);border-color:#22d3ee}.blog-content{font-family:var(--font-inter),sans-serif;font-size:16px;line-height:1.9;color:#c4b5fd}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--font-orbitron),monospace;color:#ddd6fe;margin-top:2.25em;margin-bottom:.75em;line-height:1.3;position:relative;padding-left:16px}.blog-content h1:before,.blog-content h2:before,.blog-content h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22d3ee,#a78bfa)}.blog-content h1{font-size:clamp(20px,3vw,30px)}.blog-content h2{font-size:clamp(17px,2.5vw,24px)}.blog-content h3{font-size:clamp(14px,2vw,19px)}.blog-content p{margin-bottom:1.5em}.blog-content a{color:#22d3ee;text-decoration:underline;text-underline-offset:3px}.blog-content a:hover{color:#fff}.blog-content ol,.blog-content ul{padding-left:1.5em;margin-bottom:1.5em}.blog-content li{margin-bottom:.5em}.blog-content li::marker{color:#22d3ee}.blog-content blockquote{border-left:3px solid #22d3ee;padding:12px 20px;margin:2em 0;background:rgba(34,211,238,.04);color:#a78bfa;font-style:italic}.blog-content code{background:rgba(34,211,238,.1);padding:2px 6px;font-size:.875em;color:#22d3ee}.blog-content code,.blog-content pre{border:1px solid rgba(34,211,238,.2);border-radius:0}.blog-content pre{background:rgba(6,2,18,.95);border-left:3px solid #22d3ee;padding:20px;overflow-x:auto;margin-bottom:1.5em}.blog-content pre code{background:none;border:none;padding:0;color:#22d3ee}.blog-content img{max-width:100%;border:1px solid rgba(34,211,238,.2);margin:1.5em 0}.blog-content hr{border:none;border-top:1px solid rgba(34,211,238,.2);margin:2.5em 0}.blog-content strong{color:#fff}.blog-content em{color:#a78bfa}.blog-content mark{background:rgba(34,211,238,.2);color:#22d3ee}.blog-content table{width:100%;border-collapse:collapse;margin-bottom:1.5em}.blog-content th{border:1px solid rgba(34,211,238,.3);padding:8px 12px;background:rgba(34,211,238,.08);color:#22d3ee;font-family:var(--font-orbitron),monospace;font-size:10px;letter-spacing:1px}.blog-content td{border:1px solid rgba(34,211,238,.15);padding:8px 12px;color:#c4b5fd}