.hero-section[data-v-e23a54c3]{padding:calc(80px + var(--spacing-4xl)) 0 var(--spacing-3xl);background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 100%)}.hero-content[data-v-e23a54c3]{max-width:700px;margin:0 auto}.hero-content h1[data-v-e23a54c3]{margin:var(--spacing-md) 0}.hero-content p[data-v-e23a54c3]{font-size:var(--font-size-xl);color:var(--gray-600)}.blog-grid[data-v-e23a54c3]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.blog-card[data-v-e23a54c3]{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.blog-card[data-v-e23a54c3]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.blog-image[data-v-e23a54c3]{height:200px;background-size:cover;background-position:center;background-color:var(--gray-100);position:relative}.blog-category[data-v-e23a54c3]{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:var(--primary-color)}.blog-content[data-v-e23a54c3]{padding:var(--spacing-lg)}.blog-date[data-v-e23a54c3]{font-size:var(--font-size-sm);color:var(--gray-500)}.blog-content h3[data-v-e23a54c3]{font-size:var(--font-size-lg);margin:var(--spacing-sm) 0}.blog-content p[data-v-e23a54c3]{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-md)}.blog-link[data-v-e23a54c3]{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--primary-color)}.blog-link[data-v-e23a54c3]:hover{gap:var(--spacing-sm)}@media(max-width:1024px){.blog-grid[data-v-e23a54c3]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid[data-v-e23a54c3]{grid-template-columns:1fr}}.dark-theme .blog-page{background:linear-gradient(180deg,#0f172a,#1e293b)}.dark-theme .blog-page{background:#0f172a}.dark-theme .blog-page{background:#1e293b;border:1px solid #334155}.dark-theme .blog-page{color:#fff}.dark-theme .blog-page{color:#94a3b8}
