:root{--archive-primary:#1a202c;--archive-secondary:#2d3748;--archive-accent:#39a0ed;--archive-accent-hover:#2e88d1;--archive-text:#1f2937;--archive-text-muted:#6b7280;--archive-bg:#ffffff;--archive-bg-light:#f9fafb;--archive-border:#e5e7eb;--archive-border-light:#f3f4f6;--archive-card-shadow:0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);--archive-card-shadow-hover:0 10px 40px rgba(0, 0, 0, 0.1);--archive-radius:12px;--archive-radius-sm:8px;--archive-radius-lg:16px;--archive-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--archive-font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--hero-gradient:linear-gradient(135deg, #3498db, #2ecc71)}body.dark-theme{--archive-primary:#f5f5f5;--archive-secondary:#e2e8f0;--archive-accent:#39a0ed;--archive-accent-hover:#2e88d1;--archive-text:#f5f5f5;--archive-text-muted:#a0aec0;--archive-bg:#1a1a1a;--archive-bg-light:#2d3748;--archive-border:#4a5568;--archive-border-light:#2d3748;--archive-card-shadow:0 4px 6px rgba(0, 0, 0, 0.3);--archive-card-shadow-hover:0 10px 40px rgba(0, 0, 0, 0.5);--hero-gradient:linear-gradient(135deg, #2186c4, #27ae60)}.archive-page{font-family:var(--archive-font-family);background:var(--archive-bg);min-height:100vh;color:var(--archive-text)}.archive-hero{position:relative;padding:40px 0 25px;text-align:center;background:var(--hero-gradient);color:#fff;overflow:hidden}.archive-hero .hero-content{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.archive-hero .hero-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 8px rgb(0 0 0 / .15)}.archive-hero .wavy-decoration{display:flex;justify-content:center;margin-bottom:12px}.archive-hero .wavy-decoration svg{width:40px;height:12px;color:#fff;opacity:.8}.archive-hero .hero-subtitle{font-size:1.125rem;color:rgb(255 255 255 / .9);max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 1px 4px rgb(0 0 0 / .1)}.archive-hero .shape{position:absolute;z-index:1}.archive-hero .shape-1{top:20%;left:5%;width:40px;height:40px;background:rgb(255 255 255 / .1);border-radius:50%;animation:archive-float 6s ease-in-out infinite}.archive-hero .shape-2{top:50%;right:8%;width:60px;height:60px;background:rgb(255 255 255 / .1);border-radius:10px;transform:rotate(45deg);animation:archive-float 8s ease-in-out infinite 1s}.archive-hero .shape-3{bottom:20%;left:8%;width:35px;height:35px;background:rgb(255 255 255 / .1);border-radius:8px;animation:archive-float 7s ease-in-out infinite 2s}@keyframes archive-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}100%{transform:translateY(0) rotate(0)}}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:30px 20px;max-width:1000px;margin:0 auto;border-bottom:1px solid var(--archive-border-light)}.category-pill{display:inline-flex;align-items:center;padding:8px 18px;background:var(--archive-bg);border:1px solid var(--archive-border);border-radius:50px;font-size:.875rem;font-weight:500;color:var(--archive-text);text-decoration:none;transition:var(--archive-transition);cursor:pointer;white-space:nowrap}.category-pill:hover,.category-pill.active{background:var(--archive-accent);border-color:var(--archive-accent);color:#fff!important}.category-pill.all-pill{font-weight:600}.archive-search{display:flex;justify-content:center;padding:25px 20px 40px}.search-container{position:relative;width:100%;max-width:400px}.search-container input{width:100%;padding:12px 45px 12px 18px;border:1px solid var(--archive-border);border-radius:50px;font-size:.9375rem;color:var(--archive-text);background:var(--archive-bg);transition:var(--archive-transition);font-family:var(--archive-font-family)}.search-container input:focus{outline:none;border-color:var(--archive-accent);box-shadow:0 0 0 3px rgb(13 148 136 / .1)}.search-container input::placeholder{color:var(--archive-text-muted)}.search-container button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:var(--archive-accent);display:flex;align-items:center;justify-content:center;transition:var(--archive-transition)}.search-container button:hover{color:var(--archive-accent-hover)}.search-container button svg{width:20px;height:20px}.archive-container{max-width:1200px;margin:0 auto;padding:0 20px 60px}.featured-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px 0 60px;border-bottom:1px solid var(--archive-border-light);margin-bottom:60px}.featured-post{display:flex;flex-direction:column}.featured-post .post-thumbnail{position:relative;border-radius:var(--archive-radius-lg);overflow:hidden;margin-bottom:20px;aspect-ratio:16/10;background:linear-gradient(135deg,#e0f2fe 0%,#a5f3fc 50%,#99f6e4 100%)}.featured-post .post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.placeholder-thumbnail{width:100%;height:100%;background:linear-gradient(135deg,#e0f2fe 0%,#a5f3fc 50%,#99f6e4 100%);display:flex;align-items:center;justify-content:center}body.dark-theme .placeholder-thumbnail{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.featured-post:hover .post-thumbnail img{transform:scale(1.03)}.featured-post .post-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.featured-post .category-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--archive-accent);text-decoration:none;transition:var(--archive-transition)}.featured-post .category-tag:hover{color:var(--archive-accent-hover)}.featured-post .category-tag:not(:last-child)::after{content:',';margin-left:2px}.featured-post .post-title{font-size:1.625rem;font-weight:700;line-height:1.3;margin:0 0 14px;color:var(--archive-primary)}.featured-post .post-title a{color:inherit;text-decoration:none;transition:var(--archive-transition)}.featured-post .post-title a:hover{color:var(--archive-accent)}.featured-post .post-excerpt{font-size:.9375rem;line-height:1.7;color:var(--archive-text-muted);margin-bottom:16px}.featured-post .post-author{display:flex;align-items:center;gap:10px;margin-top:auto}.featured-post .author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.featured-post .author-name{font-size:.875rem;color:var(--archive-text-muted)}.featured-post .author-name span{color:var(--archive-text);font-weight:500;text-decoration:underline;text-underline-offset:2px}.sidebar-posts{display:flex;flex-direction:column;gap:20px}.sidebar-post-item{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--archive-border-light);transition:var(--archive-transition)}.sidebar-post-item:last-child{padding-bottom:0;border-bottom:none}.post-sidebar-thumbnail{flex-shrink:0;width:120px;height:80px;border-radius:var(--archive-radius-sm);overflow:hidden;display:block;background:var(--archive-bg-light);box-shadow:0 4px 12px rgb(0 0 0 / .08)}.sidebar-img{width:100%;height:100%;object-fit:cover;transition:var(--archive-transition)}.sidebar-post-item:hover .sidebar-img{transform:scale(1.08)}.sidebar-post-content{flex:1;min-width:0}.sidebar-post-item .post-title{font-size:1rem;font-weight:600;line-height:1.4;margin:0;color:var(--archive-primary)}.sidebar-post-item .post-title a{color:inherit;text-decoration:none;transition:var(--archive-transition);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-post-item .post-title a:hover{color:var(--archive-accent)}body.dark-theme .sidebar-post-item{border-color:rgb(255 255 255 / .1)}body.dark-theme .post-sidebar-thumbnail{box-shadow:0 4px 12px rgb(0 0 0 / .3)}.category-section{margin-bottom:70px}.category-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:1.5rem;font-weight:800;color:var(--archive-primary);margin:0}.section-description{font-size:.9375rem;color:var(--archive-text-muted);margin:0 0 30px;line-height:1.6}.view-all-link{font-size:.875rem;font-weight:500;color:var(--archive-text-muted);text-decoration:underline;text-underline-offset:3px;transition:var(--archive-transition)}.view-all-link:hover{color:var(--archive-accent)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.post-card{background:var(--archive-bg);border-radius:var(--archive-radius);overflow:hidden;transition:var(--archive-transition);border:1px solid var(--archive-border-light)}.post-card:hover{box-shadow:var(--archive-card-shadow-hover);transform:translateY(-4px);border-color:#fff0}.post-card .post-thumbnail{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#fce7f3 0%,#ddd6fe 50%,#c7d2fe 100%)}.post-card .post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.post-card:hover .post-thumbnail img{transform:scale(1.05)}.post-card .post-content{padding:20px}.post-card .post-title{font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 16px;color:var(--archive-primary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .post-title a{color:inherit;text-decoration:none;transition:var(--archive-transition)}.post-card .post-title a:hover{color:var(--archive-accent)}.post-card .post-author{display:flex;align-items:center;gap:10px}.post-card .author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.post-card .author-name{font-size:.8125rem;color:var(--archive-text-muted)}.post-card .author-name span{color:var(--archive-text);font-weight:500;text-decoration:underline;text-underline-offset:2px}.archive-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:60px;padding-top:40px;border-top:1px solid var(--archive-border-light)}.archive-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:50px;font-size:.875rem;font-weight:500;color:var(--archive-text);text-decoration:none;background:var(--archive-bg);border:1px solid var(--archive-border);transition:var(--archive-transition)}.archive-pagination .page-numbers:hover{background:var(--archive-bg-light);border-color:var(--archive-text-muted)}.archive-pagination .page-numbers.current{background:var(--archive-primary);border-color:var(--archive-primary);color:#fff}.archive-pagination .prev,.archive-pagination .next{padding:0 12px}.archive-pagination .prev svg,.archive-pagination .next svg{width:18px;height:18px}.no-posts{text-align:center;padding:80px 20px;color:var(--archive-text-muted)}.no-posts svg{width:64px;height:64px;margin-bottom:20px;opacity:.5}.no-posts h3{font-size:1.25rem;font-weight:600;color:var(--archive-text);margin:0 0 8px}.no-posts p{font-size:.9375rem;margin:0}.archive-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px}.archive-loading .spinner{width:40px;height:40px;border:3px solid var(--archive-border);border-top-color:var(--archive-accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.featured-section{grid-template-columns:1fr;gap:40px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.archive-hero{padding:30px 0 20px}.archive-hero .hero-title{font-size:1.75rem}.category-filters{padding:20px 16px;gap:8px}.category-pill{padding:6px 14px;font-size:.8125rem}.archive-search{padding:20px 16px 30px}.archive-container{padding:0 16px 40px}.featured-section{padding:30px 0 40px;margin-bottom:40px}.featured-post .post-title{font-size:1.375rem}.sidebar-posts{gap:20px}.sidebar-post-item{padding-bottom:20px}.category-section{margin-bottom:50px}.section-title{font-size:1.25rem}.posts-grid{grid-template-columns:1fr;gap:20px}.post-card .post-content{padding:16px}.archive-pagination{margin-top:40px;padding-top:30px;gap:6px;flex-wrap:wrap}.archive-pagination .page-numbers{min-width:38px;height:38px;font-size:.8125rem}}@media (max-width:480px){.section-header{flex-direction:column;align-items:flex-start;gap:8px}.featured-post .post-author,.sidebar-post-item .post-author,.post-card .post-author{gap:8px}.featured-post .author-avatar{width:32px;height:32px}}.post-thumbnail.category-seo{background:linear-gradient(135deg,#fce7f3 0%,#f9a8d4 100%)}.post-thumbnail.category-marketing{background:linear-gradient(135deg,#ddd6fe 0%,#a78bfa 100%)}.post-thumbnail.category-content{background:linear-gradient(135deg,#a5f3fc 0%,#22d3ee 100%)}.post-thumbnail.category-link-building{background:linear-gradient(135deg,#bfdbfe 0%,#60a5fa 100%)}.post-thumbnail.category-ecommerce{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 100%)}.post-card,.featured-post,.sidebar-post-item{animation:fadeInUp 0.5s ease forwards;opacity:0}.post-card:nth-child(1){animation-delay:0.1s}.post-card:nth-child(2){animation-delay:0.15s}.post-card:nth-child(3){animation-delay:0.2s}.post-card:nth-child(4){animation-delay:0.25s}.post-card:nth-child(5){animation-delay:0.3s}.post-card:nth-child(6){animation-delay:0.35s}.sidebar-post-item:nth-child(1){animation-delay:0.1s}.sidebar-post-item:nth-child(2){animation-delay:0.15s}.sidebar-post-item:nth-child(3){animation-delay:0.2s}.sidebar-post-item:nth-child(4){animation-delay:0.25s}.sidebar-post-item:nth-child(5){animation-delay:0.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.archive-page.auto-dark{--archive-primary:#f9fafb;--archive-secondary:#e5e7eb;--archive-text:#f3f4f6;--archive-text-muted:#9ca3af;--archive-bg:#111827;--archive-bg-light:#1f2937;--archive-border:#374151;--archive-border-light:#1f2937}}