.blog-post-container{background-color:#f7f8f9;padding-bottom:60px}.blog-header{background:linear-gradient(135deg,#6c63ff 0%,#5a52e0 50%,#4834d4 100%);padding:140px 0 60px;color:#fff;position:relative;overflow:hidden;margin-bottom:60px}.blog-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTIwMCA4MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR0eT0iMC4xIj48cmVjdCB4PSIyMDAiIHk9IjEwMCIgd2lkdGg9IjgwMCIgaGVpZ2h0PSI2MDAiIHJ4PSI1MCIvPjxyZWN0IHg9IjAiIHk9IjMwMCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI0MDAiIHJ4PSI1MCIvPjxyZWN0IHg9IjgwMCIgeT0iMjAwIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgcng9IjUwIi8+PC9nPjwvc3ZnPg==");background-position:center;background-size:cover;opacity:.1}.blog-header-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.blog-title{font-size:44px;color:#fff;margin-bottom:20px;font-weight:700}.blog-header-content p{color:#fff;opacity:.9}.blog-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:16px}.meta-item{display:flex;align-items:center;gap:8px}.meta-item i{font-size:18px;color:#fff}.meta-item span{color:#fff}.blog-content{background-color:#fff;border-radius:10px;box-shadow:0px 3px 35px 0px rgba(158,158,158,.1);padding:60px;margin-bottom:60px}.article-featured-image{width:100%;border-radius:10px;overflow:hidden;margin-bottom:40px;box-shadow:0px 3px 35px 0px rgba(158,158,158,.1)}.article-featured-image img{width:100%;height:auto;display:block}.article-body{font-size:16px;line-height:1.8;color:#677284}.article-body h2{font-size:28px;color:#6c63ff;margin-top:40px;margin-bottom:20px;font-weight:700}.article-body h3{font-size:22px;color:#3a424e;margin-top:30px;margin-bottom:20px;font-weight:700}.article-body h4{font-size:18px;color:#3a424e;margin-top:25px;margin-bottom:15px;font-weight:700}.article-body p{margin-bottom:20px;line-height:1.8}.article-body a{color:#6c63ff;text-decoration:none;transition:all .3s ease-out}.article-body a:hover{color:#4834d4;text-decoration:underline}.article-body ul,.article-body ol{margin-bottom:25px;padding-left:25px}.article-body li{margin-bottom:12px;line-height:1.8}.intro-box,.conversion-tip,.guide-box{background-color:#f7f8f9;border-left:4px solid #6c63ff;padding:25px;margin:30px 0;border-radius:0 5px 5px 0}.conversion-tip{background-color:rgba(248,81,70,.1);border:1px solid #6c63ff}.conversion-tip h4{color:#6c63ff;display:flex;align-items:center;gap:10px;margin-bottom:15px}.conversion-tip h4 i{font-size:24px}.conversion-stat{background:linear-gradient(45deg,#6c63ff,#5a52e0);color:#fff;border-radius:5px;padding:25px;margin:25px 0;text-align:center}.stat-number{font-size:36px;font-weight:700;margin-bottom:10px;color:#fff}.stat-label{font-size:16px;opacity:.9}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}.element-card{background-color:#fff;border-radius:10px;box-shadow:0px 3px 35px 0px rgba(158,158,158,.1);padding:30px;transition:all .3s ease-out;border-top:4px solid #6c63ff;height:100%;display:flex;flex-direction:column}.element-card:hover{transform:translateY(-5px);box-shadow:0px 10px 30px 0px rgba(158,158,158,.2)}.element-icon{width:60px;height:60px;background:linear-gradient(45deg,#6c63ff,#5a52e0);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.element-icon i{font-size:28px;color:#fff}.element-card h4{font-size:20px;margin-bottom:15px;flex-grow:0;color:#3a424e}.element-card p{flex-grow:1;margin-bottom:0}.element-impact{display:inline-block;padding:5px 15px;background-color:#f7f8f9;color:#6c63ff;border-radius:20px;font-size:14px;font-weight:600;margin-top:15px}.checklist-container{background-color:#f7f8f9;border-radius:10px;padding:30px;margin:40px 0}.checklist-item{display:flex;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.checklist-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.checkmark{width:24px;height:24px;background-color:#6c63ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.checkmark i{color:#fff;font-size:12px}.ab-testing{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.test-version{background-color:#fff;border-radius:10px;padding:25px;border:2px solid #e8e8e8;transition:all .3s ease}.test-version:hover{border-color:#6c63ff}.version-badge{display:inline-block;padding:5px 10px;background-color:#f7f8f9;color:#677284;border-radius:5px;font-size:12px;font-weight:600;margin-bottom:15px}.version-a{border-top:4px solid #6c63ff}.version-b{border-top:4px solid #3698ee}.article-footer{border-top:1px solid #e8e8e8;padding-top:40px;margin-top:60px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tag{background-color:#f7f8f9;color:#677284;padding:8px 16px;border-radius:30px;font-size:14px;transition:all .3s ease-out;text-decoration:none;display:inline-block}.tag:hover{background-color:#6c63ff;color:#fff;text-decoration:none}.share-article{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e8e8e8}.share-article h4{margin-bottom:15px;color:#3a424e}.author-bio{display:flex;align-items:center;gap:20px;background-color:#f7f8f9;padding:30px;border-radius:10px;margin:40px 0}.author-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #6c63ff;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info h4{margin-bottom:10px;color:#3a424e}.author-info p{margin-bottom:0}.trends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}.trend-card{background-color:#fff;border-radius:10px;box-shadow:0px 3px 35px 0px rgba(158,158,158,.1);padding:30px;transition:all .3s ease-out;border-top:4px solid var(--dashmaster-primary-color,#3698ee)}.trend-card:hover{transform:translateY(-5px);box-shadow:0px 10px 30px 0px rgba(158,158,158,.2)}.trend-icon{width:60px;height:60px;background-color:var(--dashmaster-primary-color,#3698ee);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.trend-icon i{font-size:28px;color:#fff}.trend-card h4{font-size:20px;margin-bottom:15px}.trend-highlight{background-color:rgba(54,152,238,.1);border:1px solid var(--dashmaster-primary-color,#3698ee);border-radius:5px;padding:25px;margin:30px 0;position:relative}.trend-highlight h4{color:var(--dashmaster-primary-color,#3698ee);display:flex;align-items:center;gap:10px;margin-bottom:15px}.trend-highlight h4 i{font-size:24px}.stat-box{background-color:#581ccb;color:#fff;border-radius:5px;padding:20px;margin:25px 0;text-align:center}.stat-box .stat-number{font-size:36px;font-weight:700;margin-bottom:10px;color:#fff}.stat-box .stat-label{font-size:16px;opacity:.9}.trend-list{list-style:none;margin:25px 0;padding-left:0}.trend-list li{padding:12px 0 12px 40px;position:relative;border-bottom:1px solid #e8e8e8}.trend-list li:last-child{border-bottom:none}.trend-list li:before{content:"\f12e";font-family:"LineIcons";position:absolute;left:0;top:12px;color:var(--dashmaster-primary-color,#3698ee);font-size:20px}.timeline{position:relative;margin:40px 0;padding-left:30px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--dashmaster-primary-color,#3698ee)}.timeline-item{position:relative;margin-bottom:30px;padding-left:30px}.timeline-item:before{content:"";position:absolute;left:-36px;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--dashmaster-primary-color,#3698ee);border:3px solid #fff;box-shadow:0 0 0 3px var(--dashmaster-primary-color,#3698ee)}.timeline-date{font-weight:600;color:var(--dashmaster-primary-color,#3698ee);margin-bottom:5px}.feature-list{list-style:none;margin:25px 0;padding-left:0}.feature-list li{padding:10px 0 10px 40px;position:relative;line-height:1.8}.feature-list li:before{content:"\f26a";font-family:"LineIcons";position:absolute;left:0;top:10px;color:var(--dashmaster-primary-color,#3698ee);font-size:20px}.tip-box{background-color:rgba(54,152,238,.1);border:1px solid var(--dashmaster-primary-color,#3698ee);border-radius:5px;padding:25px;margin:30px 0;position:relative}.tip-box h4{color:var(--dashmaster-primary-color,#3698ee);display:flex;align-items:center;gap:10px;margin-bottom:15px}.tip-box h4 i{font-size:24px}.code-snippet{background-color:#3a424e;color:#fff;border-radius:5px;padding:20px;margin:25px 0;font-family:monospace;overflow-x:auto;font-size:14px;line-height:1.6}.code-snippet pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.related-resources{margin:40px 0}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.resource-card{background-color:#fff;border-radius:10px;box-shadow:0px 3px 35px 0px rgba(158,158,158,.1);padding:30px;transition:all .3s ease-out}.resource-card:hover{transform:translateY(-5px);box-shadow:0px 10px 30px 0px rgba(158,158,158,.2)}.resource-icon{width:60px;height:60px;background-color:var(--dashmaster-primary-color,#3698ee);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.resource-icon i{font-size:28px;color:#fff}.resource-card h4{font-size:20px;margin-bottom:15px}.related-posts{padding-top:40px;border-top:1px solid #e8e8e8}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:0;padding:0 25px;font-size:16px;height:55px;line-height:55px;border-radius:5px;color:#fff;cursor:pointer;transition:all .4s ease-out;background:linear-gradient(45deg,#6c63ff,#5a52e0);text-decoration:none}.btn:hover{background:linear-gradient(45deg,#5a52e0,#4834d4);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);text-decoration:none}.btn-secondary{background-color:transparent;color:#6c63ff;border:2px solid #6c63ff;line-height:53px}.btn-secondary:hover{background-color:#6c63ff;color:#fff}@media (max-width:991px){.blog-content{padding:40px 30px}.author-bio{flex-direction:column;text-align:center}.elements-grid{grid-template-columns:repeat(2,1fr)}.ab-testing{grid-template-columns:1fr}}@media (max-width:767px){.blog-title{font-size:32px}.blog-header{padding:120px 0 40px}.blog-meta{flex-direction:column;gap:10px;font-size:14px}.blog-content{padding:30px 20px}.article-body h2{font-size:24px}.article-body h3{font-size:20px}.elements-grid{grid-template-columns:1fr}.author-bio{padding:20px}.btn{padding:0 15px;height:45px;line-height:45px;font-size:14px}.btn-secondary{line-height:41px}}