.blog-page{padding-top:70px;padding-bottom:80px;min-height:100vh}:where(.blog-page) .page-title{text-align:center;font-size:3.5rem;background:linear-gradient(135deg,var(--color-catnip-green),#00d9a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}:where(.blog-page) .page-subtitle{text-align:center;color:var(--color-text-muted);font-size:1.2rem;margin-bottom:var(--spacing-2xl)}:where(.blog-page) .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}:where(.blog-page) .blog-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;display:block;transition:all .3s ease;position:relative;overflow:hidden}:where(.blog-page) .blog-card:hover{transform:translateY(-5px);border-color:var(--color-catnip-green);box-shadow:0 10px 30px #00a85933}:where(.blog-page) .blog-tag{display:inline-block;background:var(--color-catnip-green);color:#06150d;padding:.25rem .75rem;border-radius:20px;font-size:var(--type-caption);font-weight:600;margin-bottom:var(--spacing-md)}:where(.blog-page) .blog-card h2{font-size:1.5rem;color:var(--color-white);margin-bottom:var(--spacing-md);line-height:1.3}:where(.blog-page) .excerpt{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-md);font-size:.95rem}:where(.blog-page) .blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--type-small);color:var(--color-text-muted);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}:where(.blog-page) .read-more{color:var(--color-catnip-green);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}:where(.blog-page) .blog-card:hover .read-more{gap:1rem}@media(max-width:768px){:where(.blog-page) .blog-grid{grid-template-columns:1fr}:where(.blog-page) .page-title{font-size:2.5rem}}