.blog-main{padding-top:96px;padding-bottom:80px}.blog-container{max-width:1140px;margin:0 auto;padding:0 24px}@media (max-width:640px){.blog-container{padding:0 16px}}.reading-progress-track{z-index:9999;pointer-events:none;background:#ffffff0a;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);border-radius:0 2px 2px 0;height:100%;transition:width .1s linear;box-shadow:0 0 10px #a78bfa99}.hero-slider{background:#0a0a0f;width:100%;height:520px;margin-bottom:0;position:relative;overflow:hidden}@media (max-width:768px){.hero-slider{height:380px}}@media (max-width:480px){.hero-slider{height:320px}}.hero-slide{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.hero-slide--active{opacity:1;pointer-events:auto}.hero-slide-bg{object-fit:cover;object-position:center}.hero-slide-fallback{background:radial-gradient(at 60% 40%,#1e0a3c,#0a0a0f);position:absolute;inset:0}.hero-slide-gradient{background:linear-gradient(90deg,#000000d9 0%,#00000080 60%,#0003 100%),linear-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.hero-slide-content{max-width:640px;padding-left:40px;position:absolute;bottom:80px;left:0;right:0}@media (max-width:768px){.hero-slide-content{max-width:100%;padding-left:24px;padding-right:24px;bottom:72px}}.hero-slide-badge{color:#c4b5fd;text-transform:uppercase;letter-spacing:.06em;background:#8b5cf640;border:1px solid #8b5cf666;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.hero-slide-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #00000080;margin:0 0 12px;font-size:clamp(22px,3.5vw,38px);font-weight:700;line-height:1.15}.hero-slide-excerpt{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:520px;margin:0 0 20px;font-size:clamp(13px,1.5vw,16px);line-height:1.55;display:-webkit-box;overflow:hidden}.hero-slide-btn{color:#fff;background:#8b5cf6;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.hero-slide-btn:hover{background:#7c4ddb;transform:translateY(-1px)}.hero-slider-nav{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:0;right:0}.hero-slider-dots{gap:8px;display:flex}.hero-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.hero-dot--active{background:#fff;width:24px}.hero-slider-arrow{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.hero-slider-arrow:hover{color:#fff;background:#8b5cf666;border-color:#8b5cf680}.blog-hero{text-align:center;padding:48px 24px 64px}.blog-hero h1{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#b5b5c4 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:700}.blog-hero p{color:#a1a1aa;max-width:620px;margin:0 auto;font-size:18px}.blog-search-wrap{margin:40px 0 20px}.blog-search{background:#0f0f12;border:1px solid #2a2a35;border-radius:12px;align-items:center;max-width:560px;margin:0 auto;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.blog-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.blog-search--loading{opacity:.7}.blog-search-icon{color:#71717a;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.blog-search-input{color:#f5f5f7;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:13px 40px;font-family:inherit;font-size:14px}.blog-search-input::placeholder{color:#52525b}.blog-search-input::-webkit-search-cancel-button{display:none}.blog-search-clear{color:#a1a1aa;cursor:pointer;background:#2a2a35;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;transition:background .2s;display:flex;position:absolute;right:80px}.blog-search-clear:hover{background:#3a3a45}.blog-search-btn{color:#a78bfa;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:1px solid #2a2a35;border-radius:0 12px 12px 0;flex-shrink:0;height:100%;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s}.blog-search-btn:hover:not(:disabled){color:#c4b5fd;background:#8b5cf614}.blog-search-btn:disabled{opacity:.5;cursor:not-allowed}.blog-search-spinner{border:2px solid #a78bfa4d;border-top-color:#a78bfa;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.blog-search-result-label{text-align:center;color:#71717a;margin:0 0 16px;font-size:14px}.blog-search-result-label strong{color:#d4d4d8}.blog-clear-search{color:#a78bfa;text-decoration:underline}.blog-cats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin:0 auto 48px;display:flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:24px;display:grid}.blog-empty{text-align:center;color:#71717a;padding:64px 0}.blog-card{background:#0f0f12;border:1px solid #1f1f27;border-radius:14px;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#2a2a35;transform:translateY(-3px);box-shadow:0 12px 40px #0006}.blog-card-img{aspect-ratio:16/9;background:#1a1a24;position:relative;overflow:hidden}.blog-card-img img,.blog-card-img>span{object-fit:cover}.blog-card-img img{transition:transform .4s}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.blog-card-title{color:#f5f5f7;margin:0;font-size:18px;font-weight:600;line-height:1.3}.blog-card-excerpt{color:#a1a1aa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-meta{color:#71717a;gap:12px;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.blog-pagination{justify-content:center;align-items:center;gap:12px;margin-top:56px;display:flex}.blog-pagination-info{color:#71717a;font-size:14px}.blog-newsletter-section{background:radial-gradient(at 50% 0,#8b5cf60f,#0000 70%);border-top:1px solid #1f1f27;margin-top:80px;padding:64px 0}.blog-newsletter-section .blog-newsletter{margin:0}.blog-newsletter{margin:48px 0 0}.blog-newsletter-inner{background:radial-gradient(at 0 0,#8b5cf61a,#0000 60%),linear-gradient(160deg,#131318,#0f0f12);border:1px solid #2a2a35;border-radius:20px;padding:32px}.blog-newsletter-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.blog-newsletter-icon{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.blog-newsletter-text h3{color:#f5f5f7;margin:0 0 6px;font-size:18px;font-weight:700}.blog-newsletter-text p{color:#a1a1aa;margin:0;font-size:14px;line-height:1.55}.blog-newsletter-form{flex-wrap:wrap;gap:8px;display:flex}.blog-newsletter-input{color:#f5f5f7;background:#0a0a0f;border:1px solid #2a2a35;border-radius:10px;outline:none;flex:1;min-width:220px;padding:11px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.blog-newsletter-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.blog-newsletter-input::placeholder{color:#52525b}.blog-newsletter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#8b5cf6;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.blog-newsletter-btn:hover:not(:disabled){background:#7c4ddb;transform:translateY(-1px)}.blog-newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.blog-newsletter-success{color:#6ee7b7;background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.blog-newsletter-error{color:#f87171;margin:8px 0 0;font-size:13px}.post-hero{background:#0a0a0f;align-items:flex-end;width:100%;min-height:480px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.post-hero{min-height:360px}}.post-hero-img{object-fit:cover;object-position:center}.post-hero-fallback{background:radial-gradient(at 60% 30%,#1e0a3c 0%,#0a0a0f 70%);position:absolute;inset:0}.post-hero-gradient{background:linear-gradient(#0505081a 0%,#05050833 30%,#050508b3 65%,#050508fa 100%),linear-gradient(90deg,#0006 0%,#0000 60%);position:absolute;inset:0}.post-hero-content{width:100%;max-width:640px;padding-top:48px;padding-bottom:48px;position:relative}.post-hero-cats{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.post-hero-title{color:#fff;letter-spacing:-.025em;text-shadow:0 2px 24px #0006;margin:0 0 16px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.12}.post-hero-excerpt{color:#ffffffb8;max-width:640px;margin:0 0 20px;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.post-hero-meta{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.post-author-chip{color:#ffffffbf;align-items:center;gap:6px;display:inline-flex}.post-author-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.post-meta-sep{color:#ffffff40}.post-layout{grid-template-columns:1fr min(640px,100%) 1fr;align-items:start;gap:0 32px;max-width:1280px;margin:48px auto 0;padding:0 24px;display:grid}@media (max-width:1100px){.post-layout{grid-template-columns:1fr;max-width:688px}}@media (max-width:640px){.post-layout{padding:0 16px}}.post-sidebar{flex-direction:column;grid-column:1;align-self:start;align-items:flex-end;gap:24px;padding-right:8px;display:flex;position:sticky;top:104px}@media (max-width:1100px){.post-sidebar{display:none}}.post-back-btn{color:#71717a;white-space:nowrap;align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.post-back-btn:hover{color:#d4d4d8}.post-toc-box{width:220px;margin-top:4px}.blog-toc-header{text-transform:uppercase;letter-spacing:.07em;color:#52525b;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-item{margin-bottom:2px}.blog-toc-l3{margin-left:12px}.blog-toc-l4{margin-left:24px}.blog-toc-link{color:#52525b;border-left:2px solid #0000;border-radius:6px;padding:4px 8px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:block}.blog-toc-link:hover{color:#d4d4d8;background:#ffffff0a}.blog-toc-link--active{color:#a78bfa;background:#8b5cf612;border-left-color:#8b5cf6}.post-body{grid-column:2;width:100%;min-width:0;padding-bottom:64px}@media (max-width:1100px){.post-body{grid-column:1;max-width:640px;margin-top:40px;margin-left:auto;margin-right:auto}}.post-author-box{background:#0f0f12;border:1px solid #1f1f27;border-radius:16px;align-items:flex-start;gap:16px;margin:48px 0 32px;padding:24px;display:flex}.post-author-box-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex}.post-author-box-name{color:#f5f5f7;margin-bottom:6px;font-size:15px;font-weight:600}.post-author-box-bio{color:#71717a;font-size:13px;line-height:1.55}.blog-share{border-top:1px solid #1f1f27;border-bottom:1px solid #1f1f27;flex-direction:column;gap:12px;margin:32px 0;padding:20px 0;display:flex}.blog-share-label{text-transform:uppercase;letter-spacing:.06em;color:#52525b;font-size:12px;font-weight:600}.blog-share-btns{flex-wrap:wrap;gap:8px;display:flex}.blog-share-btn{color:#d4d4d8;cursor:pointer;background:#0f0f12;border:1px solid #2a2a35;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.blog-share-btn:hover{color:#fff;background:#1a1a24;border-color:#3a3a45;transform:translateY(-1px)}.blog-share-wa{color:#4ade80}.blog-share-wa:hover{color:#4ade80;background:#4ade8014;border-color:#4ade8040}.blog-share-x:hover{background:#ffffff0f;border-color:#fff3}.blog-share-li{color:#60a5fa}.blog-share-li:hover{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa40}.blog-share-copied{color:#6ee7b7!important;border-color:#10b9814d!important}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.blog-pill{color:#d4d4d8;background:#ffffff05;border:1px solid #2a2a35;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.blog-pill:hover{color:#fff;background:#8b5cf60f;border-color:#8b5cf6}.blog-pill.active{color:#fff;background:#8b5cf61f;border-color:#8b5cf6}.blog-prose{color:#d4d4d8;font-size:17px;line-height:1.78}.blog-prose>p:first-of-type{color:#c8c8d0;font-size:19px;line-height:1.7}.blog-prose h2{color:#f5f5f7;letter-spacing:-.01em;margin:48px 0 16px;scroll-margin-top:100px;font-size:26px;font-weight:700}.blog-prose h3{color:#f5f5f7;margin:32px 0 12px;scroll-margin-top:100px;font-size:20px;font-weight:600}.blog-prose h4{color:#e4e4e7;margin:24px 0 8px;scroll-margin-top:100px;font-size:17px;font-weight:600}.blog-prose p{margin:0 0 20px}.blog-prose a{color:#a78bfa;text-underline-offset:3px;-webkit-text-decoration:underline #a78bfa66;text-decoration:underline #a78bfa66}.blog-prose a:hover{text-decoration-color:#a78bfa}.blog-prose ul,.blog-prose ol{margin:0 0 24px;padding-left:24px}.blog-prose li{margin-bottom:8px}.blog-prose blockquote{color:#a1a1aa;border-left:3px solid #8b5cf6;margin:28px 0;padding:4px 0 4px 20px;font-style:italic}.blog-prose code{font-size:.88em;font-family:var(--font-mono,monospace);background:#1a1a24;border:1px solid #2a2a35;border-radius:4px;padding:2px 6px}.blog-prose pre{background:#0a0a0f;border:1px solid #2a2a35;border-radius:10px;margin:24px 0;padding:18px;overflow-x:auto}.blog-prose pre code{background:0 0;border:none;padding:0;font-size:14px}.blog-prose img{border-radius:12px;width:100%;height:auto;margin:28px 0}.blog-prose .heading-anchor{color:#3f3f46;opacity:0;margin-left:8px;font-weight:400;text-decoration:none;transition:opacity .2s}.blog-prose h2:hover .heading-anchor,.blog-prose h3:hover .heading-anchor{opacity:1}.blog-prose table{border-collapse:collapse;width:100%;margin:28px 0;font-size:15px}.blog-prose th,.blog-prose td{text-align:left;border:1px solid #2a2a35;padding:10px 14px}.blog-prose th{color:#f5f5f7;background:#1a1a24;font-weight:600}.blog-prose hr{border:none;border-top:1px solid #1f1f27;margin:40px 0}.blog-related{border-top:1px solid #1f1f27;margin-top:64px;padding-top:48px}.blog-related h3{color:#f5f5f7;margin:0 0 24px;font-size:20px;font-weight:700}.blog-cta{text-align:center;background:radial-gradient(120% 120% at 0 0,#8b5cf626,#0000 60%),linear-gradient(#131318,#0f0f12);border:1px solid #2a2a35;border-radius:18px;margin:56px 0 8px;padding:36px}.blog-cta h3{color:#f5f5f7;letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:700}.blog-cta p{color:#a1a1aa;max-width:460px;margin:0 auto 24px;font-size:15px;line-height:1.6}.blog-cta-btn{color:#fff;background:#8b5cf6;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.blog-cta-btn:hover{background:#7c4ddb;transform:translateY(-1px)}.blog-breadcrumbs{color:#71717a;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.blog-breadcrumbs a{color:#a1a1aa;text-decoration:none}.blog-breadcrumbs a:hover{color:#fff}.blog-breadcrumbs span.sep{color:#3f3f46}