:root{--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--heading-font: "Poppins", sans-serif;--background-color: #ffffff;--default-color: #212529;--heading-color: #2d465e;--accent-color: #0a4db8;--accent-color-light: #1a5fc9;--surface-color: #ffffff;--contrast-color: #ffffff}.blog-page .section{padding:60px 0;overflow:clip}.blog-page .section-title{padding-bottom:40px}.blog-page .section-title h2{font-size:32px;font-weight:700;margin-bottom:12px;font-family:var(--heading-font);color:var(--heading-color)}.blog-page .section-title p{margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 30%)}.blog-hero{padding-bottom:0}.blog-hero .post-item{margin-bottom:30px;transition:all .3s ease}.blog-hero .post-item:hover .post-img img{transform:scale(1.1)}.blog-hero .post-item:hover .post-title a{color:var(--accent-color)}.blog-hero .post-item .post-img{position:relative;overflow:hidden;margin-bottom:16px}.blog-hero .post-item .post-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}.blog-hero .post-item .post-img .category{position:absolute;top:15px;left:15px;padding:5px 15px;font-size:14px;color:var(--contrast-color);border-radius:4px;z-index:1}.blog-hero .post-item .post-img .category.entertainment{background-color:#e74c3c}.blog-hero .post-item .post-img .category.business{background-color:#3498db}.blog-hero .post-item .post-img .category.technology{background-color:#2ecc71}.blog-hero .post-item .post-img .category.lifestyle{background-color:#9b59b6}.blog-hero .post-item .post-content .post-title{margin:0 0 12px;font-family:var(--heading-font)}.blog-hero .post-item .post-content .post-title a{color:var(--heading-color);transition:color .3s ease}.blog-hero .post-item .post-content .post-title a:hover{color:var(--accent-color)}.blog-hero .post-item .post-content .post-meta{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%)}.blog-hero .post-item .post-content .post-meta .dot{margin:0 8px}.blog-hero .main-post{margin-bottom:0}.blog-hero .main-post .post-img{margin-bottom:20px}.blog-hero .main-post .post-title{font-size:28px;line-height:1.3}@media(max-width:991.98px){.blog-hero .main-post .post-title{font-size:24px}}.blog-hero .side-posts .side-post{margin-bottom:30px}.blog-hero .side-posts .side-post:last-child{margin-bottom:0}.blog-hero .side-posts .side-post .post-title{font-size:16px;line-height:1.4}@media(max-width:991.98px){.blog-hero .side-posts{margin-top:0}}.recent-posts article{background-color:var(--surface-color);box-shadow:0 4px 16px #0000001a;padding:30px;height:100%;border-radius:10px;overflow:hidden}.recent-posts .post-img{max-height:240px;margin:-30px -30px 15px;overflow:hidden}.recent-posts .post-category{font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:10px}.recent-posts .title{font-size:20px;font-weight:700;padding:0;margin:0 0 20px}.recent-posts .title a{color:var(--heading-color);transition:.3s}.recent-posts .title a:hover{color:var(--accent-color)}.recent-posts .post-author-img{width:50px;border-radius:50%;margin-right:15px}.recent-posts .post-author{font-weight:600;margin-bottom:5px}.recent-posts .post-date{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:0}.blog-pagination{padding-top:0;color:color-mix(in srgb,var(--default-color),transparent 40%)}.blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.blog-pagination li{margin:0 5px;transition:.3s}.blog-pagination li a{color:var(--accent-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent-color)}.blog-pagination li a.active,.blog-pagination li a:hover{background:var(--accent-color);color:var(--contrast-color)}.blog-pagination li a.active a,.blog-pagination li a:hover a{color:var(--contrast-color)}.blog-details{background-color:var(--surface-color);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d}.blog-details .post-img{position:relative;height:600px;overflow:hidden}.blog-details .post-img img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.blog-details .post-img{height:300px}}.blog-details .article-content{padding:2rem}@media(max-width:768px){.blog-details .article-content{padding:1.5rem}}.blog-details .meta-categories{margin-bottom:1rem}.blog-details .meta-categories .category,.blog-details .meta-categories .reading-time{display:inline-flex;align-items:center;margin-right:1rem;font-size:.9rem;color:var(--heading-color)}.blog-details .meta-categories .category i,.blog-details .meta-categories .reading-time i{margin-right:.5rem;font-size:1rem}.blog-details .title{font-size:2.5rem;line-height:1.3;margin:1rem 0 1.5rem;color:var(--heading-color);font-family:var(--heading-font)}@media(max-width:768px){.blog-details .title{font-size:2rem}}.blog-details .meta-top{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.blog-details .meta-top ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem}.blog-details .meta-top ul li{display:flex;align-items:center;color:color-mix(in srgb,var(--default-color),transparent 30%)}.blog-details .meta-top ul li i{margin-right:.5rem;font-size:1.1rem}.blog-details .meta-top ul li .author-img{width:30px;height:30px;border-radius:50%;margin-right:.5rem}.blog-details .meta-top ul li a{color:var(--heading-color)}.blog-details .meta-top ul li a:hover{color:var(--accent-color)}.blog-details .content{font-size:1.1rem;line-height:1.8}.blog-details .content .lead{font-size:1.25rem;font-weight:500;color:var(--heading-color);margin-bottom:1.5rem}.blog-details .content h2{font-size:1.8rem;margin:2.5rem 0 1rem;color:var(--heading-color)}.blog-details .content p{margin-bottom:1.5rem}.blog-details .content ul{margin-bottom:2rem;padding-left:1.5rem}.blog-details .content ul li{margin-bottom:.5rem}.blog-details .content .content-image{margin:2rem 0}.blog-details .content .content-image img{width:100%;border-radius:8px}.blog-details .content .content-image figcaption{text-align:center;margin-top:.75rem;font-size:.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%)}.blog-details .content .content-image-split{margin:2rem 0}.blog-details .content .content-image-split img{border-radius:8px}.blog-details .content blockquote{background:color-mix(in srgb,var(--accent-color),transparent 95%);border-left:4px solid var(--accent-color);padding:2rem;margin:2rem 0;border-radius:0 8px 8px 0}.blog-details .content blockquote p{font-size:1.2rem;font-style:italic;color:var(--heading-color);margin:0 0 1rem}.blog-details .content blockquote cite{font-size:.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);font-style:normal;display:block}.blog-details .content blockquote cite:before{content:"\2014  "}.blog-details .meta-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.blog-details .meta-bottom .article-tags{display:flex;align-items:center}.blog-details .meta-bottom .article-tags i{margin-right:.5rem;color:color-mix(in srgb,var(--default-color),transparent 30%)}.blog-details .meta-bottom .article-tags .tags{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.blog-details .meta-bottom .article-tags .tags li a{display:inline-block;padding:.25rem .75rem;font-size:.9rem;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:20px;transition:all .3s ease}.blog-details .meta-bottom .article-tags .tags li a:hover{background:var(--accent-color);color:var(--contrast-color)}.blog-details .meta-bottom .article-share{display:flex;align-items:center;gap:1rem}.blog-details .meta-bottom .article-share span{color:color-mix(in srgb,var(--default-color),transparent 30%)}.blog-details .meta-bottom .article-share a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);transition:all .3s ease}.blog-details .meta-bottom .article-share a:hover{background:var(--accent-color);color:var(--contrast-color)}.blog-details .meta-bottom .article-share a i{font-size:1rem}