.blog-page{padding-bottom:80px}.blog-hero{text-align:center;padding:64px 0 40px;position:relative;overflow:hidden}.blog-hero-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.blog-hero-title{letter-spacing:-.02em;color:var(--text-dark);margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.15}.blog-hero-title .gradient-text{background:linear-gradient(135deg, var(--grad-start) 0%, var(--grad-mid-1) 35%, var(--grad-mid-2) 70%, var(--grad-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero-subtitle{max-width:640px;color:var(--text-muted);margin:0 auto 32px;font-size:1.1rem;line-height:1.6}.blog-controls{flex-direction:column;align-items:center;gap:20px;margin-bottom:48px;display:flex}.blog-search-wrapper{width:100%;max-width:520px;position:relative}.blog-search-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-dark);border-radius:16px;padding:14px 20px 14px 48px;font-size:.95rem;transition:all .25s;box-shadow:0 4px 20px -2px #0000000a}.blog-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #8b5cf626}.blog-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.blog-categories{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blog-category-btn{border:1px solid var(--input-border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:9999px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.blog-category-btn:hover{color:var(--text-dark);border-color:var(--accent);transform:translateY(-1px)}.blog-category-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #8b5cf659}.blog-featured-card{background:var(--card-bg);border:1px solid var(--header-border);box-shadow:var(--card-shadow);border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:56px;transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.blog-featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #8b5cf626}.blog-featured-visual{background:linear-gradient(135deg,#312e81 0%,#4f46e5 40%,#7c3aed 70%,#db2777 100%);flex-direction:column;justify-content:space-between;min-height:320px;padding:48px;display:flex;position:relative;overflow:hidden}.blog-featured-visual:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 65%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.featured-visual-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff26;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.featured-visual-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#fff3;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.blog-featured-content{flex-direction:column;justify-content:center;padding:44px;display:flex}.blog-meta-row{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:.85rem;display:flex}.blog-category-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.blog-featured-title{color:var(--text-dark);margin-bottom:14px;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1.3}.blog-featured-excerpt{color:var(--text-muted);margin-bottom:24px;font-size:.98rem;line-height:1.6}.blog-card-footer{border-top:1px solid var(--header-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.blog-author-block{align-items:center;gap:10px;display:flex}.blog-author-avatar{background:linear-gradient(135deg, var(--grad-start), var(--grad-mid-1));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.blog-author-name{color:var(--text-dark);font-size:.88rem;font-weight:700;line-height:1.2}.blog-author-role{color:var(--text-muted);font-size:.75rem}.blog-read-more-btn{color:var(--accent);align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:transform .2s,gap .2s;display:inline-flex}.blog-featured-card:hover .blog-read-more-btn,.blog-card:hover .blog-read-more-btn{gap:12px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:64px;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--header-border);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:#8b5cf64d;transform:translateY(-5px);box-shadow:0 16px 36px -8px #0000001f}.blog-featured-visual-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .35s;position:absolute;top:0;left:0}.blog-featured-card:hover .blog-featured-visual-img{transform:scale(1.03)}.blog-featured-visual>:not(.blog-featured-visual-img){z-index:2;position:relative}.blog-card-cover{background-color:var(--input-bg);align-items:flex-end;height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.blog-card-cover-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .35s;position:absolute;top:0;left:0}.blog-card:hover .blog-card-cover-img{transform:scale(1.05)}.blog-card-cover:before{content:"";z-index:1;background:linear-gradient(#0000 0%,#0000001a 40%,#000000a6 100%);position:absolute;inset:0}.article-hero-cover{border:1px solid var(--header-border);width:100%;height:380px;box-shadow:var(--card-shadow);background:var(--input-bg);border-radius:20px;margin:16px 0 36px;overflow:hidden}.article-hero-cover-img{object-fit:cover;width:100%;height:100%}.blog-card-tags{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:relative}.blog-card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;background:#fff3;border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:700}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-title{color:var(--text-dark);margin-bottom:10px;font-size:1.22rem;font-weight:700;line-height:1.35;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:.9rem;line-height:1.55}.blog-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.blog-empty svg{color:var(--accent);opacity:.7;margin:0 auto 16px}.blog-cta-banner{text-align:center;background:linear-gradient(135deg,#4f46e514 0%,#db277714 100%);border:1px solid #8b5cf640;border-radius:24px;margin-top:32px;padding:40px;position:relative;overflow:hidden}.blog-cta-title{color:var(--text-dark);margin-bottom:12px;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800}.blog-cta-desc{max-width:580px;color:var(--text-muted);margin:0 auto 24px;font-size:.98rem}.blog-cta-btn{background:linear-gradient(135deg, var(--grad-start), var(--grad-mid-1));color:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #7c3aed59}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.article-page{padding:48px 0 80px}.article-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:.85rem;display:flex}.article-breadcrumbs a{color:var(--text-muted);transition:color .2s}.article-breadcrumbs a:hover{color:var(--accent)}.article-header{max-width:820px;margin-bottom:40px}.article-title{letter-spacing:-.02em;color:var(--text-dark);margin:16px 0 20px;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.2}.article-meta-bar{border-bottom:1px solid var(--header-border);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:24px;display:flex}.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;display:grid}.article-content{color:var(--text-dark);font-size:1.05rem;line-height:1.8}.article-content p{color:var(--text-dark);opacity:.92;margin-bottom:24px}.article-content h2{color:var(--text-dark);margin:40px 0 16px;padding-top:12px;font-size:1.6rem;font-weight:800;line-height:1.3}.article-callout{border-left:4px solid var(--accent);background:#8b5cf614;border-radius:16px;margin:32px 0;padding:24px}.article-callout.warning{background:#f59e0b14;border-left-color:#f59e0b}.article-callout-title{color:var(--text-dark);align-items:center;gap:8px;margin-bottom:8px;font-size:1.05rem;font-weight:700;display:flex}.article-callout-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.article-steps{flex-direction:column;gap:20px;margin:28px 0;display:flex}.article-step-item{background:var(--card-bg);border:1px solid var(--header-border);box-shadow:var(--card-shadow);border-radius:16px;gap:18px;padding:20px;display:flex}.article-step-number{background:linear-gradient(135deg, var(--grad-start), var(--grad-mid-1));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.article-step-title{color:var(--text-dark);margin-bottom:6px;font-size:1.05rem;font-weight:700}.article-step-desc{color:var(--text-muted);font-size:.92rem;line-height:1.55}.article-list{flex-direction:column;gap:10px;margin:20px 0 28px 24px;display:flex}.article-list li{color:var(--text-dark);line-height:1.6}.article-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.article-toc-card{background:var(--card-bg);border:1px solid var(--header-border);box-shadow:var(--card-shadow);border-radius:20px;padding:24px}.article-toc-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dark);margin-bottom:14px;font-size:.95rem;font-weight:800}.article-toc-list{flex-direction:column;gap:10px;list-style:none;display:flex}.article-toc-list a{color:var(--text-muted);font-size:.88rem;line-height:1.4;transition:color .2s,transform .2s;display:block}.article-toc-list a:hover{color:var(--accent);transform:translate(4px)}.article-related-section{border-top:1px solid var(--header-border);margin-top:80px;padding-top:48px}.article-related-title{color:var(--text-dark);margin-bottom:28px;font-size:1.6rem;font-weight:800}@media (max-width:960px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-visual{min-height:220px}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}@media (max-width:640px){.blog-featured-content{padding:28px 20px}.blog-card-cover{height:150px}.blog-cta-banner{padding:30px 20px}}