.blog-container{max-width:1300px;margin:0 auto;padding:60px 15px;min-height:100vh;color:#ffffff}.blog-header{margin:2rem 0 0}.blog-title{font-size:1.95rem;font-weight:500;color:#ffffff;margin-bottom:1.5rem;line-height:1.2}.blog-subtitle{font-size:18px;color:#cccccc;line-height:1.6;margin-bottom:3rem}.featured-post-section{margin-bottom:2rem}.featured-post{background-color:#1e1e1e;border-radius:8px;overflow:hidden;border:1px solid #333333;transition:all .3s ease}.featured-post:hover{border-color:#555555;transform:translateY(-2px)}.featured-post-layout{display:flex;flex-direction:column}.featured-image-container{width:100%}.featured-image{width:100%;height:100%;object-fit:cover}.featured-content{padding:32px;display:flex;flex-direction:column;justify-content:center}.featured-category-wrapper{margin-bottom:20px}.category-tag{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;background-color:#333333;color:#ffffff;border:1px solid #555555}.category-icon{width:16px;height:16px;margin-right:6px}.featured-title{font-size:20px;font-weight:700;color:#ffffff;margin-bottom:20px;line-height:1.3}.featured-excerpt{color:#cccccc;margin-bottom:24px;font-size:16px;line-height:1.6}.featured-meta{justify-content:space-between;margin-bottom:24px}.featured-meta,.meta-info{display:flex;align-items:center}.meta-info{gap:20px}.meta-item{display:flex;align-items:start;font-size:14px;color:#999999}.meta-icon{width:16px;height:16px;margin-right:6px}.read-time{font-size:14px;color:#999999}.featured-link{display:inline-flex;align-items:center;color:#fbbf24;font-weight:600;text-decoration:none;transition:color .3s ease}.featured-link:hover{color:#f59e0b}.link-arrow{width:20px;height:20px;margin-left:8px;transition:transform .3s ease}.featured-link:hover .link-arrow{transform:translateX(4px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-bottom:5rem}.post-card{background-color:#1e1e1e;border-radius:8px;overflow:hidden;border:1px solid #333333;transition:all .3s ease;cursor:pointer}.post-card:hover{border-color:#555555;transform:translateY(-2px)}.post-image-container{height:50%}.post-image-container,.post-image-feature-container{position:relative;width:100%;overflow:hidden}.post-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image{transform:scale(1.05)}.post-category-overlay{position:absolute;top:16px;left:16px}.category-tag-small{display:inline-block;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;background-color:rgba(51,51,51,.9);color:#ffffff;border:1px solid #555555}.post-content{padding:24px}.post-title{font-size:20px;font-weight:700;color:#ffffff;margin-bottom:12px;line-height:1.4;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card:hover .post-title{color:#fbbf24}.post-excerpt{color:#cccccc;margin-bottom:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta-top{margin-bottom:16px;font-size:14px;color:#999999}.post-meta-bottom,.post-meta-top{display:flex;align-items:center;justify-content:space-between}.post-link{display:inline-flex;align-items:center;color:#fbbf24;font-weight:600;font-size:14px;text-decoration:none;transition:color .3s ease}.post-link:hover{color:#f59e0b}.link-arrow-small{width:16px;height:16px;margin-left:4px;transition:transform .3s ease}.post-link:hover .link-arrow-small{transform:translateX(2px)}.load-more-section{text-align:center}.load-more-btn{background-color:#ffffff;color:#000000;padding:16px 32px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.load-more-btn:hover{background-color:#1e1e1e;color:#ffffff;border-color:#ffffff}@media (min-width:768px){.blog-title{font-size:42px}.featured-post-layout{flex-direction:row}.featured-image-container{width:50%;height:auto}.featured-content{width:50%;padding:40px}.featured-title{font-size:36px}}@media (min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}