*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:rgb(247,247,247);color:var(--text-color);font-family:Georgia,Times New Roman,Times,serif;line-height:1.6;min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:120px 2rem 4rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-header h1{font-size:3rem;font-weight:700;color:#333;margin-bottom:1rem}.blog-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem}.blog-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.blog-image{width:100%;height:200px;background:linear-gradient(45deg,#667eea,#764ba2);position:relative;overflow:hidden}.blog-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1)}.blog-content{padding:1.5rem}.blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#888;font-size:.9rem}.blog-category{background:#f0f0f0;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;color:#666}.blog-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.75rem;line-height:1.3}.blog-excerpt{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.read-more{color:#333;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.read-more:hover{gap:1rem}.read-more:after{content:"→";font-size:1.2rem}.categories-filter{font-family:Times New Roman,Times,serif;display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-btn{padding:.75rem 1.5rem;border:none;background:white;border-radius:25px;cursor:pointer;font-weight:500;color:#666;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.category-btn.active,.category-btn:hover{background:#333;color:white;transform:translateY(-2px)}.load-more{text-align:center;margin-top:3rem}.load-more-btn{background:#333;color:white;border:none;padding:1rem 2rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:#555;transform:translateY(-2px)}@media (max-width:768px){.nav{padding:0 1rem}.nav-links{gap:1rem}.main-content{padding:100px 1rem 2rem}.blog-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.categories-filter{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.9rem}}.section__title{font-size:var(--h1-font-size);color:var(--title-color)}.blog-card:first-child .blog-image{background:linear-gradient(45deg,#313131,#eee)}.blog-card:nth-child(2) .blog-image{background:linear-gradient(45deg,#333,#ccc)}.blog-card:nth-child(3) .blog-image{background:linear-gradient(45deg,#444,#bbb)}.blog-card:nth-child(4) .blog-image{background:linear-gradient(45deg,#555,#aaa)}.blog-card:nth-child(5) .blog-image{background:linear-gradient(45deg,#666,#999)}.blog-card:nth-child(6) .blog-image{background:linear-gradient(45deg,#777,#888)}.blog-card:nth-child(7) .blog-image{background:linear-gradient(45deg,#313131,#eee)}.blog-card:nth-child(8) .blog-image{background:linear-gradient(45deg,#333,#ccc)}