.blog-wrapper{padding-top:calc(var(--navbar-height) + var(--space-4xl));padding-bottom:var(--space-4xl);min-height:100vh;background:var(--color-bg);position:relative;overflow:hidden;z-index:1}.blog-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:60vh;background:radial-gradient(ellipse at top,rgba(124,58,237,.08) 0%,transparent 60%);pointer-events:none;z-index:-1}[data-theme=dark] .blog-glow{background:radial-gradient(ellipse at top,rgba(167,139,250,.12) 0%,transparent 60%)}.blog-container-fix{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-inline:2rem!important;box-sizing:border-box!important}.blog-header{text-align:center;margin-bottom:var(--space-4xl);max-width:700px;margin-inline:auto}.blog-header h1{font-size:clamp(3rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-md)}.blog-header p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl)}@media(min-width:768px){.blog-card.is-featured{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:center}.blog-card.is-featured .blog-card__cover{height:100%;min-height:350px;border-radius:24px 0 0 24px;border-right:1px solid var(--color-border)}.blog-card.is-featured .blog-card__content{padding:var(--space-3xl)}.blog-card.is-featured .blog-card__title{font-size:2.2rem}}.blog-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm)}[data-theme=dark] .blog-card{background:#14141466;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff14}.blog-card:hover{transform:translateY(-8px);border-color:var(--color-accent-light);box-shadow:0 20px 40px -15px var(--color-accent-glow)}[data-theme=dark] .blog-card:hover{border-color:#a78bfa66}.blog-card__cover{width:100%;height:220px;position:relative;overflow:hidden}.cover-gradient-1{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.cover-gradient-2{background:linear-gradient(135deg,#f59e0b,#ef4444)}.cover-gradient-3{background:linear-gradient(135deg,#10b981,#059669)}.blog-card__cover:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.blog-card__content{padding:var(--space-xl);display:flex;flex-direction:column;flex-grow:1}.blog-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-md);font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-tag{background:var(--color-accent-light);color:var(--color-accent);padding:4px 10px;border-radius:var(--radius-full)}[data-theme=dark] .blog-tag{background:#a78bfa26}.blog-card__title{font-size:1.4rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3;letter-spacing:-.02em;transition:color .2s ease}.blog-card:hover .blog-card__title{color:var(--color-accent)}.blog-card__excerpt{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-xl);flex-grow:1}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}[data-theme=dark] .blog-card__footer{border-top-color:#ffffff14}.blog-card__author{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text)}.author-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-text);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:10px}.blog-card__read-more{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-accent);transition:gap .3s ease}.blog-card:hover .blog-card__read-more{gap:10px}.article-layout{max-width:800px;margin:0 auto}.article-header{text-align:center;margin-bottom:var(--space-3xl)}.article-header .blog-tag{display:inline-block;margin-bottom:var(--space-md)}.article-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-lg)}.article-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;color:var(--color-text-secondary);font-weight:500}.article-meta span{display:flex;align-items:center;gap:6px}.article-hero-image{width:100%;height:400px;border-radius:32px;margin-bottom:var(--space-4xl);box-shadow:var(--shadow-md)}.article-content{font-size:1.15rem;line-height:1.8;color:var(--color-text-secondary)}.article-content p{margin-bottom:var(--space-xl)}.article-content h2{font-size:2rem;font-weight:800;color:var(--color-text);margin-top:var(--space-4xl);margin-bottom:var(--space-md);letter-spacing:-.02em}.article-content h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.article-content ul,.article-content ol{margin-bottom:var(--space-xl);padding-left:var(--space-xl)}.article-content li{margin-bottom:var(--space-sm)}.article-content strong{color:var(--color-text);font-weight:700}.article-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-lg);margin-left:0;font-style:italic;font-size:1.3rem;color:var(--color-text);background:var(--color-surface);padding:var(--space-lg);border-radius:0 var(--radius-lg) var(--radius-lg) 0}[data-theme=dark] .article-content blockquote{background:#a78bfa0d}.btn-back{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);text-decoration:none;font-weight:600;margin-bottom:var(--space-3xl);transition:color .2s ease}.btn-back:hover{color:var(--color-accent)}@media(max-width:639px){.blog-container-fix{padding-inline:1rem!important}.article-hero-image{height:250px;border-radius:20px}.article-title{font-size:2.2rem}}
