.blog-page .header{background:linear-gradient(315deg,#c95dfe,#9d95fd 50.46%,#22a9fe)}:root{--primary-color:#7e3ff2;--secondary-color:#5e17eb;--text-color:#333;--light-text:#666;--white:#fff;--light-bg:#f8f9fa;--border-color:#e9ecef;--gradient-bg:linear-gradient(135deg,#7e3ff2,#5e17eb)}.blog-page{display:flex;flex-direction:column;min-height:100vh}.blog-container{flex:1;margin:0 auto;max-width:1200px;padding:100px 0 50px}.container{padding:0 15px;width:100%}.main-blog-post{border:1px solid #c9c9c9;border-radius:10px;display:flex;height:322px;margin-bottom:40px;margin-top:40px;overflow:hidden}.blog-image{background-color:#f5f5f5;flex:0 0 45%;position:relative}.blog-image img{-o-object-fit:cover;object-fit:cover;width:100%}.new-tag{background:#4cd964;color:var(--white);font-size:14px;font-weight:700;left:0;line-height:1.2;padding:8px 12px;position:absolute;text-align:center;top:0}.blog-content{display:flex;flex:0 0 55%;flex-direction:column;justify-content:space-between;padding:30px}.blog-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.blog-meta{color:#666;display:flex;font-size:18px;justify-content:space-between}.blog-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.blog-card{border:1px solid #c9c9c9;border-radius:10px;height:100%;overflow:hidden;transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-card-image{height:180px;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{display:flex;flex-direction:column;height:calc(100% - 180px);justify-content:space-between;padding:20px}.blog-card-content a{display:-webkit-box;font-size:16px;font-weight:700;height:45px;line-height:1.4;margin-bottom:15px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-card-meta{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:auto}.good img{margin-right:5px;width:24px}@media (max-width:992px){.main-blog-post{flex-direction:column;height:auto}.blog-content,.blog-image{flex:0 0 100%}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.blog-grid{grid-template-columns:1fr}}.blog-card,.main-blog-post{color:inherit;text-decoration:none}.error-state,.loading-state{color:var(--light-text);font-size:18px;padding:50px 0;text-align:center}.error-state{color:#e74c3c}.retry-button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background .3s ease}.retry-button:hover{background:var(--secondary-color)}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:40px}.pagination-btn{background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;padding:8px 15px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:5px}.page-number{align-items:center;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.page-number.active,.page-number:hover{background-color:var(--primary-color);color:#fff}.page-number.active{font-weight:700}@media (max-width:992px){.main-blog-post{flex-direction:column;height:auto}.blog-content,.blog-image{flex:0 0 100%}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-container{padding:80px 0 40px}.blog-content h1{font-size:32px;margin-top:10px}.pagination{flex-wrap:wrap}}@media (max-width:768px){.container{padding:0 10px}.blog-content{padding:20px}.blog-content h1{font-size:28px}.blog-content p{font-size:14px;margin-bottom:15px;margin-top:20px}.blog-meta{font-size:14px}.page-numbers{display:none}.pagination-btn{flex:1;text-align:center}}@media (max-width:576px){.blog-grid{gap:20px;grid-template-columns:1fr}.main-blog-post{margin-bottom:30px;margin-top:20px}.blog-content h1{font-size:24px;line-height:50px}.blog-card-content h1{font-size:16px;height:auto;margin-bottom:10px}.blog-card-image{height:160px}.blog-card-content{height:auto;padding:15px}.pagination{margin-top:30px}}@media (hover:none){.blog-card:hover{transform:none}.blog-card:active{transform:translateY(-3px)}.blog-card:hover .blog-card-image img{transform:none}}.blog-excerpt2{color:var(--light-text);display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;overflow:hidden}