.front-page{overflow-x:hidden}.hero-section{background:var(--hero-bg,#1a1a2e);padding:30px 0;margin-bottom:40px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.hero-item-1{grid-row:span 2}.hero-item-2,.hero-item-3{display:flex;gap:15px}.hero-item .hero-image{position:relative;overflow:hidden;border-radius:12px}.hero-item-1 .hero-image{height:400px}.hero-item-2 .hero-image,.hero-item-3 .hero-image{width:120px;height:120px;flex-shrink:0}.hero-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.hero-item:hover img{transform:scale(1.05)}.hero-content{padding:15px}.hero-item-1 .hero-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}.hero-category{display:inline-block;padding:4px 10px;background:var(--primary-color,#c0392b);font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px;margin-bottom:10px}.hero-title{font-size:22px;margin:0 0 8px}.hero-item-1 .hero-title{font-size:28px}.hero-title a{color:inherit;text-decoration:none}.hero-title a:hover{text-decoration:underline}.hero-meta{font-size:12px;opacity:.8}.hero-read-time{font-size:11px;opacity:.7}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.section-title{font-size:22px;font-weight:700;margin-bottom:20px;padding:10px 15px;background:var(--primary-color,#c0392b);color:#fff;border-radius:8px}.section-title a{color:#fff;text-decoration:none}.section-title a:hover{text-decoration:underline}.featured-posts{display:flex;flex-direction:column;gap:20px}.featured-item{display:flex;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color,#e5e5e5)}.featured-item:last-child{border-bottom:none}.featured-item .post-thumb{flex:0 0 100px}.featured-item .post-thumb img{width:100%;height:70px;object-fit:cover;border-radius:6px}.featured-item .post-content h3{font-size:15px;line-height:1.4;margin:0 0 5px}.featured-item .post-content h3 a{text-decoration:none;color:var(--text-dark,#333)}.featured-item .post-content h3 a:hover{color:var(--primary-color,#c0392b)}.trending-list{display:flex;flex-direction:column;gap:12px}.trending-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-light,#f9f9f9);border-radius:8px;transition:all .3s}.trending-item:hover{background:var(--border-color-light,#f0f0f0);transform:translateX(5px)}.trending-number{font-size:22px;font-weight:800;color:var(--primary-color,#c0392b);min-width:35px}.trending-item h4{font-size:14px;margin:0}.trending-item h4 a{text-decoration:none;color:var(--text-dark,#333)}.trending-item h4 a:hover{color:var(--primary-color,#c0392b)}.latest-list{display:flex;flex-direction:column;gap:15px}.latest-item{padding-bottom:12px;border-bottom:1px solid var(--border-color-light,#f0f0f0)}.latest-item:last-child{border-bottom:none}.latest-item h4{font-size:15px;margin:0 0 5px}.latest-item h4 a{text-decoration:none;color:var(--text-dark,#333)}.latest-item h4 a:hover{color:var(--primary-color,#c0392b)}.category-section{margin:50px 0}.category-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:20px}.category-post{background:var(--bg-white,#fff);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.08));transition:all .3s}.category-post:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 6px 16px rgba(0,0,0,.12))}.category-post-thumb img{width:100%;height:180px;object-fit:cover}.category-post h3{font-size:16px;padding:12px 15px 5px;margin:0}.category-post h3 a{text-decoration:none;color:var(--text-dark,#333)}.category-post h3 a:hover{color:var(--primary-color,#c0392b)}.category-post .post-date{padding:0 15px 12px;font-size:12px;color:var(--text-lighter,#999)}.load-more-btn{display:block;width:100%;padding:14px;background:var(--primary-color,#c0392b);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.load-more-btn:hover{background:var(--primary-dark,#a93226);transform:translateY(-2px)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.no-posts{text-align:center;padding:30px;color:var(--text-light,#666);background:var(--bg-light,#f9f9f9);border-radius:8px}.post-meta,.post-date{font-size:12px;color:var(--text-lighter,#888)}@media (max-width:992px){.home-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-item-1 .hero-image{height:300px}.hero-item-2,.hero-item-3{flex-direction:column}.hero-item-2 .hero-image,.hero-item-3 .hero-image{width:100%;height:200px}}@media (max-width:768px){.home-grid{grid-template-columns:1fr;gap:30px}.hero-section{padding:20px 0}.hero-title{font-size:18px}.hero-item-1 .hero-title{font-size:22px}.category-posts-grid{grid-template-columns:1fr}.featured-item .post-thumb{flex:0 0 80px}.section-title{font-size:18px}}