*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--m-bg: #0c0c10;--m-panel: #141419;--m-surface: #1a1a24;--m-surface-hover: #22222e;--m-border: #222230;--m-accent: #ff6b35;--m-accent-glow: rgba(255,107,53,.25);--m-accent-dim: #cc5529;--m-text: #e4e4ec;--m-text-muted: #9898a8;--m-text-dim: #6e6e82;--m-radius: 12px;--m-max-w: 1120px}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--m-bg);color:var(--m-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.m-nav{position:fixed;top:0;left:0;right:0;height:60px;background:#0c0c10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--m-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000}.m-nav-logo{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.5px}.m-nav-logo-icon{width:30px;height:30px;border-radius:8px;object-fit:contain}.m-nav-logo-wordmark{height:29px;width:auto;object-fit:contain}.m-nav-links{display:flex;align-items:center;gap:2rem}.m-nav-links a{font-size:.88rem;font-weight:500;color:var(--m-text-muted);transition:color .15s}.m-nav-links a:hover{color:var(--m-text)}.m-nav-cta{padding:.5rem 1.1rem;background:var(--m-accent);color:#fff!important;border-radius:8px;font-weight:600;font-size:.85rem;transition:background .15s,box-shadow .15s}.m-nav-cta:hover{background:var(--m-accent-dim);box-shadow:0 4px 20px var(--m-accent-glow)}.m-container{max-width:var(--m-max-w);margin:0 auto}.m-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:10px;font-family:IBM Plex Sans,sans-serif;font-size:.92rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.m-btn-primary{background:var(--m-accent);color:#fff}.m-btn-primary:hover{background:var(--m-accent-dim);box-shadow:0 6px 24px var(--m-accent-glow)}.m-btn-secondary{background:var(--m-surface);color:var(--m-text-muted);border:1px solid var(--m-border)}.m-btn-secondary:hover{background:var(--m-surface-hover);color:var(--m-text);border-color:var(--m-text-dim)}.m-blog-index{padding:8rem 2rem 5rem;min-height:100vh}.m-blog-index-header{max-width:720px;margin:0 auto 3rem;text-align:center}.m-blog-index-header h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-1px;margin-bottom:.75rem}.m-blog-index-header p{font-size:1.05rem;color:var(--m-text-muted)}.m-blog-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media(min-width:720px){.m-blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.m-blog-grid{grid-template-columns:repeat(3,1fr)}}.m-blog-card{display:flex;flex-direction:column;background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-radius);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.m-blog-card:hover{transform:translateY(-3px);border-color:var(--m-text-dim);box-shadow:0 12px 32px #00000059}.m-blog-card-img{aspect-ratio:16 / 9;background:var(--m-panel);overflow:hidden}.m-blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.m-blog-card-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.m-blog-card-date{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--m-text-dim);letter-spacing:.3px}.m-blog-card-title{font-size:1.15rem;font-weight:600;line-height:1.3;letter-spacing:-.2px}.m-blog-card-excerpt{font-size:.92rem;color:var(--m-text-muted);line-height:1.55;flex:1}.m-blog-card-cta{font-size:.88rem;font-weight:600;color:var(--m-accent);margin-top:.4rem}.m-blog-empty{text-align:center;color:var(--m-text-muted);padding:3rem 1rem}.m-blog-post{padding:6rem 1.5rem 4rem}.m-blog-post-inner{max-width:960px;margin:0 auto}.m-blog-back{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--m-text-muted);margin-bottom:2rem;transition:color .15s}.m-blog-back:hover{color:var(--m-accent)}.m-blog-post-header{margin-bottom:2rem;max-width:720px}.m-blog-post-date{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--m-text-dim);letter-spacing:.4px;margin-bottom:.6rem}.m-blog-post-header h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.2;letter-spacing:-1px;font-weight:700}.m-blog-post-hero{margin-bottom:2.5rem;border-radius:var(--m-radius);overflow:hidden;background:var(--m-panel)}.m-blog-post-hero img{width:100%;aspect-ratio:16 / 9;object-fit:contain;display:block}.m-prose{max-width:720px;font-size:1.02rem;line-height:1.75;color:var(--m-text)}.m-prose>*+*{margin-top:1.1rem}.m-prose h2{font-size:1.55rem;font-weight:700;letter-spacing:-.4px;margin-top:2.5rem;line-height:1.3}.m-prose h3{font-size:1.2rem;font-weight:600;margin-top:2rem;letter-spacing:-.2px}.m-prose h4{font-size:1.05rem;font-weight:600;margin-top:1.5rem}.m-prose p{color:var(--m-text)}.m-prose strong{color:var(--m-text);font-weight:600}.m-prose em{color:var(--m-text)}.m-prose a{color:var(--m-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.m-prose a:hover{color:var(--m-accent-dim)}.m-prose ul,.m-prose ol{padding-left:1.4rem;color:var(--m-text)}.m-prose ul{list-style:disc}.m-prose ol{list-style:decimal}.m-prose li{margin-top:.4rem}.m-prose blockquote{border-left:3px solid var(--m-accent);padding:.4rem 0 .4rem 1.2rem;color:var(--m-text-muted);font-style:italic}.m-prose img{width:100%;border-radius:8px;margin:1.5rem 0}.m-prose code{font-family:IBM Plex Mono,monospace;font-size:.9em;background:var(--m-surface);border:1px solid var(--m-border);border-radius:4px;padding:.1rem .4rem}.m-prose pre{background:var(--m-surface);border:1px solid var(--m-border);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.55}.m-prose pre code{background:transparent;border:none;padding:0;font-size:inherit}.m-blog-cta{margin-top:4rem;padding:2.5rem;background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-radius);text-align:center}.m-blog-cta h2{font-size:1.5rem;font-weight:700;letter-spacing:-.4px;margin-bottom:.6rem}.m-blog-cta p{color:var(--m-text-muted);margin-bottom:1.5rem}.m-blog-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.m-footer{border-top:1px solid var(--m-border);padding:2rem;background:var(--m-bg)}.m-footer-inner{max-width:var(--m-max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--m-text-muted)}.m-footer-links{display:flex;gap:1.5rem}.m-footer-links a:hover{color:var(--m-text)}@media(max-width:768px){.m-nav{padding:0 1rem}.m-nav-logo-wordmark{display:none}.m-nav-links{gap:1rem}.m-nav-links a:not(.m-nav-cta){display:none}.m-blog-post{padding:5rem 1rem 3rem}.m-blog-cta{padding:1.75rem 1.25rem}}
