.dmrs-web-blog{--blog-primary: var(--dmrs-primary, #1551d4);--blog-primary-dark: var(--dmrs-primary-dark, #1e40af);--blog-primary-light: #dbeafe;--blog-text: #151c28;--blog-text-secondary: #414b5a;--blog-text-muted: #94a3b8;--blog-border: #e2e8f0;--blog-bg-light: #f8fafc;--blog-success: #10b981;--blog-radius: 8px;line-height:1.7;color:var(--blog-text)}.dmrs-web-blog-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--blog-border);z-index:1050;opacity:0;transition:opacity .3s}.dmrs-web-blog-progress.dmrs-web-blog-progress-visible{opacity:1}.dmrs-web-blog-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--blog-primary),var(--blog-primary-dark));transition:width .15s linear}.dmrs-web-blog-header{margin-bottom:1.5rem}.dmrs-web-blog-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-secondary);align-items:center}.dmrs-web-blog-meta time,.dmrs-web-blog-meta-item{display:inline-flex;align-items:center;gap:.35rem}.dmrs-web-blog-meta i{color:var(--blog-text-muted)}.dmrs-web-blog-meta a{color:var(--blog-text-secondary);text-decoration:none}.dmrs-web-blog-meta a:hover{color:var(--blog-primary)}.dmrs-web-blog-meta-date{font-size:var(--dmrs-web-fs-xs, .75rem);color:var(--blog-text-muted)}.dmrs-web-blog-rating{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-secondary)}.dmrs-web-blog-stars{position:relative;display:inline-flex;font-size:var(--dmrs-web-fs-xl, 1rem)}.dmrs-web-blog-stars-empty{color:var(--dmrs-web-gray-300, #d1d5db);display:flex;gap:2px}.dmrs-web-blog-stars-filled{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#f59e0b;display:flex;gap:2px}.dmrs-web-blog-galeri-float{float:right;width:40%;max-width:480px;margin:0 0 1rem 1.5rem;border-radius:var(--blog-radius);overflow:hidden}.dmrs-web-blog-content{font-size:var(--dmrs-web-fs-xl, 1rem);line-height:1.8;color:var(--blog-text-secondary);overflow-wrap:break-word}.dmrs-web-blog-content h2{font-size:1.75rem;font-weight:700;color:var(--blog-text);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--blog-primary);border-bottom-width:3px;border-bottom-style:solid;display:inline-block}.dmrs-web-blog-content h3{font-size:var(--dmrs-web-fs-3xl, 1.375rem);font-weight:600;color:var(--blog-text);margin:2rem 0 .75rem}.dmrs-web-blog-content h4{font-size:var(--dmrs-web-fs-2xl, 1.125rem);font-weight:600;color:var(--blog-text);margin:1.5rem 0 .5rem}.dmrs-web-blog-content p{margin-bottom:1.25rem}.dmrs-web-blog-content img{max-width:100%;height:auto;border-radius:var(--blog-radius)}.dmrs-web-blog-content .dmrs-web-mg-img,.dmrs-web-blog-content .dmrs-web-galeri-main img,.dmrs-web-blog-content .dmrs-web-galeri-lightbox-content img{height:100%}.dmrs-web-blog-content a{color:var(--blog-primary);text-decoration:underline;text-underline-offset:2px}.dmrs-web-blog-content a:hover{color:var(--blog-primary-dark)}.dmrs-web-blog-content blockquote{position:relative;padding:1.25rem 1.5rem;margin:1.5rem 0;background:var(--blog-bg-light);border-left:4px solid var(--blog-primary);border-radius:var(--blog-radius);font-style:italic;color:var(--blog-text-secondary)}.dmrs-web-blog-content ul,.dmrs-web-blog-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.dmrs-web-blog-content li{margin-bottom:.35rem}.dmrs-web-blog-content ul.list-unstyled,.dmrs-web-blog-content ol.list-unstyled{padding-left:0;list-style:none}.dmrs-web-blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:var(--blog-radius);overflow:hidden;box-shadow:0 1px 3px #00000014}.dmrs-web-blog-content th{background:var(--blog-bg-light);font-weight:600;text-align:left}.dmrs-web-blog-content th,.dmrs-web-blog-content td{padding:.75rem 1rem;border-bottom:1px solid var(--blog-border)}.dmrs-web-blog-content pre{position:relative;background:#1e293b;color:#e2e8f0;padding:1.25rem;border-radius:var(--blog-radius);overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:var(--dmrs-web-fs-md, .875rem);line-height:1.6;margin:1.5rem 0}.dmrs-web-blog-content code{font-family:Fira Code,Courier New,monospace;font-size:.875em}.dmrs-web-blog-content :not(pre)>code{background:var(--blog-bg-light);color:var(--blog-primary-dark);padding:.15em .4em;border-radius:var(--dmrs-web-radius-sm, 4px)}.dmrs-web-blog-code-copy{position:absolute;top:.5rem;right:.5rem;padding:.35rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--dmrs-web-radius-sm, 4px);color:#e2e8f0;cursor:pointer;font-size:var(--dmrs-web-fs-sm, .8rem);transition:background .2s;line-height:1}.dmrs-web-blog-code-copy:hover{background:#fff3}.dmrs-web-blog-code-copy.dmrs-web-blog-code-copied{background:var(--blog-success);color:#fff}.dmrs-web-blog-footer{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--blog-border)}.dmrs-web-blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.dmrs-web-blog-tag{padding:.3rem .75rem;background:var(--blog-bg-light);color:var(--blog-text-secondary);border-radius:var(--dmrs-web-radius-pill, 20px);font-size:var(--dmrs-web-fs-sm, .8rem);text-decoration:none;transition:background .2s,color .2s}.dmrs-web-blog-tag:hover{background:var(--blog-primary-light);color:var(--blog-primary)}.dmrs-web-blog-author{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--blog-bg-light);border-radius:var(--blog-radius);margin-bottom:2rem}.dmrs-web-blog-author-avatar{width:48px;height:48px;border-radius:var(--dmrs-web-radius-pill, 50%);object-fit:cover;flex-shrink:0}.dmrs-web-blog-author-initials{width:48px;height:48px;border-radius:var(--dmrs-web-radius-pill, 50%);background:var(--blog-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--dmrs-web-fs-2xl, 1.125rem);flex-shrink:0}.dmrs-web-blog-author-info{display:flex;flex-direction:column;gap:.15rem}.dmrs-web-blog-author-info span{font-weight:600;color:var(--blog-text)}.dmrs-web-blog-author-info time{font-size:var(--dmrs-web-fs-sm, .8rem);color:var(--blog-text-muted)}.dmrs-web-blog-share{--blog-primary: var(--dmrs-primary, #1551d4);--blog-primary-dark: var(--dmrs-primary-dark, #1e40af);--blog-text-secondary: #414b5a;--blog-border: #e2e8f0;--blog-success: #10b981;--blog-radius: 8px;margin-bottom:2rem}.dmrs-web-blog-share-title{font-size:var(--dmrs-web-fs-md, .875rem);font-weight:600;color:var(--blog-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.dmrs-web-blog-share-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.dmrs-web-blog-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border:1px solid var(--blog-border);border-radius:var(--blog-radius);background:#fff;color:var(--blog-text-secondary);text-decoration:none;font-size:var(--dmrs-web-fs-sm, .8rem);cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;line-height:1}.dmrs-web-blog-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.dmrs-web-blog-share-btn i{font-size:var(--dmrs-web-fs-xl, 1rem)}.dmrs-web-blog-share-whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.dmrs-web-blog-share-linkedin:hover{background:#0077b5;color:#fff;border-color:#0077b5}.dmrs-web-blog-share-twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.dmrs-web-blog-share-facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.dmrs-web-blog-share-copy:hover{background:var(--blog-primary, #1551d4);color:#fff;border-color:var(--blog-primary, #1551d4)}.dmrs-web-blog-share-copy.dmrs-web-blog-share-copied{background:var(--blog-success, #10b981);color:#fff;border-color:var(--blog-success, #10b981)}.dmrs-web-blog-comments{margin-top:2rem}.dmrs-web-blog-comments h3{font-size:var(--dmrs-web-fs-3xl, 1.25rem);font-weight:700;color:var(--blog-text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.dmrs-web-blog-comment{display:flex;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--blog-border)}.dmrs-web-blog-comment:last-child{border-bottom:none}.dmrs-web-blog-comment-reply{margin-left:2.5rem}.dmrs-web-blog-comment-avatar{width:40px;height:40px;border-radius:var(--dmrs-web-radius-pill, 50%);background:var(--blog-primary-light);color:var(--blog-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--dmrs-web-fs-sm, .8rem);flex-shrink:0}.dmrs-web-blog-comment-body{flex:1;min-width:0}.dmrs-web-blog-comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.dmrs-web-blog-comment-header strong{font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text)}.dmrs-web-blog-comment-header time{font-size:var(--dmrs-web-fs-xs, .75rem);color:var(--blog-text-muted)}.dmrs-web-blog-comment-body p{font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-secondary);line-height:1.6;margin:0}.dmrs-web-blog-content .content-section{padding:0;margin:0 0 3rem;scroll-margin-top:20px;animation:dmrsBlogReveal .8s ease-out both}.dmrs-web-blog-content .content-section:nth-child(1){animation-delay:.1s}.dmrs-web-blog-content .content-section:nth-child(2){animation-delay:.2s}.dmrs-web-blog-content .content-section:nth-child(3){animation-delay:.3s}.dmrs-web-blog-content .content-section:nth-child(4){animation-delay:.4s}.dmrs-web-blog-content .content-section:nth-child(5){animation-delay:.5s}.dmrs-web-blog-content .content-section:nth-child(6){animation-delay:.6s}.dmrs-web-blog-content .highlight-on-view{opacity:0;transform:translateY(20px);transition:all .6s ease}.dmrs-web-blog-content .highlight-on-view.visible{opacity:1;transform:translateY(0)}.dmrs-web-blog-content .highlight-box{background:linear-gradient(135deg,var(--blog-primary-light),#fff);border-left:4px solid var(--blog-primary);padding:1.5rem;margin:2rem 0;border-radius:var(--blog-radius);position:relative;overflow:hidden}.dmrs-web-blog-content .highlight-box:before{content:"\1f4a1";position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.1}.dmrs-web-blog-content .highlight-box h4{font-size:var(--dmrs-web-fs-2xl, 1.125rem);font-weight:600;color:var(--blog-primary-dark);margin-bottom:.75rem}.dmrs-web-blog-content .feature-list{margin:2rem 0}.dmrs-web-blog-content .feature-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;border-radius:var(--blog-radius);transition:all .3s ease}.dmrs-web-blog-content .feature-item:hover{background:var(--blog-bg-light);transform:translate(10px)}.dmrs-web-blog-content .feature-icon{flex-shrink:0;width:40px;height:40px;background:var(--blog-primary-light);border-radius:var(--blog-radius);display:flex;align-items:center;justify-content:center;color:var(--blog-primary);font-size:var(--dmrs-web-fs-3xl, 1.25rem)}.dmrs-web-blog-content .feature-content h5{margin-bottom:.5rem;color:var(--blog-text)}.dmrs-web-blog-content .feature-content p{margin:0;color:var(--blog-text-secondary);font-size:var(--dmrs-web-fs-lg, .95rem)}.dmrs-web-blog-content .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.dmrs-web-blog-content .stat-card{background:#fff;border:1px solid var(--blog-border);border-radius:var(--dmrs-web-radius-lg, 12px);padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.dmrs-web-blog-content .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blog-primary),var(--blog-primary-dark));transform:scaleX(0);transition:transform .3s ease}.dmrs-web-blog-content .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.dmrs-web-blog-content .stat-card:hover:before{transform:scaleX(1)}.dmrs-web-blog-content .stat-icon{font-size:2.5rem;color:var(--blog-primary);margin-bottom:1rem}.dmrs-web-blog-content .stat-number{font-size:2rem;font-weight:700;color:var(--blog-text);margin-bottom:.5rem}.dmrs-web-blog-content .stat-label{font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-muted);text-transform:uppercase;letter-spacing:.05em}.dmrs-web-blog-content .cta-box{background:linear-gradient(135deg,var(--blog-primary),var(--blog-primary-dark));color:#fff;padding:3rem;border-radius:var(--dmrs-web-radius-lg, 12px);text-align:center;margin:3rem 0;position:relative;overflow:hidden}.dmrs-web-blog-content .cta-box:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:dmrsBlogPulse 3s ease-in-out infinite}.dmrs-web-blog-content .cta-box h3{color:#fff;margin-bottom:1rem;position:relative;z-index:1;text-transform:unset;border:none;display:block}.dmrs-web-blog-content .cta-box p{color:#ffffffe6;margin-bottom:2rem;position:relative;z-index:1}.dmrs-web-blog-content .cta-button{display:inline-block;background:#fff;color:var(--blog-primary);padding:.75rem 2rem;border-radius:var(--dmrs-web-radius-pill, 30px);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;z-index:1}.dmrs-web-blog-content .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.dmrs-web-blog-content .testimonial-card{background:var(--blog-bg-light);border-radius:var(--dmrs-web-radius-lg, 12px);padding:2rem;margin:2rem 0;position:relative;box-shadow:0 1px 2px #0000000d}.dmrs-web-blog-content .testimonial-card:before{content:"\201c";position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:var(--blog-primary-light);font-family:Georgia,serif;line-height:1}.dmrs-web-blog-content .testimonial-content{margin-bottom:1.5rem;font-style:italic;line-height:1.8;color:var(--blog-text-secondary);padding-left:2rem}.dmrs-web-blog-content .testimonial-author{display:flex;align-items:center;gap:1rem;padding-left:2rem}.dmrs-web-blog-content .testimonial-avatar{width:50px;height:50px;border-radius:var(--dmrs-web-radius-pill, 50%);background:var(--blog-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.dmrs-web-blog-content .testimonial-info h5{margin:0;font-size:var(--dmrs-web-fs-xl, 1rem);color:var(--blog-text)}.dmrs-web-blog-content .testimonial-info p{margin:0;font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-muted)}.dmrs-web-blog-content .timeline{position:relative;padding:2rem 0;margin:2rem 0}.dmrs-web-blog-content .timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--blog-primary-light),var(--blog-primary-dark))}.dmrs-web-blog-content .timeline-item{position:relative;padding-left:60px;margin-bottom:2rem}.dmrs-web-blog-content .timeline-marker{position:absolute;left:10px;top:0;width:20px;height:20px;background:var(--blog-primary);border:3px solid #fff;border-radius:var(--dmrs-web-radius-pill, 50%);box-shadow:0 4px 6px -1px #0000001a}.dmrs-web-blog-content .timeline-content{background:var(--blog-bg-light);padding:1.5rem;border-radius:var(--blog-radius);box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.dmrs-web-blog-content .timeline-content:hover{transform:translate(5px);box-shadow:0 4px 6px -1px #0000001a}.dmrs-web-blog-content .timeline-date{font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-muted);margin-bottom:.5rem}.dmrs-web-blog-content .custom-badge{display:inline-block;padding:.35rem .75rem;font-size:var(--dmrs-web-fs-md, .875rem);font-weight:500;line-height:1;border-radius:var(--dmrs-web-radius-pill, 20px);transition:all .2s ease;text-decoration:none;margin:.25rem}.dmrs-web-blog-content .custom-badge.badge-primary{background:var(--blog-primary-light);color:var(--blog-primary-dark)}.dmrs-web-blog-content .custom-badge.badge-secondary{background:var(--dmrs-web-gray-200, #e5e7eb);color:var(--dmrs-web-gray-700, #374151)}.dmrs-web-blog-content .custom-badge.badge-success{background:#d1fae5;color:#065f46}.dmrs-web-blog-content .custom-badge.badge-warning{background:#fef3c7;color:#92400e}.dmrs-web-blog-content .custom-badge:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.dmrs-web-blog-content .custom-table-wrapper{margin:2rem 0;border-radius:var(--blog-radius);overflow:hidden;box-shadow:0 1px 2px #0000000d}.dmrs-web-blog-content .custom-table{width:100%;background:#fff}.dmrs-web-blog-content .custom-table thead{background:var(--blog-bg-light)}.dmrs-web-blog-content .custom-table th{padding:1rem;font-weight:600;color:var(--blog-text);text-align:left;border-bottom:2px solid var(--blog-border);background:var(--blog-bg-light)}.dmrs-web-blog-content .custom-table td{padding:1rem;color:var(--blog-text-secondary);border-bottom:1px solid var(--blog-bg-light)}.dmrs-web-blog-content .custom-table tr:hover{background:#f8fafc}.dmrs-web-blog-content .table-striped tbody tr:nth-of-type(odd){background:var(--blog-bg-light)}.dmrs-web-blog-content .table-bordered,.dmrs-web-blog-content .table-bordered th,.dmrs-web-blog-content .table-bordered td{border:1px solid var(--blog-border)}.dmrs-web-blog-content .table-compact th,.dmrs-web-blog-content .table-compact td{padding:.5rem}.dmrs-web-blog-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.dmrs-web-blog-content .progress-wrapper{margin:2rem 0}.dmrs-web-blog-content .progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:var(--dmrs-web-fs-md, .875rem);font-weight:600;color:var(--blog-text-secondary)}.dmrs-web-blog-content .custom-progress{height:8px;background:var(--blog-bg-light);border-radius:var(--dmrs-web-radius-sm, 4px);overflow:hidden;margin-bottom:1.5rem}.dmrs-web-blog-content .custom-progress-bar{height:100%;background:linear-gradient(90deg,var(--blog-primary),var(--blog-primary-dark));border-radius:var(--dmrs-web-radius-sm, 4px);transition:width 1s ease;position:relative;overflow:hidden}.dmrs-web-blog-content .custom-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:dmrsBlogShimmer 2s infinite}.dmrs-web-blog-content .custom-alert{padding:1.25rem;margin:2rem 0;border-radius:var(--blog-radius);border:1px solid transparent;position:relative;animation:dmrsBlogSlideIn .5s ease}.dmrs-web-blog-content .custom-alert .alert-icon{font-size:1.5rem;margin-right:.75rem;vertical-align:middle}.dmrs-web-blog-content .custom-alert.alert-info{background:#e0f2fe;border-color:#0ea5e9;color:#0c4a6e}.dmrs-web-blog-content .custom-alert.alert-warning{background:#fef3c7;border-color:#f59e0b;color:#78350f}.dmrs-web-blog-content .custom-alert.alert-success{background:#d1fae5;border-color:#10b981;color:#065f46}.dmrs-web-blog-content .custom-alert.alert-danger{background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.dmrs-web-blog-content .custom-tabs{margin:2rem 0}.dmrs-web-blog-content .custom-tabs .nav-tabs{border-bottom:2px solid var(--blog-border);gap:.5rem}.dmrs-web-blog-content .custom-tabs .nav-link{color:var(--blog-text-secondary);border:none;border-bottom:3px solid transparent;padding:.75rem 1.5rem;font-weight:500;transition:all .3s ease}.dmrs-web-blog-content .custom-tabs .nav-link:hover{color:var(--blog-primary);background:var(--blog-bg-light);border-radius:var(--blog-radius) var(--blog-radius) 0 0}.dmrs-web-blog-content .custom-tabs .nav-link.active{color:var(--blog-primary);border-bottom-color:var(--blog-primary);background:transparent}.dmrs-web-blog-content .custom-tabs .tab-content{padding:2rem 0}.dmrs-web-blog-content .custom-accordion{margin:2rem 0}.dmrs-web-blog-content .custom-accordion .accordion-item{border:1px solid var(--blog-border);border-radius:var(--blog-radius);margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.dmrs-web-blog-content .custom-accordion .accordion-item:hover{box-shadow:0 4px 6px -1px #0000001a}.dmrs-web-blog-content .custom-accordion .accordion-button{background:var(--blog-bg-light);color:var(--blog-text);font-weight:600;border:none;padding:1.25rem;transition:all .3s ease}.dmrs-web-blog-content .custom-accordion .accordion-button:not(.collapsed){background:var(--blog-primary-light);color:var(--blog-primary-dark)}.dmrs-web-blog-content .custom-accordion .accordion-button:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231551d4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.dmrs-web-blog-content .custom-accordion .accordion-body{padding:1.5rem;background:#fff}.dmrs-web-blog-content .gradient-text{background:linear-gradient(135deg,var(--blog-primary) 0%,var(--blog-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.dmrs-web-blog-content .animated-underline{position:relative;display:inline-block}.dmrs-web-blog-content .animated-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--blog-primary);transition:width .3s ease}.dmrs-web-blog-content .animated-underline:hover:after{width:100%}.dmrs-web-blog-content .image-wrapper{margin:2rem 0;border-radius:var(--dmrs-web-radius-lg, 12px);overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.dmrs-web-blog-content .image-wrapper img{width:100%;height:auto;display:block}.dmrs-web-blog-content .image-caption{text-align:center;font-size:var(--dmrs-web-fs-md, .875rem);color:var(--blog-text-muted);margin-top:.75rem;font-style:italic}.dmrs-web-blog-content .code-block{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:var(--blog-radius);margin:2rem 0;overflow-x:auto;font-family:Fira Code,Courier New,monospace;font-size:var(--dmrs-web-fs-md, .9rem);line-height:1.6;box-shadow:0 4px 6px -1px #0000001a;position:relative}.dmrs-web-blog-content .copy-code-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--dmrs-web-radius-sm, 4px);color:#e2e8f0;cursor:pointer;transition:all .3s ease;font-size:var(--dmrs-web-fs-md, .875rem)}.dmrs-web-blog-content .copy-code-btn:hover{background:#fff3}.dmrs-web-blog-content .copy-code-btn.copied{background:var(--blog-success);color:#fff}.dmrs-web-blog-rate{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:var(--dmrs-web-fs-md, .875rem)}.dmrs-web-blog-rate-label{color:var(--blog-text-secondary)}.dmrs-web-blog-rate-stars{display:flex;gap:4px}.dmrs-web-blog-rate-stars i{font-size:var(--dmrs-web-fs-3xl, 1.25rem);color:var(--dmrs-web-gray-300, #d1d5db);cursor:pointer;transition:color .15s,transform .15s}.dmrs-web-blog-rate-stars i:hover,.dmrs-web-blog-rate-stars i.hovered{color:#f59e0b;transform:scale(1.15)}.dmrs-web-blog-rate-stars i.selected{color:#f59e0b}.dmrs-web-blog-rate-stars.rated{pointer-events:none}.dmrs-web-blog-rate-msg{font-size:var(--dmrs-web-fs-sm, .8rem);color:var(--blog-success)}.dmrs-web-blog-rate-msg.error{color:#ef4444}.dmrs-web-blog-comment-form{margin-top:2rem}.dmrs-web-blog-comment-form h3{font-size:var(--dmrs-web-fs-3xl, 1.25rem);font-weight:700;color:var(--blog-text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.dmrs-web-blog-comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dmrs-web-blog-comment-form-field{position:relative;margin-bottom:1rem}.dmrs-web-blog-comment-form-field input,.dmrs-web-blog-comment-form-field textarea{width:100%;padding:1rem .75rem .5rem;border:1px solid var(--blog-border);border-radius:var(--blog-radius);font-size:var(--dmrs-web-fs-md, .9rem);color:var(--blog-text);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;resize:vertical}.dmrs-web-blog-comment-form-field input:focus,.dmrs-web-blog-comment-form-field textarea:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px #1551d41a}.dmrs-web-blog-comment-form-field label{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);font-size:var(--dmrs-web-fs-md, .9rem);color:var(--blog-text-muted);pointer-events:none;transition:all .2s ease}.dmrs-web-blog-comment-form-field textarea~label{top:1rem;transform:none}.dmrs-web-blog-comment-form-field input:focus~label,.dmrs-web-blog-comment-form-field input:not(:placeholder-shown)~label,.dmrs-web-blog-comment-form-field textarea:focus~label,.dmrs-web-blog-comment-form-field textarea:not(:placeholder-shown)~label{top:.3rem;font-size:var(--dmrs-web-fs-xs, .7rem);color:var(--blog-primary)}.dmrs-web-blog-comment-form-actions{display:flex;justify-content:flex-end}.dmrs-web-blog-comment-form-btn{padding:.65rem 1.5rem;background:var(--blog-primary);color:#fff;border:none;border-radius:var(--blog-radius);font-size:var(--dmrs-web-fs-md, .9rem);font-weight:600;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;gap:.4rem}.dmrs-web-blog-comment-form-btn:hover{background:var(--blog-primary-dark);transform:translateY(-1px)}.dmrs-web-blog-comment-form-btn:disabled{opacity:.6;pointer-events:none}.dmrs-web-blog-comment-form-msg{margin-top:.75rem;font-size:var(--dmrs-web-fs-md, .875rem);padding:.75rem 1rem;border-radius:var(--blog-radius);display:none}.dmrs-web-blog-comment-form-msg.success{display:block;background:#d1fae5;color:#065f46;border:1px solid #10b981}.dmrs-web-blog-comment-form-msg.error{display:block;background:#fee2e2;color:#7f1d1d;border:1px solid #ef4444}.dmrs-web-blog-body{display:flex;gap:2rem;align-items:flex-start}.dmrs-web-blog-body>.dmrs-web-blog-content{flex:1;min-width:0}.dmrs-web-blog-toc{position:sticky;top:80px;width:240px;flex-shrink:0;background:#f9f9f9;border-radius:var(--dmrs-web-radius-lg, 12px);box-shadow:0 4px 6px -1px #0000001a;padding:1.25rem;z-index:10;max-height:calc(100vh - 100px);overflow-y:auto}.dmrs-web-blog-toc{scrollbar-width:thin;scrollbar-color:var(--blog-border) transparent}.dmrs-web-blog-toc::-webkit-scrollbar{width:4px}.dmrs-web-blog-toc::-webkit-scrollbar-thumb{background:var(--blog-border);border-radius:2px}.dmrs-web-blog-toc-title{font-size:var(--dmrs-web-fs-sm, .8rem);font-weight:600;color:var(--blog-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.dmrs-web-blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.dmrs-web-blog-toc-link{color:var(--blog-text-secondary);text-decoration:none;border-radius:var(--dmrs-web-radius-sm, 6px);padding:.45rem .6rem;transition:all .2s ease;font-size:var(--dmrs-web-fs-sm, .8rem);line-height:1.3;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.dmrs-web-blog-toc-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--blog-primary);transition:height .3s ease;border-radius:0 2px 2px 0}.dmrs-web-blog-toc-link:hover{background:var(--blog-bg-light);color:var(--blog-text)}.dmrs-web-blog-toc-link.active{background:var(--blog-primary-light);color:var(--blog-primary);font-weight:600}.dmrs-web-blog-toc-link.active:before{height:70%}.dmrs-web-blog-toc-link.completed{color:var(--blog-text)}.dmrs-web-blog-toc-check{opacity:0;transition:opacity .3s ease;color:var(--blog-success);font-size:var(--dmrs-web-fs-md, .85rem);margin-left:auto;flex-shrink:0}.dmrs-web-blog-toc-link.completed .dmrs-web-blog-toc-check{opacity:1}.dmrs-web-blog-toc-section-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blog-border);overflow:hidden}.dmrs-web-blog-toc-section-progress-bar{height:100%;background:var(--blog-primary);width:0;transition:width .3s ease}.dmrs-web-blog-toc-mobile-header{display:none;align-items:center;justify-content:space-between;cursor:pointer;padding:.4rem 0}.dmrs-web-blog-toc-mobile-header span{font-size:var(--dmrs-web-fs-md, .85rem);font-weight:600;color:var(--blog-text-secondary)}.dmrs-web-blog-toc-mobile-icon{transition:transform .3s ease;color:var(--blog-text-muted)}.dmrs-web-blog-toc-mobile-icon.active{transform:rotate(180deg)}@media(max-width:1200.99px){.dmrs-web-blog-toc{width:200px}.dmrs-web-blog-galeri-float{width:28%}}@media(max-width:1024px){.dmrs-web-blog-body{flex-direction:column}.dmrs-web-blog-toc{position:static;width:100%;max-height:none}.dmrs-web-blog-galeri-float{width:35%}}@media(max-width:768.99px){.dmrs-web-blog-galeri-float{width:45%}.dmrs-web-blog-toc{padding:.75rem 1rem}.dmrs-web-blog-toc-title{display:none}.dmrs-web-blog-toc-mobile-header{display:flex}.dmrs-web-blog-toc-list{max-height:0;overflow:hidden;transition:max-height .3s ease}.dmrs-web-blog-toc-list.show{max-height:500px}.dmrs-web-blog-content h2{font-size:var(--dmrs-web-fs-3xl, 1.375rem)}.dmrs-web-blog-content h3{font-size:var(--dmrs-web-fs-2xl, 1.125rem)}.dmrs-web-blog-share-btn span{display:none}.dmrs-web-blog-comment-reply{margin-left:1.5rem}.dmrs-web-blog-meta{gap:.6rem;font-size:var(--dmrs-web-fs-sm, .8rem)}.dmrs-web-blog-comment-form-row,.dmrs-web-blog-content .stats-grid{grid-template-columns:1fr}.dmrs-web-blog-content .cta-box{padding:2rem 1.5rem}.dmrs-web-blog-content .feature-item:hover{transform:none}.dmrs-web-blog-content .custom-table{font-size:var(--dmrs-web-fs-md, .875rem)}.dmrs-web-blog-content .custom-table th,.dmrs-web-blog-content .custom-table td{padding:.75rem .5rem}.dmrs-web-blog-content .timeline:before{left:15px}.dmrs-web-blog-content .timeline-item{padding-left:45px}}@media(max-width:575.98px){.dmrs-web-blog-galeri-float{float:none;width:100%;max-width:none;margin:0 0 1.5rem}}