:root{--bg-color:#001833;--accent-color:#dd0058;--accent-color2:#f69;--accent-color3:#00c4b4;--accent-color4:#d4af37;--text-color1:#001833;--text-color2:#f5f5f5;--text-color-accent1:#dd0058;--text-color-accent2:#00c4b4;--color1:#fff;--color2:#f5f5f5;--color3:#f0f0f0;--border-radius-1:18px;--border-radius-2:9px;--border-radius-3:5px;--border-radius-btn:5px;--shadow-1:0px 2px 8px -5px #000;--blog-tag-hover:#e3f0ff}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--padding-md)}.blog-container{padding:1rem;background-color:var(--bg-color-lighter)}.blog-title{font-size:3rem;font-weight:400}.blog-subtitle,.blog-title{text-align:center;color:var(--text-color)}.blog-subtitle{font-size:var(--font-size-lg);margin-bottom:2rem}.blog-filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto;max-width:800px;padding:1rem;border-radius:var(--card-border-radius)}.blog-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin:2rem auto;max-width:1200px;padding:var(--padding-md)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.blog-card{display:block;background-color:var(--bg-color-lightest);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);overflow:hidden;text-decoration:none;min-height:300px}@media (min-width:768px){.blog-card{min-height:400px}}.blog-article{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:var(--padding-md)}.blog-article h2{font-size:1.25rem;font-weight:700;color:var(--text-color);line-height:1.4}@media (min-width:768px){.blog-article h2{font-size:1.5rem}}.blog-metadata{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-color);opacity:.7;flex-wrap:wrap}@media (min-width:768px){.blog-metadata{gap:1rem}}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}@media (min-width:768px){.blog-tags{gap:.75rem}}.blog-tag{padding:var(--padding-sm);background-color:var(--bg-color-light);color:var(--text-color);border-radius:var(--border-radius-2);font-size:var(--font-size-sm);font-weight:500;transition:var(--speed-1);cursor:pointer;letter-spacing:1px}.blog-tag:hover{background-color:var(--blog-tag-hover)}.blog-tag.active{background-color:var(--bg-color);color:var(--text-color-light)}.blog-excerpt{color:var(--text-color);opacity:.8;line-height:1.6;font-size:var(--font-size-md);margin-top:auto;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--bg-color-lighter)}.blog-post-header{margin-bottom:2.5rem}.blog-post-title{font-size:1.75rem;font-weight:500;color:var(--text-color);line-height:1.3;margin-bottom:1.25rem}.blog-post-metadata{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-color);opacity:.7;margin-bottom:1rem;flex-wrap:wrap}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-post-excerpt{font-size:1.125rem;color:var(--text-color);opacity:.8;line-height:1.6;margin-bottom:2rem}.blog-post-content{font-size:1rem;line-height:1.7;color:var(--text-color)}.blog-post-intro{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-color);opacity:.9}.blog-post-section{margin-bottom:2.5rem}.blog-post-section-title{font-size:1.375rem;font-weight:500;color:var(--text-color);margin-bottom:1rem;line-height:1.3}.blog-post-section-content{margin-bottom:1.5rem}.blog-post-features{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.blog-post-feature{background-color:var(--bg-color-lightest);padding:1.5rem;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow)}.blog-post-feature-title{font-size:1.125rem;font-weight:500;color:var(--text-color);margin-bottom:.75rem;line-height:1.3}.blog-post-feature-description{color:var(--text-color);opacity:.8;line-height:1.6}@media (min-width:768px){.blog-post-container{padding:3rem}.blog-post-title{font-size:2rem;margin-bottom:1.5rem}.blog-post-section-title{font-size:1.5rem;margin-bottom:1.25rem}.blog-post-features{gap:2rem}}.card-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-shadow:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.md\:grid-cols-7{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-7>div:nth-child(n+5){grid-column:span 2}}