.blog-main{background:#fff}.blog-container{width:100%;max-width:1320px;margin:0 auto;padding:8rem 1rem 0}.blog-header{text-align:center;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.blog-header h1{font-family:Urbanist,sans-serif;font-size:var(--font-size-5xl);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.blog-header .blog-description{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:2rem 0;justify-content:center}.blog-post-wrapper-link{text-decoration:none;color:inherit;display:block;transform-origin:center;transition:transform .3s ease-in-out;position:relative;padding:1px;border-radius:16px;background:linear-gradient(135deg,#e5e5e5 0% 100%)}.blog-post-wrapper-link:hover{transform:translateY(-5px);background:linear-gradient(135deg,#ffcb05,#d684f7,#27c3ea)}.blog-grid-item{background:#fff;border-radius:15px;overflow:hidden;transition:all .3s ease-in-out;height:100%;display:flex;flex-direction:column;position:relative}.blog-grid-item-top{position:relative;overflow:hidden}.post-thumbnail{width:100%;height:200px;object-fit:cover;display:block}.blog-grid-item-bottom{padding:1rem 2rem 2rem;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:#666;gap:1rem}.blog-date,.blog-author{display:flex;align-items:center;font-weight:500}.blog-meta-icon{width:14px;height:14px;margin-right:.5rem;opacity:.7}.blog-date{color:#bd60a5}.blog-author{color:#666}.blog-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#3a3b3c;margin-bottom:1rem;line-height:1.4;flex:1}.blog-tags{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;list-style:none;padding:0;flex-wrap:wrap;text-align:center;display:none}.blog-tags img{width:16px;height:16px}.blog-tags li{color:#3a3b3c;font-size:.8rem;font-weight:500;padding:.2rem .5rem;border-radius:20px;border:.5px solid #bd60a5;background:transparent}.blog-description{color:#666;line-height:1.5;margin-bottom:1.5rem;flex:1;font-size:.85rem}.clamp-two-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;max-height:3.2em}.blog-btn{background:#3a3b3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:auto;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.blog-btn .btn-text{position:relative;height:1.2em;overflow:hidden;line-height:1.2;display:block}.blog-btn .text-visible,.blog-btn .text-hidden{display:block;line-height:1.2;transition:transform .3s cubic-bezier(.4,0,.2,1)}.blog-btn .text-hidden{position:absolute;top:120%;left:0;width:100%;white-space:nowrap}.blog-btn:hover .text-visible,.blog-btn:hover .text-hidden{transform:translateY(-120%)}.blog-btn:before{content:"";position:absolute;inset:0;background:#bd60a5;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1;border-radius:inherit}.blog-btn:hover:before{transform:translateY(0)}.pagination-container{margin:4rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;background:#fff;color:#3a3b3c;text-decoration:none;border-radius:50%;font-weight:500;transition:all .3s ease;min-width:44px;height:44px;border:1px solid #e1e5e9;position:relative;overflow:hidden}.pagination-btn .btn-text{position:relative;height:1.2em;overflow:hidden;line-height:1.2;display:block}.pagination-btn .text-visible,.pagination-btn .text-hidden{display:block;line-height:1.2;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pagination-btn .text-hidden{position:absolute;top:120%;left:0;width:100%;white-space:nowrap}.pagination-btn:hover .text-visible,.pagination-btn:hover .text-hidden{transform:translateY(-100%)}.pagination-btn:hover{transform:translateY(-2px)}.pagination-current{background:#3a3b3c;color:#fff;border-color:#3a3b3c}.pagination-current:hover{transform:none}.pagination-prev,.pagination-next{background:#3a3b3c;color:#fff;border-radius:25px;padding:.75rem 1.5rem;font-weight:600;min-width:auto}.pagination-info{color:#666;font-size:.9rem;text-align:center}@media only screen and (max-width: 950px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media only screen and (max-width: 600px){.blog-header{margin-bottom:0}.blog-grid{grid-template-columns:1fr;gap:1rem}.blog-grid-item-bottom{padding:1.5rem}.blog-meta{flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.blog-title{font-size:1.6rem}.blog-description{font-size:1.02rem}.post-thumbnail{height:150px}.blog-header h1{font-size:var(--font-size-4xl)}.blog-header .blog-description{font-size:var(--font-size-lg)}.pagination{gap:.25rem}.pagination-btn{padding:.5rem .75rem;font-size:.9rem;min-width:36px;height:36px}.pagination-prev,.pagination-next{padding:.5rem 1rem}.pagination-info{font-size:.8rem}}