.blog-page{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6)}.blog-header{text-align:center;margin-bottom:var(--space-12)}.blog-header__title{font-family:var(--font-h,"Space Grotesk",sans-serif);font-size:var(--text-4xl);font-weight:var(--theme-heading-weight);letter-spacing:var(--theme-heading-tracking);color:var(--fg-1,#FFFFFF);margin:0 0 var(--space-3) 0;line-height:var(--leading-snug)}.blog-header__subtitle,.blog-header__title{transition:color var(--duration-theme) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-header__subtitle{font-size:var(--text-lg);color:var(--fg-2,#9CA3AF);max-width:600px;margin:0 auto;line-height:var(--theme-body-line-height)}.blog-header__separator{width:60px;height:3px;background:linear-gradient(135deg,var(--accent,#FF6B35),var(--accent-2,#FF2E63));border:none;margin:var(--space-6) auto 0;border-radius:var(--radius-sm,6px)}.blog-featured{margin-bottom:var(--space-10)}.blog-card--featured{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card,16px);padding:var(--space-10);box-shadow:var(--card-shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:background-color var(--duration-theme) var(--ease-out,cubic-bezier(.22,1,.36,1)),border-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),transform var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),box-shadow var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--accent,#FF6B35),var(--accent-2,#FF2E63))}.blog-card--featured:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border)}.blog-card--featured .blog-card__title{font-size:var(--text-3xl)}.blog-card--featured .blog-card__excerpt{font-size:var(--text-lg)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card,16px);padding:var(--theme-card-padding);box-shadow:var(--card-shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background-color var(--duration-theme) var(--ease-out,cubic-bezier(.22,1,.36,1)),border-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),transform var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),box-shadow var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--accent,#FF6B35),var(--accent-2,#FF2E63));opacity:0;transition:opacity var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card:hover{transform:var(--theme-hover-transform);box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border)}.blog-card:hover:before{opacity:1}.blog-card__badge{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(var(--brand-primary-rgb,102,126,234),.1);color:var(--accent,#FF6B35);border-radius:var(--radius-sm,6px);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-4);width:-moz-fit-content;width:fit-content}.blog-card__title{font-family:var(--font-h,"Space Grotesk",sans-serif);font-size:var(--text-xl);font-weight:var(--theme-heading-weight);color:var(--fg-1,#FFFFFF);margin:0 0 var(--space-3) 0;line-height:var(--leading-snug)}.blog-card__meta,.blog-card__title{transition:color var(--duration-theme) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary,var(--fg-2,#9CA3AF))}.blog-card__author{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium,500);color:var(--fg-2,#9CA3AF)}.blog-card__date{font-style:italic}.blog-card__meta-separator{opacity:.4}.blog-card__reading-time{display:flex;align-items:center;gap:var(--space-1)}.blog-card__excerpt{color:var(--fg-2,#9CA3AF);line-height:var(--theme-body-line-height);font-size:var(--text-base);margin:0 0 var(--space-6) 0;flex:1;transition:color var(--duration-theme) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-primary);margin-top:auto}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent,#FF6B35);font-weight:var(--font-semibold);font-size:var(--text-sm);text-decoration:none;transition:color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),gap var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-card__read-more:hover{color:var(--brand-primary-hover,var(--accent,#FF6B35));gap:var(--space-3)}.blog-card__read-more:focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:2px;border-radius:var(--radius-default)}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.blog-tag-filter__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border-primary);border-radius:9999px;background:transparent;color:var(--fg-2,#9CA3AF);font-size:var(--text-sm);font-weight:var(--font-medium,500);cursor:pointer;transition:background-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),border-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-tag-filter__chip--active,.blog-tag-filter__chip:hover{border-color:var(--accent,#FF6B35);color:var(--accent,#FF6B35)}.blog-tag-filter__chip--active{background:rgba(var(--brand-primary-rgb,102,126,234),.1)}.blog-tag-filter__chip:focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:2px}.blog-tag-filter__count{font-size:.75em;opacity:.65;margin-left:.25rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.blog-card__tag{display:inline-block;padding:2px var(--space-2);background:rgba(var(--brand-primary-rgb,102,126,234),.08);color:var(--accent,#FF6B35);border-radius:var(--radius-sm,6px);font-size:var(--text-xs);font-weight:var(--font-medium,500)}.blog-card__tag--more{background:var(--card-border);color:var(--text-tertiary,var(--fg-2,#9CA3AF))}.blog-empty{grid-column:1/-1;color:var(--text-tertiary,var(--fg-2,#9CA3AF));font-size:var(--text-lg)}.blog-empty,.blog-loading{text-align:center;padding:var(--space-16)}.blog-loading{color:var(--fg-2,#9CA3AF)}.blog-spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-top-color:var(--accent,#ff6b35);border-radius:50%;animation:blog-spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes blog-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-error{text-align:center;padding:var(--space-16);color:var(--color-error,#d73a49)}.blog-error button{background:var(--accent,#FF6B35);color:white;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md,10px);cursor:pointer;margin-top:var(--space-4);transition:all var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-error button:hover{transform:var(--theme-hover-transform)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.blog-pagination__btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-5);border:1px solid var(--border-primary);border-radius:var(--radius-md,10px);color:var(--accent,#FF6B35);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:background-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1)),border-color var(--dur-base,.22s) var(--ease-out,cubic-bezier(.22,1,.36,1))}.blog-pagination__btn:hover{background:rgba(var(--brand-primary-rgb,102,126,234),.1);border-color:var(--accent,#FF6B35)}.blog-pagination__btn:focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:2px}.blog-pagination__btn--disabled{color:var(--text-tertiary,var(--fg-2,#9CA3AF));cursor:not-allowed;opacity:.4}.blog-pagination__info{font-size:var(--text-sm);color:var(--fg-2,#9CA3AF)}@keyframes blog-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card,.blog-card--featured{animation:blog-card-enter .5s var(--ease-out,cubic-bezier(.22,1,.36,1)) both}.blog-grid .blog-card:first-child{animation-delay:.05s}.blog-grid .blog-card:nth-child(2){animation-delay:.1s}.blog-grid .blog-card:nth-child(3){animation-delay:.15s}.blog-grid .blog-card:nth-child(4){animation-delay:.2s}.blog-grid .blog-card:nth-child(5){animation-delay:.25s}.blog-grid .blog-card:nth-child(6){animation-delay:.3s}@media (max-width:768px){.blog-page{padding:var(--space-4)}.blog-header__title{font-size:var(--text-3xl)}.blog-grid{grid-template-columns:1fr;gap:var(--space-6)}.blog-card--featured{padding:var(--space-6)}.blog-card--featured .blog-card__title{font-size:var(--text-xl)}.blog-card--featured .blog-card__excerpt{font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card--featured{animation:none}.blog-card--featured:hover,.blog-card:hover{transform:none}}@media print{.blog-card,.blog-card--featured{box-shadow:none;border:1px solid #ccc;break-inside:avoid;animation:none}.blog-card--featured:hover,.blog-card:hover{transform:none;box-shadow:none}.blog-card--featured:before,.blog-card:before,.blog-header__separator{display:none}}