:root{--blog-bg: #0a0a0f;--blog-card: linear-gradient(145deg, #12121a 0%, #0d0d15 100%);--blog-border: rgba(0, 243, 255, .12);--blog-accent-cyan: #00f3ff;--blog-accent-magenta: #bc13fe;--blog-accent-pink: #ff0055;--blog-gradient: linear-gradient(90deg, #00f3ff 0%, #bc13fe 50%, #ff0055 100%);--blog-text: #e5e7eb;--blog-text-muted: #a1a1aa;--blog-text-faint: #71717a;--blog-text-white: #ffffff;--blog-mono: "JetBrains Mono", "Courier New", ui-monospace, monospace;--blog-sans: "Space Grotesk", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--blog-max-col: 760px;--blog-max-wide: 1120px}.majestix-blog-post{max-width:var(--blog-max-col);margin:0 auto;padding:2.5rem 1.25rem 4rem;background:var(--blog-bg);color:var(--blog-text);font-family:var(--blog-sans);line-height:1.75;font-size:17px;position:relative}.majestix-blog-post:before{content:"";display:block;height:3px;background:var(--blog-gradient);margin:0 0 2rem;border-radius:2px}.majestix-blog-post h1{font-size:clamp(28px,5vw,46px);line-height:1.1;font-weight:700;color:var(--blog-text-white);letter-spacing:-.5px;margin:0 0 .5em}.majestix-blog-post .mx-blog-subtitle{font-size:clamp(17px,2.4vw,20px);font-style:italic;color:var(--blog-text-muted);line-height:1.5;margin:0 0 2em}.majestix-blog-post h2{font-size:clamp(22px,3.2vw,30px);font-weight:700;color:var(--blog-text-white);margin:2.5em 0 .75em;padding-left:.8em;border-left:3px solid var(--blog-accent-cyan);line-height:1.25}.majestix-blog-post h3{font-size:clamp(18px,2.5vw,22px);font-weight:600;color:var(--blog-text-white);margin:2em 0 .6em;line-height:1.3}.majestix-blog-post p{margin:0 0 1.25em}.majestix-blog-post a{color:var(--blog-accent-cyan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s}.majestix-blog-post a:hover{color:var(--blog-accent-magenta)}.majestix-blog-post strong{color:var(--blog-text-white)}.majestix-blog-post em{color:var(--blog-text)}.majestix-blog-post blockquote{margin:2em 0;padding:.25em 0 .25em 1.25em;border-left:3px solid var(--blog-accent-cyan);font-style:italic;color:var(--blog-text-muted)}.majestix-blog-post .mx-blog-pullquote{max-width:900px;margin:2.5em auto;padding:.5em 1em;border:none;text-align:center;font-size:clamp(20px,2.8vw,26px);font-style:normal;color:var(--blog-text-white);line-height:1.4;font-weight:500}.majestix-blog-post ul,.majestix-blog-post ol{padding-left:2rem;margin:0 0 1.5em}.majestix-blog-post li{margin-bottom:.5em}.majestix-blog-post li::marker{color:var(--blog-accent-cyan)}.majestix-blog-post code{background:#00f3ff14;color:var(--blog-accent-cyan);padding:.12em .4em;border-radius:4px;font-family:var(--blog-mono);font-size:.92em}.majestix-blog-post pre{background:#0d0d15;border:1px solid var(--blog-border);border-radius:8px;padding:1.25em;overflow-x:auto;margin:1.5em 0}.majestix-blog-post pre code{background:none;color:var(--blog-text);padding:0;font-size:.88em}.majestix-blog-post hr{border:none;border-top:1px solid var(--blog-border);margin:3em 0}.majestix-blog-post figure{margin:2.5em auto;text-align:center}.majestix-blog-post .mx-blog-hero{max-width:min(100%,var(--blog-max-wide));width:100%;margin:-1rem auto 2.5em;border-radius:16px;overflow:hidden;border:1px solid var(--blog-border);box-shadow:0 24px 64px #00000059}.majestix-blog-post .mx-blog-hero img{display:block;width:100%;height:auto}.majestix-blog-post .mx-blog-figure{max-width:min(100%,920px);margin:2.5em auto;border-radius:12px;overflow:hidden;border:1px solid var(--blog-border);box-shadow:0 12px 32px #00000040}.majestix-blog-post .mx-blog-figure img{display:block;width:100%;height:auto}.majestix-blog-post figcaption{font-size:14px;color:var(--blog-text-muted);text-align:center;padding:.75em 1em;font-style:italic;background:#ffffff05}@media(max-width:600px){.majestix-blog-post{padding:1.5rem 1rem 3rem}.majestix-blog-post .mx-blog-hero{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.majestix-blog-post h2{padding-left:.6em}}.majestix-blog-index{max-width:var(--blog-max-wide);margin:0 auto;padding:3rem 1.5rem 4rem;background:var(--blog-bg);color:var(--blog-text);font-family:var(--blog-sans);min-height:100vh}.majestix-blog-index .mx-blog-header{text-align:center;margin-bottom:3rem}.majestix-blog-index .mx-blog-header h1{font-size:clamp(32px,5vw,48px);font-weight:700;background:var(--blog-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.5px;margin:0 0 .5em}.majestix-blog-index .mx-blog-header p{font-size:18px;color:var(--blog-text-muted);max-width:640px;margin:0 auto}.majestix-blog-index .mx-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-top:2rem}.majestix-blog-index .mx-blog-card{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;text-decoration:none;color:inherit}.majestix-blog-index .mx-blog-card:hover{transform:translateY(-4px);border-color:#00f3ff4d;box-shadow:0 16px 40px #00f3ff14}.majestix-blog-index .mx-blog-card-image{aspect-ratio:1200 / 630;background:#00f3ff0d;overflow:hidden}.majestix-blog-index .mx-blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}.majestix-blog-index .mx-blog-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.majestix-blog-index .mx-blog-card-meta{display:flex;gap:1rem;font-size:13px;color:var(--blog-text-faint);margin-bottom:.75rem}.majestix-blog-index .mx-blog-card-date{color:var(--blog-accent-cyan)}.majestix-blog-index .mx-blog-card-title{font-size:22px;font-weight:600;color:var(--blog-text-white);margin:0 0 .75rem;line-height:1.25}.majestix-blog-index .mx-blog-card-excerpt{color:var(--blog-text-muted);font-size:15px;line-height:1.6;margin:0 0 1.25rem;flex:1}.majestix-blog-index .mx-blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.majestix-blog-index .mx-blog-tag{padding:.25em .75em;background:#00f3ff14;color:var(--blog-accent-cyan);border:1px solid rgba(0,243,255,.2);border-radius:999px;font-size:12px;text-transform:lowercase}.majestix-blog-index .mx-blog-tag-filter{display:flex;justify-content:center;margin-bottom:2rem}.majestix-blog-index .mx-blog-tag-filter select{background:#ffffff0d;border:1px solid var(--blog-border);color:var(--blog-text);padding:.5rem 2.5rem .5rem 1rem;border-radius:8px;font-family:inherit;font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f3ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;min-width:220px}.majestix-blog-index .mx-blog-tag-filter select:hover{border-color:var(--blog-accent-cyan)}.majestix-blog-index .mx-blog-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--blog-accent-cyan);text-decoration:none;font-size:14px;margin-bottom:2rem;transition:gap .15s}.majestix-blog-index .mx-blog-back-link:hover{gap:.75rem}.mx-share-compact{display:inline-flex;gap:.75rem;align-items:center}.mx-share-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--blog-border);background:#ffffff05;transition:transform .15s,border-color .15s,background .15s}.mx-share-icon:hover{transform:translateY(-1px);border-color:currentColor;background:#ffffff0f}.mx-share-full{display:flex;flex-wrap:wrap;gap:.75rem}.mx-share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid currentColor;background:#ffffff05;font-size:13px;font-weight:500;text-decoration:none;transition:transform .15s,background .15s}.mx-share-button:hover{transform:translateY(-1px);background:#ffffff0f}.mx-blog-post-footer{max-width:var(--blog-max-col);margin:3rem auto 0;padding:2rem 1.25rem 0;border-top:1px solid var(--blog-border)}.mx-blog-post-footer h3{font-size:15px;font-weight:600;color:var(--blog-text-white);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}