.blog-page{--blog-white:var(--color-bg-void);--blog-black:var(--color-text-primary);--blog-accent:var(--color-violet-accent);--blog-accent-light:var(--color-purple-vivid);--blog-gray-100:var(--color-bg-deep);--blog-gray-200:var(--color-bg-elevated);--blog-gray-500:var(--color-text-muted);--blog-gray-600:var(--color-text-secondary);--blog-font-heading:var(--font-display);--blog-font-body:var(--font-sans);background-color:var(--blog-white);min-height:100vh}.blog-page .blog-hero{text-align:center;padding:6rem 0 4rem}.blog-page .blog-hero h1{font-family:var(--blog-font-heading);color:var(--blog-black);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.blog-page .blog-hero p{font-family:var(--blog-font-body);color:var(--blog-gray-500);max-width:40rem;margin:0 auto;font-size:1.25rem}.blog-page .category-filter{background:var(--blog-gray-100);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:9999px;gap:.5rem;margin:0 auto 3rem;padding:.5rem;display:flex;overflow-x:auto}.blog-page .category-filter::-webkit-scrollbar{display:none}@media (min-width:768px){.blog-page .category-filter{flex-wrap:wrap;justify-content:center;width:-moz-fit-content;width:fit-content;overflow-x:visible}}.blog-page .category-filter button{font-family:var(--blog-font-body);color:var(--blog-gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;flex-shrink:0;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s}.blog-page .category-filter button:hover{color:var(--blog-black)}.blog-page .category-filter button.active{background:var(--blog-accent);color:#fff;box-shadow:0 4px 12px #7c5cfc4d}.blog-page .post-card{background:var(--blog-white);border:1px solid var(--blog-gray-200);border-radius:1rem;transition:all .3s;overflow:hidden}.blog-page .post-card:hover{border-color:var(--blog-accent);transform:translateY(-4px);box-shadow:0 12px 40px #7c5cfc26}.blog-page .post-card .card-image{height:12rem;overflow:hidden}.blog-page .post-card .card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-page .post-card:hover .card-image img{transform:scale(1.05)}.blog-page .post-card .card-content{padding:1.5rem}.blog-page .post-card .category-badge{color:var(--blog-accent);font-size:.75rem;font-weight:600;font-family:var(--blog-font-body);background:#7c5cfc1a;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;display:inline-block}.blog-page .post-card h3{font-family:var(--blog-font-heading);color:var(--blog-black);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .3s}.blog-page .post-card:hover h3{color:var(--blog-accent)}.blog-page .post-card .excerpt{font-family:var(--blog-font-body);color:var(--blog-gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-page .post-card .card-meta{font-family:var(--blog-font-body);color:var(--blog-gray-500);align-items:center;gap:1rem;font-size:.75rem;display:flex}.blog-page .post-card .card-meta svg{width:.875rem;height:.875rem;margin-right:.25rem}.blog-page .featured-card{background:linear-gradient(135deg,var(--blog-white)0%,var(--blog-gray-100)100%);border:2px solid var(--blog-accent);border-radius:1.5rem;overflow:hidden;box-shadow:0 8px 32px #7c5cfc33}.blog-page .featured-card .featured-badge{background:var(--blog-accent);color:#fff;font-size:.75rem;font-weight:600;font-family:var(--blog-font-body);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.blog-page .featured-card h2{font-family:var(--blog-font-heading);color:var(--blog-black);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2}.blog-page .featured-card .excerpt{font-family:var(--blog-font-body);color:var(--blog-gray-600);font-size:1rem;line-height:1.7}.blog-page .newsletter-cta{background:linear-gradient(135deg,var(--blog-accent)0%,var(--blog-accent-light)100%);text-align:center;border-radius:1.5rem;max-width:48rem;margin:4rem auto;padding:4rem 2rem}.blog-page .newsletter-cta h3{font-family:var(--blog-font-heading);color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.blog-page .newsletter-cta p{font-family:var(--blog-font-body);color:#ffffffe6;margin-bottom:1.5rem}.blog-page .newsletter-cta input{font-family:var(--blog-font-body);border:none;border-radius:9999px;width:100%;max-width:20rem;padding:1rem 1.5rem;font-size:1rem}.blog-page .newsletter-cta button{font-family:var(--blog-font-body);background:var(--blog-black);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:1rem 2rem;font-weight:600;transition:transform .3s}.blog-page .newsletter-cta button:hover{transform:scale(1.05)}.blog-page .load-more-btn{font-family:var(--blog-font-body);color:var(--blog-accent);border:2px solid var(--blog-accent);cursor:pointer;background:0 0;border-radius:9999px;padding:1rem 2rem;font-weight:600;transition:all .3s}.blog-page .load-more-btn:hover{background:var(--blog-accent);color:#fff}.blog-page .empty-state{text-align:center;padding:4rem 2rem}.blog-page .empty-state svg{width:4rem;height:4rem;color:var(--blog-gray-200);margin-bottom:1rem}.blog-page .empty-state h3{font-family:var(--blog-font-heading);color:var(--blog-black);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.blog-page .empty-state p{font-family:var(--blog-font-body);color:var(--blog-gray-500)}.assessment-page{--blog-white:#fff;--blog-black:#1a1a2e;--blog-accent:#7c5cfc;--blog-accent-light:#9b7dfc;--blog-gray-100:#f4f4f7;--blog-gray-200:#e4e4ec;--blog-gray-500:#6e6e8a;--blog-gray-600:#4a4a64;--blog-font-heading:var(--font-plus-jakarta),var(--font-display),sans-serif;--blog-font-body:var(--font-dm-sans),var(--font-sans),sans-serif;background-color:var(--blog-white);font-family:var(--blog-font-body)}.assessment-page h1,.assessment-page h2,.assessment-page h3{font-family:var(--blog-font-heading);color:var(--blog-black)}.assessment-page p{font-family:var(--blog-font-body);color:var(--blog-gray-600)}