body{font-family:'Poppins',sans-serif;background-color:#f8fafc;color:#1e293b;transition:background-color 0.5s,color 0.5s}a{text-decoration:none!important}.blog-main-container{max-width:1150px;margin:0 auto;padding:0 20px 60px;min-height:80vh}.breadcrumbs{display:flex;align-items:center;font-size:13px;color:#64748b;margin-top:-15px;margin-bottom:15px;transition:0.5s}.breadcrumbs a{color:#8b5cf6;text-decoration:none;transition:0.3s}.breadcrumbs a:hover{color:#f97316}.breadcrumbs .separator{margin:0 8px;font-size:10px;opacity:.5}.breadcrumbs .current{color:#1e293b;font-weight:600;transition:0.5s}.blog-hero{text-align:center;padding:10px 0 40px;border-bottom:1px solid #e2e8f0;margin-top:5px;margin-bottom:20px;transition:0.5s}.blog-hero-title{font-size:2.2rem;font-weight:800;color:#1e293b;margin-top:5px;margin-bottom:10px;transition:0.5s}.blog-hero-title span{color:#8b5cf6}.blog-hero-desc{color:#475569;font-size:1rem;max-width:700px;margin:0 auto 25px;line-height:1.6;transition:0.5s}.blog-search{max-width:500px;margin:0 auto;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;padding:10px 20px;box-shadow:0 10px 25px rgb(0 0 0 / .05);transition:0.3s}.blog-search:focus-within{border-color:#8b5cf6;box-shadow:0 10px 25px rgb(139 92 246 / .15)}.blog-search i{color:#8b5cf6;font-size:16px;margin-right:12px}.blog-search input{flex:1;border:none;outline:none;background:#fff0;font-family:'Poppins',sans-serif;font-size:14px;color:#1e293b}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;box-shadow:0 4px 10px rgb(0 0 0 / .02)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgb(0 0 0 / .08);border-color:#cbd5e1}.blog-img-link{position:relative;display:block;overflow:hidden;aspect-ratio:16/9}.blog-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-img{transform:scale(1.05)}.blog-category{position:absolute;top:12px;left:12px;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.blog-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{font-size:11px;color:#64748b;margin-bottom:10px;font-weight:600;transition:0.5s}.blog-title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 15px 0;line-height:1.5;transition:color 0.3s}.blog-title-link:hover .blog-title{color:#8b5cf6}.read-more-btn{font-size:12px;font-weight:600;color:#8b5cf6;display:inline-flex;align-items:center;gap:6px;transition:0.3s;margin-top:auto}.read-more-btn:hover{color:#f97316;gap:10px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.page-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:35px;height:35px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569!important;font-size:13px;font-weight:600;transition:0.3s}.page-btn:first-child,.page-btn:last-child{width:auto;padding:0 12px}.page-btn:hover:not(.disabled){background:#f1f5f9;border-color:#cbd5e1;color:#8b5cf6!important}.page-btn.active{background:#8b5cf6;color:#ffffff!important;border-color:#8b5cf6;box-shadow:0 4px 10px rgb(139 92 246 / .3)}.page-btn.disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.blog-section-title{text-align:center;margin-top:50px;margin-bottom:25px}.blog-section-title h2{font-size:1.5rem;color:#1e293b;transition:0.5s}.blog-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:50px}.blog-feature-box{background:#fff;padding:25px;border-radius:15px;border:1px solid #e2e8f0;text-align:center;transition:0.5s}.blog-feature-box h4{color:#1e293b;margin-bottom:10px;transition:0.5s}.blog-feature-box p{font-size:13px;color:#64748b;transition:0.5s;line-height:1.6}.faq-container{max-width:900px;margin:0 auto 50px;background:#fff;border-radius:15px;border:1px solid #e2e8f0;transition:0.5s}.faq-item{border-bottom:1px solid #e2e8f0}.faq-item:last-child{border-bottom:none}.faq-question{padding:20px;font-weight:600;font-size:15px;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:0.3s}.faq-question:hover{color:#8b5cf6}.faq-answer{padding:0 20px 20px;color:#64748b;font-size:14px;line-height:1.6;display:none;transition:0.5s}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-question i{transform:rotate(45deg);color:#ef4444}.blog-seo-box{background:#f1f5f9;border-radius:15px;padding:30px;margin-top:50px;border:1px dashed #cbd5e1;text-align:justify;transition:0.5s}.blog-seo-box h3{font-size:18px;color:#1e293b;margin-bottom:15px;text-align:center;transition:0.5s}.blog-seo-box p{font-size:12.5px;color:#475569;line-height:1.8;margin-bottom:10px;transition:0.5s}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:15px}.blog-title{font-size:14px}}@media (max-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:10px}.blog-hero{padding:20px 0 40px}.blog-hero-title{font-size:1.8rem}.blog-content{padding:12px}.blog-title{font-size:12px;line-height:1.4;margin-bottom:10px}.blog-meta{font-size:9px;margin-bottom:6px}.read-more-btn{font-size:10px}.blog-feature-box{padding:20px 15px}}@media (max-width:380px){.blog-grid{grid-template-columns:1fr!important;gap:20px}.blog-hero-title{font-size:1.5rem}.blog-card{border-radius:12px;overflow:hidden}.blog-img{height:180px}.blog-content{padding:15px}.blog-title{font-size:15px;line-height:1.5;margin-bottom:12px}.blog-meta{font-size:11px;margin-bottom:8px}}body.dark-mode{background-color:#0f172a;color:#f8fafc}body.dark-mode .breadcrumbs .current{color:#f8fafc}body.dark-mode .blog-hero{border-color:#334155}body.dark-mode .blog-hero-title{color:#f8fafc}body.dark-mode .blog-hero-desc{color:#94a3b8}body.dark-mode .blog-search{background:#1e293b;border-color:#334155}body.dark-mode .blog-search:focus-within{border-color:#8b5cf6}body.dark-mode .blog-search input{color:#f8fafc}body.dark-mode .ad-placeholder{background:#1e293b;border-color:#475569;color:#cbd5e1}body.dark-mode .blog-card{background:#1e293b;border-color:#334155}body.dark-mode .blog-card:hover{border-color:#475569}body.dark-mode .blog-title{color:#f8fafc}body.dark-mode .blog-title-link:hover .blog-title{color:#8b5cf6}body.dark-mode .blog-meta{color:#94a3b8}body.dark-mode .page-btn{background:#1e293b;border-color:#334155;color:#cbd5e1!important}body.dark-mode .page-btn:hover:not(.disabled){background:#334155;color:#f8fafc!important}body.dark-mode .page-btn.active{background:#8b5cf6;color:#ffffff!important;border-color:#8b5cf6}body.dark-mode .page-btn.disabled{background:#0f172a}body.dark-mode .blog-section-title h2{color:#f8fafc}body.dark-mode .blog-feature-box{background:#1e293b;border-color:#334155}body.dark-mode .blog-feature-box h4{color:#f8fafc}body.dark-mode .blog-feature-box p{color:#94a3b8}body.dark-mode .faq-container,body.dark-mode .faq-item{background:#1e293b;border-color:#334155}body.dark-mode .faq-question{color:#f8fafc}body.dark-mode .faq-answer{color:#94a3b8}body.dark-mode .blog-seo-box{background:#1e293b;border-color:#475569}body.dark-mode .blog-seo-box h3{color:#f8fafc}body.dark-mode .blog-seo-box p{color:#cbd5e1}.blog-master-container{max-width:1150px;margin:0 auto;padding:40px 20px 80px;display:flex;gap:40px;align-items:flex-start}.blog-left-col{flex:1;max-width:800px}.blog-header{text-align:left;margin-bottom:30px;border-bottom:2px solid #e2e8f0;padding-bottom:20px;transition:0.5s}.blog-badge{display:inline-block;background:#8b5cf6;color:#fff;padding:5px 15px;border-radius:50px;font-size:12px;font-weight:700;margin-bottom:15px;text-transform:uppercase}.blog-title{font-size:clamp(2rem, 4vw, 2.8rem);font-weight:800;color:#1e293b;line-height:1.3;margin-bottom:15px;transition:color 0.5s}.blog-meta{display:flex;flex-wrap:wrap;gap:20px;color:#64748b;font-size:13px;font-weight:600;transition:color 0.5s}.blog-meta i{color:#f97316;margin-right:5px}.blog-banner{width:100%;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .05);margin-bottom:40px;object-fit:cover}.blog-content{font-size:1.1rem;line-height:1.8;color:#475569;transition:color 0.5s}.blog-content p{margin-bottom:20px;text-align:justify}.blog-content h2{font-size:1.8rem;color:#1e293b;margin:40px 0 20px;font-weight:700;transition:color 0.5s}.blog-content h3{font-size:1.4rem;color:#1e293b;margin:30px 0 15px;font-weight:600;transition:color 0.5s}.blog-content img{width:100%;border-radius:12px;margin:20px 0}.blog-content ul,.blog-content ol{margin-bottom:20px;padding-left:20px}.blog-content li{margin-bottom:10px}.info-box{background:#f0fdf4;border-left:5px solid #22c55e;padding:20px;border-radius:8px;margin:30px 0;color:#166534;font-weight:500;font-size:.95rem}.tool-cta-box{background:linear-gradient(135deg,#f97316,#8b5cf6);padding:30px;border-radius:16px;text-align:center;color:#fff;margin:40px 0;box-shadow:0 10px 20px rgb(139 92 246 / .2)}.tool-cta-box h3{color:white!important;margin-top:0;font-size:1.5rem}.tool-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#8b5cf6!important;padding:12px 30px;border-radius:50px;font-weight:800;margin-top:15px;transition:0.3s}.tool-cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgb(0 0 0 / .2);color:#f97316!important}.author-box{display:flex;align-items:center;gap:20px;background:#f8fafc;padding:25px;border-radius:16px;border:1px solid #e2e8f0;margin-top:50px;transition:0.5s}.author-img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #8b5cf6;padding:2px}.author-info h4{margin:0 0 5px;color:#1e293b;font-size:18px;font-weight:800;transition:color 0.5s}.author-info p{margin:0;font-size:13px;color:#64748b;line-height:1.5;transition:color 0.5s}.blog-sidebar{width:320px;flex-shrink:0;position:sticky;top:90px}.sidebar-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 10px 25px rgb(0 0 0 / .03);transition:0.5s}.widget-title{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #f1f5f9;padding-bottom:10px;transition:0.5s}.widget-title i{color:#f97316}.related-post-item{display:flex;gap:15px;align-items:center;margin-bottom:15px;text-decoration:none;transition:0.3s}.related-post-item:last-child{margin-bottom:0}.related-post-item:hover{transform:translateX(5px)}.related-img{width:70px;height:60px;border-radius:8px;object-fit:cover}.related-info h5{margin:0 0 5px;font-size:13px;color:#1e293b;font-weight:700;line-height:1.4;transition:color 0.5s}.related-info span{font-size:11px;color:#64748b;font-weight:500}.related-post-item:hover .related-info h5{color:#8b5cf6}.dark-mode .blog-header{border-bottom-color:#334155}.dark-mode .blog-title,.dark-mode .blog-content h2,.dark-mode .blog-content h3,.dark-mode .author-info h4,.dark-mode .widget-title,.dark-mode .related-info h5{color:#f8fafc}.dark-mode .blog-meta,.dark-mode .blog-content,.dark-mode .author-info p{color:#cbd5e1}.dark-mode .info-box{background:rgb(34 197 94 / .1);color:#4ade80;border-color:#22c55e}.dark-mode .author-box,.dark-mode .sidebar-widget{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px rgb(0 0 0 / .5)}.dark-mode .widget-title{border-bottom-color:#0f172a}@media (max-width:980px){.blog-master-container{flex-direction:column}.blog-sidebar{width:100%;position:static}}