.tutorial-card-link:focus,.tutorials-sort-select:focus{outline:0}.tutorial-detail-sidebar,.tutorials-page-wrapper .tutorial-card.wow{visibility:visible!important}.tutorials-page-wrapper{background:linear-gradient(to bottom,var(--v2-bg-functional) 0,var(--v2-bg-primary) 100%);padding:40px 0;min-height:60vh}.tutorials-nav-filters{background:var(--v2-bg-primary);border-radius:16px;padding:30px;margin-bottom:40px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05)}.tutorials-search-wrapper{margin-bottom:30px}.tutorials-search-box{position:relative;max-width:600px;margin:0 auto}.tutorials-search-box input{width:100%;padding:16px 60px 16px 24px;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:15px;font-family:var(--thm-font2, 'Roboto', sans-serif);transition:.3s cubic-bezier(.4, 0, .2, 1);background:var(--v2-bg-content);color:var(--v2-text-body)}.tutorials-search-box input:focus{outline:0;border-color:var(--v2-primary-500);background:var(--v2-bg-primary);box-shadow:0 0 0 4px rgba(var(--v2-primary-500-rgb),.1)}.tutorials-search-box input::placeholder{color:var(--v2-text-secondary)}.tutorials-nav-category.active i,.tutorials-search-btn{color:var(--v2-text-inverse)}.tutorials-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--v2-primary-500);border:none;width:44px;height:44px;border-radius:10px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.tutorials-filter-label,.tutorials-nav-category{color:var(--v2-text-body);font-family:var(--thm-font, 'Poppins', sans-serif)}.tutorials-search-btn:hover{background:var(--v2-primary-600);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(var(--v2-primary-500-rgb),.3)}.nav-btn i,.tutorial-meta-header .tutorial-category i,.tutorials-search-btn i{font-size:16px}.tutorials-nav-categories{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,.08)}.difficulty-option,.tutorials-nav-category{background:var(--v2-bg-content);border:2px solid transparent;text-decoration:none}.tutorials-nav-category{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;transition:.3s cubic-bezier(.4, 0, .2, 1)}.tutorials-nav-category i{color:var(--v2-primary-500);font-size:16px}.tutorials-nav-category img{height:32px;width:auto;object-fit:contain;transition:.3s cubic-bezier(.4, 0, .2, 1);max-width:48px}.tutorials-nav-category:hover{background:rgba(var(--v2-primary-500-rgb),.08);border-color:rgba(var(--v2-primary-500-rgb),.2);transform:translateY(-2px)}.tutorials-nav-category:hover img{transform:scale(1.1)}.difficulty-option.active,.pagination-btn.active,.pagination-btn:hover,.tutorials-nav-category.active{background:var(--v2-primary-500);border-color:var(--v2-primary-500);color:var(--v2-text-inverse)}.tutorials-nav-category.active img{transform:scale(1.05)}.tutorials-filter-sort-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.tutorials-difficulty-filter,.tutorials-filters-group,.tutorials-sort-group,.tutorials-type-filter{align-items:center;display:flex}.tutorials-filters-group{gap:30px;flex-wrap:wrap}.tutorials-filter-label{font-size:13px;font-weight:600;text-transform:none;letter-spacing:.5px;margin-right:12px}.tutorials-difficulty-options,.tutorials-type-options{display:flex;gap:8px}.difficulty-option{padding:8px 16px;border-radius:8px;color:var(--v2-text-secondary);font-size:13px;font-weight:500;transition:.3s;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorials-sort-select,.type-option{padding:8px 16px;background:var(--thm-fb,#f6f6f6);font-family:var(--thm-font2, 'Roboto', sans-serif);transition:.3s;cursor:pointer}.difficulty-option:hover{background:rgba(var(--v2-primary-500-rgb),.08);border-color:rgba(var(--v2-primary-500-rgb),.2);color:var(--v2-primary-500)}.no-tutorials i,.tutorials-loading i,.tutorials-results-count span,.type-option:hover{color:var(--thm-color,#3a97ff)}.type-option{display:flex;align-items:center;gap:6px;border:2px solid transparent;border-radius:8px;color:var(--thm-gray,#8e8e8e);font-size:13px;font-weight:500}.type-option i{font-size:14px}.type-option:hover{background:rgba(58,151,255,.08);border-color:rgba(58,151,255,.2)}.type-option.active{background:var(--thm-color,#3a97ff);border-color:var(--thm-color,#3a97ff);color:var(--color-white,#fff)}.tutorial-card:hover,.tutorials-sort-select:focus{border-color:var(--thm-color,#3a97ff);background:var(--color-white,#fff)}.tutorials-sort-select{border:2px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;color:var(--thm-p,#0b2336)}.tutorials-results-count{margin-bottom:25px;font-size:15px;color:var(--thm-gray,#8e8e8e);font-weight:500;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorials-results-count span{font-weight:700;font-size:18px}.tutorials-loading{color:var(--thm-gray,#8e8e8e);font-size:16px}.tutorial-card-difficulty,.tutorial-type-badge{font-size:11px;text-transform:none;letter-spacing:.5px;font-family:var(--thm-font, 'Poppins', sans-serif)}.tutorials-loading i{display:block}#tutorialsGrid,.tutorial-content-section .row{display:flex;flex-wrap:wrap}#tutorialsGrid>div{margin-bottom:24px;display:flex}.no-tutorials{text-align:center;padding:60px 40px;background:linear-gradient(135deg,var(--thm-fb,#f8f9fa) 0,#fff 100%);border-radius:16px;border:2px dashed rgba(0,0,0,.1)}.no-tutorials i{font-size:64px;margin-bottom:24px;opacity:.6}.no-tutorials h3{font-size:24px;color:var(--thm-p,#0b2336);margin-bottom:12px;font-weight:600}.no-tutorials p{font-size:16px;color:var(--thm-gray,#8e8e8e);margin-bottom:32px;font-weight:400}.no-tutorials-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.no-tutorials .btn{padding:12px 32px;font-size:16px;border-radius:8px;font-weight:600;transition:.3s}.no-tutorials .btn i,.tutorial-meta span i{margin-right:8px}.tutorial-card{background:var(--thm-fb,#f8f9fa);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.3s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;position:relative;height:100%}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.tutorial-card-image{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,var(--thm-fb,#f6f6f6) 0,var(--thm-f3,#f3f3f3) 100%);flex-shrink:0}.tutorial-card-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--thm-fb,#f6f6f6) 0,var(--thm-f3,#f3f3f3) 50%,var(--thm-fb,#f6f6f6) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading;z-index:1}.tutorial-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:2;opacity:0}.tutorial-card-image img.loaded{opacity:1}.tutorial-card-image img.loaded~::before{display:none}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.tutorial-card:hover .tutorial-card-image img{transform:scale(1.08)}.tutorial-type-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:6px;font-weight:600;z-index:2;backdrop-filter:blur(8px)}.tutorial-type-badge.article{background:rgba(58,151,255,.92);color:var(--color-white,#fff)}.tutorial-type-badge.video{background:rgba(255,59,48,.92);color:var(--color-white,#fff)}.tutorial-card-content{padding:20px;flex:1;display:flex;flex-direction:column;background:0 0}.tutorial-card-meta{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tutorial-card-excerpt,.tutorial-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.tutorial-card-difficulty{padding:5px 12px;border-radius:12px;font-weight:700}.tutorial-card-difficulty.beginner{background:linear-gradient(135deg,#e8f5e9 0,#c8e6c9 100%);color:#2e7d32}.tutorial-card-difficulty.intermediate{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);color:#f57c00}.tutorial-card-difficulty.advanced{background:linear-gradient(135deg,#ffebee 0,#ffcdd2 100%);color:#c62828}.tutorial-card-category{font-size:12px;color:var(--thm-gray,#8e8e8e);font-weight:500;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorial-card-category i{margin-right:5px;color:var(--thm-color,#3a97ff)}.tutorial-card-title{font-size:18px;font-weight:600;color:var(--thm-p,#0b2336);margin-bottom:12px;line-height:1.4;-webkit-line-clamp:2;font-family:var(--thm-font, 'Poppins', sans-serif)}.tutorial-breadcrumb .breadcrumb-item a:hover,.tutorial-card-footer-item i,.tutorial-card:hover .tutorial-card-title,.tutorial-category{color:var(--thm-color,#3a97ff)}.tutorial-card-excerpt{font-size:14px;color:var(--thm-gray,#8e8e8e);line-height:1.7;margin-bottom:18px;flex:1;-webkit-line-clamp:3;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorial-card-link,.tutorial-card-link:hover{color:inherit;text-decoration:none}.pagination-btn,.sidebar-widget-title{font-family:var(--thm-font, 'Poppins', sans-serif)}.tutorial-card-link{display:block;transition:.3s}.tutorial-card-link:focus .tutorial-card{box-shadow:0 0 0 3px rgba(58,151,255,.3)}.tutorial-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:var(--thm-ase,#afb2bf)}.pagination-btn.active,.pagination-btn:hover{background:var(--thm-color,#3a97ff);border-color:var(--thm-color,#3a97ff);color:var(--color-white,#fff)}.pagination-btn,.sidebar-widget-title,.toc-link{color:var(--thm-p,#0b2336)}.tutorial-card-footer-item{display:flex;align-items:center;gap:6px}.tutorial-card-footer-item i{font-size:14px}.tutorials-pagination{margin-top:50px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pagination-btn{padding:12px 20px;background:var(--color-white,#fff);border:2px solid rgba(0,0,0,.08);border-radius:10px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);font-size:14px;text-decoration:none;font-weight:500}.pagination-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(58,151,255,.3)}.pagination-btn.active{font-weight:600}.toc-link:hover,.tutorial-meta-header .tutorial-category{background:rgba(58,151,255,.1);color:var(--thm-color,#3a97ff)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:disabled:hover{background:var(--color-white,#fff);border-color:rgba(0,0,0,.08);color:var(--thm-p,#0b2336);transform:none;box-shadow:none}.tutorial-detail-sidebar{position:sticky;top:130px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;min-height:400px;display:block!important}.sidebar-widget{background:var(--thm-fb,#f8f9fa);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04)}.product-link,.toc-link,.tutorial-link{border-radius:8px;text-decoration:none;transition:.3s}.sidebar-widget-title{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--thm-color,#3a97ff)}.tutorial-toc{max-height:400px;overflow-y:auto}.related-products-items,.related-tutorials-items,.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:8px}.toc-item.toc-h3{padding-left:20px}.toc-link{display:block;padding:10px 16px;font-family:var(--thm-font2, 'Roboto', sans-serif);font-size:15px;font-weight:500}.toc-link:hover{transform:translateX(4px)}.related-product-item,.related-tutorial-item{margin-bottom:16px}.platform-block:last-child,.related-product-item:last-child,.related-tutorial-item:last-child,.step-block p:last-child{margin-bottom:0}.product-link,.tutorial-link{display:flex;gap:12px;color:inherit;padding:12px;background:var(--color-white,#fff);border:1px solid rgba(0,0,0,.06)}.product-link:hover,.tutorial-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--thm-color,#3a97ff)}.product-thumb,.tutorial-thumb{position:relative;width:80px;height:100%;min-height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--thm-f3,#f3f3f3);align-self:stretch}.tutorial-detail-page,.tutorial-meta-header{background:var(--color-white,#fff)}.product-thumb img,.tutorial-thumb img{width:100%;height:100%;object-fit:cover}.product-info,.tutorial-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.product-name,.tutorial-title{font-size:13px;font-weight:600;color:var(--thm-p,#0b2336);margin-bottom:6px;font-family:var(--thm-font, 'Poppins', sans-serif);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}@media (min-width:992px){.product-name,.tutorial-title{font-size:clamp(12px, 13px, 22px)}}@media (min-width:1200px){.tutorial-title{font-size:min(13px, 22px)!important}}.product-model,.tutorial-excerpt{font-size:13px;color:var(--thm-gray,#8e8e8e);margin-bottom:8px;line-height:1.4}.tutorial-date{font-size:12px;color:var(--thm-ase,#afb2bf);display:flex;align-items:center;gap:6px}.products-loading,.tutorials-loading{text-align:center;padding:40px 20px;color:var(--thm-gray,#8e8e8e)}.error-message,.no-items{padding:30px 20px;font-size:14px;text-align:center}.products-loading i,.tutorials-loading i{font-size:24px;margin-bottom:12px;color:var(--thm-color,#3a97ff)}.no-items{color:var(--thm-gray,#8e8e8e)}.error-message{color:red}.tutorial-meta-header{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.08)}.tutorial-meta-header .tutorial-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tutorial-meta-header .tutorial-category,.tutorial-meta-header .tutorial-read-time,.tutorial-meta-header .tutorial-video-duration-inline,.tutorial-type-badge-inline{gap:8px;font-size:14px;font-family:var(--thm-font2, 'Roboto', sans-serif);display:inline-flex;padding:8px 16px;border-radius:20px}.tutorial-meta-header .tutorial-category{align-items:center;font-weight:600}.tutorial-type-badge-inline{align-items:center;font-weight:600}.tutorial-type-badge-inline.video{background:rgba(255,59,48,.1);color:#ff3b30}.tutorial-type-badge-inline.article{background:rgba(58,151,255,.1);color:var(--thm-color,#3a97ff)}.tutorial-meta-header .tutorial-read-time,.tutorial-meta-header .tutorial-video-duration-inline{align-items:center;background:var(--thm-fb,#f8f9fa);color:var(--thm-gray,#8e8e8e);font-weight:500}.tutorial-meta-header .tutorial-excerpt{font-size:16px;color:var(--thm-p,#0b2336);line-height:1.7;margin:0;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorial-breadcrumb{background:var(--thm-fb,#f6f6f6);padding:15px 0;border-bottom:1px solid rgba(0,0,0,.06)}.tutorial-breadcrumb .breadcrumb{margin:0;padding:0;background:0 0;display:flex;flex-wrap:wrap;list-style:none}.tutorial-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:'>';padding:0 10px;color:var(--thm-gray,#8e8e8e)}.tutorial-breadcrumb .breadcrumb-item a{color:var(--thm-p,#0b2336);text-decoration:none;transition:color .3s;font-weight:500}.tutorial-breadcrumb .breadcrumb-item.active{color:var(--thm-gray,#8e8e8e)}.tutorial-header{padding:50px 0 40px}.tutorial-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.tutorial-meta span{display:inline-flex;align-items:center;padding:8px 16px;background:var(--thm-fb,#f6f6f6);border-radius:20px;font-size:13px;font-weight:500}.tutorial-difficulty,.tutorial-read-time,.tutorial-type{color:var(--thm-p,#0b2336)}.tutorial-difficulty.beginner{background:#e8f5e9;color:#2e7d32}.tutorial-difficulty.intermediate{background:#fff3e0;color:#f57c00}.tutorial-difficulty.advanced{background:#ffebee;color:#c62828}.tutorial-title{font-size:36px;font-weight:700;color:var(--thm-black,#000);margin-bottom:20px;line-height:1.3;font-family:var(--thm-font, 'Poppins', sans-serif)}.tutorial-excerpt{font-size:18px;color:var(--thm-gray,#8e8e8e);line-height:1.6;margin-bottom:25px}.tutorial-footer-meta{display:flex;flex-wrap:wrap;gap:25px;padding-top:20px;border-top:2px solid rgba(0,0,0,.06)}.tutorial-footer-meta>div{display:flex;align-items:center;font-size:14px;color:var(--thm-gray,#8e8e8e)}.tags-list .tag,.tutorial-footer-meta>div i,.video-duration i{color:var(--thm-color,#3a97ff)}.tutorial-footer-meta>div i{margin-right:8px}.tutorial-featured-image{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.06)}.tutorial-featured-image img{width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.tutorial-video-player{margin-bottom:30px;background:var(--color-black,#000);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}.video-duration i{margin-right:8px;font-size:16px}.tutorial-content-section{padding:50px 0}.tutorial-content-section .row>div{display:flex;flex-direction:column}.tutorial-video-player-wrapper{margin-bottom:40px;background:linear-gradient(135deg,#1a1a1a 0,#0d0d0d 100%);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(20,20,20,.95) 100%);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.tags-list .tag,.video-duration{padding:8px 16px;font-weight:500;font-family:var(--thm-font2, 'Roboto', sans-serif)}.video-duration{color:var(--color-white,#fff);color:rgba(255,255,255,.9);font-size:15px;display:flex;align-items:center;gap:10px;background:rgba(58,151,255,.1);border-radius:20px;border:1px solid rgba(58,151,255,.2)}.btn-watch-youtube,.tutorial-intro h2,.tutorial-share h4,.tutorial-tags h4{font-family:var(--thm-font, 'Poppins', sans-serif)}.btn-watch-youtube,.share-btn{align-items:center;transition:.3s cubic-bezier(.4, 0, .2, 1)}.btn-watch-youtube{display:inline-flex;gap:10px;background:linear-gradient(135deg,red 0,#c00 100%);color:#fff;padding:12px 24px;border-radius:50px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 4px 15px rgba(255,0,0,.3);border:1px solid rgba(255,255,255,.1)}.tutorial-share,.tutorial-tags{padding:30px;background:var(--thm-fb,#f6f6f6)}.btn-watch-youtube:hover{background:linear-gradient(135deg,#ff1a1a 0,#e60000 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,0,.4)}.btn-watch-youtube:active{transform:translateY(0)}.btn-watch-youtube i{font-size:20px}.tutorial-content{font-size:16px;line-height:1.8;color:var(--thm-p,#0b2336);max-width:100%}.tutorial-content h2{font-size:28px;font-weight:700;color:var(--thm-black,#000);margin:40px 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.06)}.tutorial-content h3{font-size:22px;font-weight:600;color:var(--thm-black,#000);margin:30px 0 15px}.tutorial-content h4{font-size:18px;font-weight:600;color:var(--thm-black,#000);margin:25px 0 12px}.tutorial-content p{margin-bottom:15px}.tutorial-content ol,.tutorial-content ul{margin-bottom:20px;padding-left:30px}.tutorial-content li{margin-bottom:10px}.tutorial-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.tutorial-tags{margin-top:40px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.tutorial-share h4,.tutorial-tags h4{font-size:16px;font-weight:600;color:var(--thm-p,#0b2336);margin-bottom:20px}.share-buttons,.tags-list{display:flex;flex-wrap:wrap;gap:12px}.nav-btn,.share-btn{display:inline-flex;text-decoration:none}.tags-list .tag{display:inline-block;background:var(--color-white,#fff);border-radius:20px;font-size:14px;border:1px solid rgba(58,151,255,.2);transition:.3s}.nav-btn,.nav-btn:hover,.share-btn,.step-number::before,.tags-list .tag:hover{color:var(--color-white,#fff)}.tags-list .tag:hover{background:var(--thm-color,#3a97ff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(58,151,255,.3)}.tutorial-share{margin-top:30px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.nav-btn,.platform-block h5::before{background:var(--thm-color,#3a97ff)}.share-btn{justify-content:center;width:48px;height:48px;border-radius:50%;font-size:18px;border:2px solid transparent}.share-btn.share-facebook{background:linear-gradient(135deg,#1877f2 0,#0d65d9 100%);box-shadow:0 4px 12px rgba(24,119,242,.3)}.share-btn.share-facebook:hover{background:linear-gradient(135deg,#1a85ff 0,#0e6ee8 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(24,119,242,.4)}.share-btn.share-twitter{background:linear-gradient(135deg,#000 0,#333 100%);box-shadow:0 4px 12px rgba(0,0,0,.3)}.share-btn.share-twitter:hover{background:linear-gradient(135deg,#1a1a1a 0,#4d4d4d 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.4)}.share-btn.share-linkedin{background:linear-gradient(135deg,#0077b5 0,#005885 100%);box-shadow:0 4px 12px rgba(0,119,181,.3)}.share-btn.share-linkedin:hover{background:linear-gradient(135deg,#08c 0,#069 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(0,119,181,.4)}.share-btn.share-email{background:linear-gradient(135deg,#ea4335 0,#c5221f 100%);box-shadow:0 4px 12px rgba(234,67,53,.3)}.share-btn.share-email:hover{background:linear-gradient(135deg,#f55344 0,#d93025 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgba(234,67,53,.4)}.tutorial-navigation{margin-top:40px;padding-top:30px;border-top:2px solid rgba(0,0,0,.08)}.nav-btn{align-items:center;gap:10px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;transition:.3s}.nav-btn:hover{background:var(--thm-base,#2d76c0);transform:translateY(-2px);box-shadow:0 6px 16px rgba(58,151,255,.3)}@media (max-width:991px){.tutorials-nav-categories{justify-content:flex-start}.tutorials-filter-sort-bar{flex-direction:column;align-items:flex-start}.tutorials-filters-group{flex-direction:column;align-items:flex-start;gap:20px}.tutorials-sort-group,.tutorials-sort-select{width:100%}.tutorial-title{font-size:28px}.tutorial-header{padding:30px 0 20px}.tutorial-content-section{padding:30px 0}}.step-number,.step-number::before{display:inline-flex;align-items:center;font-weight:700}.reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(0,0,0,.06);z-index:9999;pointer-events:none}.reading-progress-fill{height:100%;width:0%;background:var(--color-orange,#8c3743);transition:width .1s ease-out;box-shadow:0 0 10px rgba(140,55,67,.5)}.tutorial-intro{background:linear-gradient(135deg,var(--thm-f6,#f1f8ff) 0,rgba(58,151,255,.05) 100%);border-left:4px solid var(--thm-color,#3a97ff);padding:24px 28px;border-radius:0 12px 12px 0;margin-bottom:40px}.tutorial-intro h2{font-size:26px;font-weight:700;color:var(--thm-black,#000);margin:0 0 16px;padding-bottom:16px;border-bottom:2px solid rgba(58,151,255,.15)}.tutorial-intro p{font-size:16px;line-height:1.8;color:var(--thm-p,#0b2336);margin:0;font-family:var(--thm-font2, 'Roboto', sans-serif)}.tutorial-section{margin-bottom:50px}.tutorial-section h3{font-size:22px;font-weight:700;color:var(--thm-black,#000);margin:0 0 30px;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.08);font-family:var(--thm-font, 'Poppins', sans-serif)}.step-block{background:var(--color-white,#fff);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:24px 28px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.03);transition:.3s}.step-block:hover{box-shadow:0 4px 16px rgba(58,151,255,.1);border-color:rgba(58,151,255,.2)}.step-block p{margin-bottom:12px}.platform-block h5,.step-number{margin:0 0 16px;font-family:var(--thm-font, 'Poppins', sans-serif)}.step-number{gap:12px;font-size:16px;color:var(--thm-color,#3a97ff)}.step-number::before{content:'';justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--thm-color,#3a97ff) 0,var(--thm-base,#2d76c0) 100%);border-radius:50%;font-size:14px;flex-shrink:0}.step-block:first-child .step-number::before{content:'1'}.step-block:nth-child(2) .step-number::before{content:'2'}.step-block:nth-child(3) .step-number::before{content:'3'}.step-block:nth-child(4) .step-number::before{content:'4'}.step-block:nth-child(5) .step-number::before{content:'5'}.platform-block{background:var(--thm-fb,#f8f9fa);border-radius:10px;padding:20px 24px;margin-bottom:20px;border-left:3px solid var(--thm-color,#3a97ff)}.platform-block h5{font-size:17px;font-weight:600;color:var(--thm-black,#000);display:flex;align-items:center;gap:10px}.platform-block h5::before{content:'';width:4px;height:18px;border-radius:2px}.credential-list{list-style:none;padding:0;margin:16px 0 0;background:var(--color-white,#fff);border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.credential-list li{padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.05);font-size:15px;font-family:var(--thm-font2, 'Roboto', sans-serif)}.credential-list li:last-child{border-bottom:none}.credential-list code{background:rgba(58,151,255,.1);color:var(--thm-color,#3a97ff);padding:4px 10px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.tutorial-image{margin:24px 0;text-align:center}.tutorial-image picture{display:block;border-radius:12px;overflow:hidden}.tutorial-image img{width:100%;height:auto;display:block;transition:transform .3s}.tutorial-image img:hover{transform:scale(1.02)}.tutorial-image figcaption{margin-top:12px;font-size:14px;color:var(--thm-gray,#8e8e8e);font-style:italic;font-family:var(--thm-font2, 'Roboto', sans-serif)}@media (max-width:767px){.tutorials-page-wrapper{padding:30px 0}.tutorials-nav-filters{padding:20px;margin-bottom:30px;border-radius:12px}.tutorials-nav-categories{gap:8px}.pagination-btn,.tutorials-nav-category{padding:10px 16px;font-size:13px}.tutorials-filter-label{font-size:12px}.tutorial-title{font-size:24px}.platform-block h5,.tutorial-excerpt{font-size:16px}.tutorial-meta{gap:10px}.tutorial-meta span{font-size:12px;padding:6px 12px}.tutorial-content h2{font-size:22px}.tutorial-content h3,.tutorial-section h3{font-size:18px}.tutorial-intro{padding:20px;margin-bottom:30px}.tutorial-intro h2{font-size:20px}.step-number,.tutorial-intro p{font-size:15px}.step-block{padding:20px}.platform-block{padding:16px 18px}.credential-list li{font-size:14px;padding:10px 16px}.tutorial-image{margin:20px 0}.tutorial-image figcaption{font-size:13px}}.tutorials-page-wrapper{background:linear-gradient(180deg,var(--v2-bg-functional) 0,var(--v2-bg-primary) 100%)}.sidebar-widget,.tutorial-card,.tutorial-content-wrapper,.tutorial-navigation-card,.tutorial-resources-card,.tutorials-nav-filters{background:var(--v2-bg-primary);border:1px solid var(--v2-bg-divider);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-card)}.tutorials-search-box input{border-color:var(--v2-bg-divider);background:var(--v2-bg-content);color:var(--v2-text-body)}.tutorials-search-box input:focus{border-color:var(--v2-primary-500);box-shadow:0 0 0 4px rgba(var(--v2-primary-500-rgb),.12);background:var(--v2-bg-primary)}.difficulty-option.active,.tutorials-nav-category.active,.tutorials-search-btn,.type-option.active{background:var(--v2-primary-500);border-color:var(--v2-primary-500)}.difficulty-option:hover,.tutorials-nav-category:hover,.type-option:hover{background:rgba(var(--v2-primary-500-rgb),.05);border-color:var(--v2-primary-500);color:var(--v2-primary-500)}.tutorials-page-wrapper{background:var(--v2-bg-content)}.difficulty-option,.pagination-btn,.tutorials-nav-category,.tutorials-sort-select,.type-option{border-radius:var(--v2-radius-md)}.difficulty-option,.tutorials-nav-category,.tutorials-sort-select,.type-option{background:var(--v2-bg-content);border-color:var(--v2-bg-divider);color:var(--v2-text-body)}.tutorial-card-category i,.tutorial-card-footer-item i,.tutorials-filter-label,.tutorials-nav-category i{color:var(--v2-primary-500)}.tutorial-card-image,.tutorial-card-image::before{border-radius:var(--v2-radius-lg) var(--v2-radius-lg) 0 0}.sidebar-widget,.tutorial-card-content,.tutorial-card-footer,.tutorial-content-wrapper{color:var(--v2-text-body)}.sidebar-widget-title,.tutorial-card-title,.tutorial-content-wrapper h2,.tutorial-content-wrapper h3,.tutorial-content-wrapper h4,.tutorial-detail-title{color:var(--v2-text-heading)}.tags-list .tag,.tutorial-card-difficulty,.tutorial-type-badge,.tutorial-type-badge-inline{border-radius:var(--v2-radius-pill)}.tutorial-type-badge,.tutorial-type-badge-inline{background:rgba(var(--v2-primary-500-rgb),.1);color:var(--v2-primary-600);border:1px solid rgba(var(--v2-primary-500-rgb),.16)}.tags-list .tag,.tutorial-card-category,.tutorial-card-difficulty.advanced,.tutorial-card-difficulty.beginner,.tutorial-card-difficulty.intermediate{background:var(--v2-bg-content);border:1px solid var(--v2-bg-divider);color:var(--v2-text-body)}.pagination-btn{background:var(--v2-bg-primary);border-color:var(--v2-bg-divider);color:var(--v2-text-body)}.tutorial-breadcrumb .breadcrumb-item a,.tutorial-breadcrumb .breadcrumb-item.active{color:var(--v2-text-secondary)}.tutorial-detail-page .btn-watch-youtube,.tutorial-detail-page .product-link,.tutorial-detail-page .sidebar-widget,.tutorial-detail-page .tutorial-featured-image img,.tutorial-detail-page .tutorial-link,.tutorial-detail-page .tutorial-meta-header .tutorial-category,.tutorial-detail-page .tutorial-navigation .nav-btn,.tutorial-detail-page .tutorial-read-time,.tutorial-detail-page .tutorial-share,.tutorial-detail-page .tutorial-tags,.tutorial-detail-page .tutorial-type-badge-inline,.tutorial-detail-page .tutorial-video-duration-inline,.tutorial-detail-page .tutorial-video-player-wrapper,.tutorial-detail-page .video-container,.tutorial-detail-page .video-duration,.tutorial-detail-page .video-meta,.tutorial-detail-page+.atf-Subscribe-area .atf-subscribe-btn,.tutorial-detail-page+.atf-Subscribe-area .atf-subscribe-form,.tutorial-detail-page+.atf-Subscribe-area .atf-subscribe-input,.tutorial-detail-page+.atf-Subscribe-area .atf-subscribe-panel,.tutorials-page-wrapper .no-tutorials,.tutorials-page-wrapper .pagination-btn,.tutorials-page-wrapper .tutorial-card,.tutorials-page-wrapper .tutorials-nav-category,.tutorials-page-wrapper .tutorials-nav-filters,.tutorials-page-wrapper .tutorials-search-box input,.tutorials-page-wrapper .tutorials-search-btn,.tutorials-page-wrapper .tutorials-sort-select,.tutorials-page-wrapper .type-option,body.functional-banner-page .atf-Subscribe-area .atf-subscribe-btn,body.functional-banner-page .atf-Subscribe-area .atf-subscribe-form,body.functional-banner-page .atf-Subscribe-area .atf-subscribe-input,body.functional-banner-page .atf-Subscribe-area .atf-subscribe-panel{border-radius:8px}.tutorials-page-wrapper .tutorial-card-image,.tutorials-page-wrapper .tutorial-card-image::before{border-radius:8px 8px 0 0}.tutorial-detail-page .tags-list .tag,.tutorials-page-wrapper .tutorial-card-difficulty,.tutorials-page-wrapper .tutorial-type-badge{border-radius:6px}.tutorial-detail-page .tutorial-content li,.tutorial-detail-page .tutorial-content p,.tutorial-detail-page .tutorial-meta-header .tutorial-excerpt,.tutorials-page-wrapper .tutorial-card-excerpt,.tutorials-page-wrapper .tutorials-results-count,.tutorials-page-wrapper .tutorials-search-box input{font-size:16px;line-height:24px}.tutorial-detail-page .sidebar-widget-title,.tutorial-detail-page .tutorial-content h3,.tutorials-page-wrapper .tutorial-card-title{font-size:24px;line-height:32px;font-weight:500}.tutorial-detail-page .btn-watch-youtube{border-radius:22px}.tutorial-detail-page .tutorial-content h2{font-size:32px;line-height:40px;font-weight:500}.tutorial-detail-page .tutorial-content h4,.tutorial-detail-page .tutorial-share h4,.tutorial-detail-page .tutorial-tags h4{font-size:20px;line-height:28px;font-weight:500}.tutorial-detail-page .tutorial-detail-sidebar .product-name,.tutorial-detail-page .tutorial-detail-sidebar .tutorial-title{font-size:16px!important;line-height:22px;font-weight:600}.tutorial-detail-page .tutorial-date,.tutorial-detail-page .tutorial-detail-sidebar .product-model{font-size:14px;line-height:20px}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-page-heading-title{color:var(--v2-text-heading)!important;font-size:clamp(36px, 3vw, 42px)!important;line-height:1.15!important;max-width:min(720px,100%);text-shadow:0 1px 0 rgba(255,255,255,.72)}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left{height:auto;min-height:720px;background-color:var(--v2-bg-primary);background-position:top center;background-repeat:no-repeat;background-size:100% auto}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left>.container{height:auto;min-height:720px;justify-content:flex-start;padding-top:clamp(300px,25vw,480px);padding-bottom:32px}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-page-heading-in{position:static;transform:none}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label{background:rgba(255,255,255,.86)!important;border:1px solid rgba(var(--v2-text-heading-rgb),.08)!important;border-radius:8px!important;box-shadow:var(--v2-shadow-sm)!important;color:var(--v2-text-body)!important}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label>span,body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label>span a,body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label>span:last-child,body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label>span:not(:has(a)),body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-post-label>span:not(:last-child)::after{color:var(--v2-text-body)!important}body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>a,body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>span,body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>span a,body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>span:last-child,body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>span:not(:has(a)),body.functional-banner-dark:has(.tutorial-detail-page) .atf-page-heading.atf-align-left:not(:has(.banner-center-btn)):not(:has(.btn-banner-center)):not(:has(#buy_btn)) .atf-post-label>span:not(:last-child)::after{color:var(--v2-text-body)!important}@media (max-width:767px){.tutorial-detail-page .sidebar-widget-title,.tutorial-detail-page .tutorial-content h3,.tutorial-detail-page .tutorial-content h4,.tutorial-detail-page .tutorial-share h4,.tutorial-detail-page .tutorial-tags h4,.tutorials-page-wrapper .tutorial-card-title{font-size:20px;line-height:28px;font-weight:500}.tutorial-detail-page .tutorial-content h2{font-size:24px;line-height:32px;font-weight:500}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left{min-height:560px}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left>.container{min-height:560px;padding-top:clamp(220px,58vw,445px);padding-bottom:24px}body:has(.tutorial-detail-page) .atf-page-heading.atf-align-left .atf-page-heading-title{font-size:24px!important;line-height:32px!important}.tutorial-detail-page .btn-watch-youtube{border-radius:21px}.tutorials-nav-categories{flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tutorials-nav-categories::-webkit-scrollbar{display:none;width:0;height:0}.tutorials-nav-category{flex:0 0 auto;width:auto;white-space:nowrap;scroll-snap-align:start}}