.blog-page{min-height:70dvh;padding:7rem 1.25rem 4.5rem;position:relative}@media (min-width:768px){.blog-page{padding:8.5rem 2rem 5.5rem}}.blog-shell{width:100%;max-width:42rem;margin:0 auto}.blog-shell--archive{max-width:68rem}.blog-kicker{font-family:var(--font-kode), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .85rem;font-size:.75rem}.blog-index-list{flex-direction:column;gap:1.15rem;margin-top:2.5rem;display:flex}.blog-index-card{background:#0a0e1ac7;border:1px solid #54a2ff33;padding:1.35rem 1.25rem 1.4rem;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.blog-index-card:hover{border-color:#54a2ff73;transform:translateY(-2px)}.blog-index-card h2{font-family:var(--font-pixelify), system-ui, sans-serif;letter-spacing:-.03em;color:#fff;margin:.35rem 0 0;font-size:1.45rem;font-weight:600;line-height:1.2}.blog-index-card p{font-family:var(--font-kode), ui-monospace, monospace;color:var(--muted);margin:.65rem 0 0;font-size:.9rem;line-height:1.55}.blog-meta{font-family:var(--font-kode), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:#6b8eab;margin:0;font-size:.7rem}.blog-back{font-family:var(--font-kode), ui-monospace, monospace;color:#8ec0ff;margin-bottom:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.blog-back:hover{color:#fff}.blog-article h1{font-family:var(--font-pixelify), system-ui, sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 5px #1a3f94;margin:.4rem 0 0;font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.08}.blog-lede{font-family:var(--font-kode), ui-monospace, monospace;color:#c5cad6;margin:1.15rem 0 0;font-size:1.05rem;line-height:1.55}.blog-prose{font-family:var(--font-kode), ui-monospace, monospace;letter-spacing:-.02em;color:#d5dae4;margin-top:2.25rem;font-size:.98rem;line-height:1.7}.blog-prose h2{font-family:var(--font-pixelify), system-ui, sans-serif;letter-spacing:-.03em;color:#fff;margin:2.1rem 0 .75rem;font-size:1.55rem;font-weight:600;line-height:1.2}.blog-prose p{margin:0 0 1rem}.blog-prose ul{margin:0 0 1.1rem;padding-left:1.2rem}.blog-prose li{margin:.35rem 0}.blog-prose a{color:#8ec0ff}.blog-prose a:hover{color:#fff}.blog-prose strong{color:#fff;font-weight:500}.blog-cover{aspect-ratio:16/9;background:#080b14;border:1px solid #54a2ff38;width:100%;margin:1.5rem 0 0;position:relative;overflow:hidden}.blog-prose .blog-scene{max-width:100%;margin:1.75em 0 1.5em}.blog-prose .blog-scene-stage{aspect-ratio:16/9;background:#060a14;border:1px solid #54a2ff38;width:100%;position:relative;overflow:hidden}.blog-prose .blog-scene-kf{object-fit:cover;object-position:center;opacity:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}@keyframes blog-scene-kf-1{0%,26%{opacity:1}32%,86%{opacity:0}94%,to{opacity:1}}@keyframes blog-scene-kf-2{0%,26%{opacity:0}30%,38%{opacity:1}44%,to{opacity:0}}@keyframes blog-scene-kf-3{0%,38%{opacity:0}44%,86%{opacity:1}94%,to{opacity:0}}@keyframes blog-scene-glow{0%,42%{opacity:0}50%,84%{opacity:.16}92%,to{opacity:0}}.blog-prose .blog-scene-kf-1{z-index:1;animation:7.5s ease-in-out infinite blog-scene-kf-1}.blog-prose .blog-scene-kf-2{z-index:2;animation:7.5s ease-in-out infinite blog-scene-kf-2}.blog-prose .blog-scene-kf-3{z-index:3;animation:7.5s ease-in-out infinite blog-scene-kf-3}.blog-prose .blog-scene-glow{z-index:4;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(55% 50% at 50% 48%,#54a2ff52,#0000 70%);animation:7.5s ease-in-out infinite blog-scene-glow;position:absolute;inset:0}.blog-prose .blog-scene-caption{font-family:var(--font-kode), ui-monospace, monospace;color:#8b95a8;text-align:center;margin:.55rem 0 0;font-size:.75rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.blog-prose .blog-scene-kf,.blog-prose .blog-scene-glow{animation:none!important}.blog-prose .blog-scene-kf-1,.blog-prose .blog-scene-kf-2{opacity:0!important}.blog-prose .blog-scene-kf-3{opacity:1!important}}.blog-faq{margin-top:2.5rem}.blog-faq-title{font-family:var(--font-pixelify), system-ui, sans-serif;color:#fff;font-size:1.4rem}.blog-faq-item{margin-top:1rem}.blog-faq-item dt{font-family:var(--font-pixelify), system-ui, sans-serif;color:#e8eef8}.blog-faq-item dd{color:#b4bcc9;margin:.35rem 0 0}
