.privacy-sheet{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease-out),visibility .28s var(--ease-out)}.privacy-sheet.active{opacity:1;visibility:visible;pointer-events:auto}.privacy-sheet .sheet-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-canvas) 74%,transparent),color-mix(in srgb,var(--bg-canvas) 82%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.privacy-sheet .sheet-content{position:relative;z-index:1;display:grid;width:min(100%,760px);max-height:min(82dvh,760px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card-glass-strong),var(--card-glass-bg)),var(--surface-1);color:var(--text-primary);box-shadow:0 28px 80px color-mix(in srgb,var(--bg-canvas) 46%,transparent);transform:translateY(18px) scale(.985);transition:transform .3s var(--ease-out);backdrop-filter:blur(18px) saturate(126%);-webkit-backdrop-filter:blur(18px) saturate(126%)}.privacy-sheet.active .sheet-content{transform:translateY(0) scale(1)}.privacy-sheet .sheet-header,.privacy-sheet .sheet-footer{position:sticky;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 92%,transparent),color-mix(in srgb,var(--surface-2) 70%,transparent))}.privacy-sheet .sheet-header{top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,3vw,26px);border-bottom:1px solid var(--border-default)}.privacy-sheet .sheet-title-group{min-width:0}.privacy-sheet .sheet-kicker{display:block;margin-bottom:2px;color:var(--accent);font-size:.76rem;font-weight:800}.privacy-sheet .sheet-header h2{margin:0;color:var(--text-primary);font-size:clamp(1.05rem,2.4vw,1.32rem);font-weight:800;line-height:1.5}.privacy-sheet .sheet-close{display:inline-flex;flex:0 0 auto;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-default);border-radius:15px;background:var(--btn-secondary-bg);color:var(--text-secondary);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out)}.privacy-sheet .sheet-close:hover{border-color:var(--btn-secondary-hover-border);background:color-mix(in srgb,var(--primary-soft) 66%,transparent);color:var(--primary);transform:translateY(-1px)}.privacy-sheet .sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,28px);scrollbar-color:var(--border-strong) transparent}.privacy-sheet .policy-content{display:grid;gap:16px}.privacy-sheet .policy-section{padding:16px;border:1px solid var(--border-default);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.privacy-sheet .policy-section h3{margin:0 0 8px;color:var(--text-primary);font-size:.98rem;font-weight:800}.privacy-sheet .policy-section p{margin:0;color:var(--text-secondary);font-size:.9rem}.privacy-sheet .policy-section p + p,.privacy-sheet .policy-section ul + p{margin-top:10px}.privacy-sheet .policy-section ul{display:grid;gap:8px;margin:10px 0 0;padding-inline-start:20px;color:var(--text-secondary);font-size:.9rem}.privacy-sheet .policy-section strong,.privacy-sheet .accept-terms strong{color:var(--text-primary)}.privacy-sheet .accept-terms{position:sticky;bottom:0;display:grid;gap:8px;margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border-default));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 60%,var(--surface-2)),color-mix(in srgb,var(--surface-1) 80%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.privacy-sheet .accept-terms .checkbox-wrapper{margin:0}.privacy-sheet .sheet-footer{bottom:0;display:flex;justify-content:flex-start;padding:16px clamp(18px,3vw,26px);border-top:1px solid var(--border-default)}.privacy-sheet #confirmPolicyBtn{min-width:168px}body.page-tutorials{--tutorials-shell:1240px;--tut-card-bg:linear-gradient(160deg,rgba(17,24,42,.96),rgba(10,14,28,.98));--tut-panel-bg:linear-gradient(160deg,rgba(21,30,51,.82),rgba(10,14,28,.94));--tut-soft-shadow:0 18px 46px rgba(0,0,0,.22);min-width:0;overflow-x:hidden;color:var(--text-primary)}:root[data-theme="light"] body.page-tutorials{--tut-card-bg:linear-gradient(160deg,rgba(255,255,255,.96),rgba(241,246,255,.9));--tut-panel-bg:linear-gradient(160deg,rgba(255,255,255,.92),rgba(238,244,255,.88));--tut-soft-shadow:0 18px 42px rgba(30,41,59,.12)}.tutorials-page-wrapper{min-height:100dvh;padding-block:calc(var(--header-height) + 48px) 104px;background:radial-gradient(circle at 78% 4%,rgba(124,92,255,.12),transparent 30rem),radial-gradient(circle at 12% 14%,rgba(22,168,200,.08),transparent 28rem)}.tutorials-shell{width:min(calc(100% - 48px),var(--tutorials-shell));margin-inline:auto}.tutorials-hero{position:relative;padding-block:clamp(34px,6vw,76px) clamp(48px,8vw,96px);text-align:center;display:flex;flex-direction:column;align-items:center;isolation:isolate}.tutorials-hero::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,50vw,800px);height:clamp(300px,50vw,800px);background:color-mix(in srgb,var(--primary) 20%,transparent);border-radius:50%;filter:blur(120px);pointer-events:none}.tutorials-title{margin:0 0 16px;color:var(--text-primary);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:900;line-height:1.35}.tutorials-title span{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.tutorials-subtitle{max-width:720px;margin:0 0 36px;color:var(--text-secondary);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.9}.tutorials-tabs{display:flex;gap:12px;border-bottom:1px solid var(--border-default);padding-bottom:16px;margin-bottom:38px;overflow-x:auto;scrollbar-width:none}.tutorials-tabs::-webkit-scrollbar{display:none}.tutorials-tab{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface-1);color:var(--text-secondary);font-size:.88rem;font-weight:800;transition:all .2s ease;cursor:pointer}.tutorials-tab:hover{border-color:rgba(61,217,245,.45);color:var(--accent)}.tutorials-tab.is-active{border-color:rgba(124,92,255,.4);background:var(--primary-soft);color:var(--primary);box-shadow:0 8px 24px rgba(124,92,255,.15)}.tutorials-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(24px,3vw,36px);align-items:start;direction:ltr}.tutorials-layout>*{direction:rtl}.tutorials-main{display:grid;gap:36px}.tut-featured{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:20px;background:var(--card-glass-bg);box-shadow:var(--shadow-brand);backdrop-filter:blur(18px);transition:transform .3s ease}.tut-featured:hover{transform:translateY(-4px)}.tut-featured__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--media-deep-bg)}.tut-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tut-featured:hover .tut-featured__media img{transform:scale(1.05)}.tut-featured__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.tut-featured:hover .tut-featured__overlay{opacity:1}.tut-featured__play{width:64px;height:64px;background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3);border-radius:50%;display:grid;place-items:center}.tut-featured__play .material-symbols-outlined{color:white;font-size:2.2rem}.tut-featured__body{padding:24px;display:flex;flex-direction:column;gap:12px}.tut-badge{display:inline-flex;width:fit-content;padding:4px 12px;border-radius:999px;background:var(--primary-soft);color:var(--accent);font-size:.75rem;font-weight:800}.tut-featured h2{margin:0;color:var(--text-primary);font-size:1.45rem;font-weight:900}.tut-featured p{margin:0;color:var(--text-secondary);line-height:1.8}.tut-meta{display:flex;align-items:center;gap:16px;margin-top:auto;color:var(--text-muted);font-size:.8rem;font-weight:600}.tut-meta span{display:flex;align-items:center;gap:6px}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.tut-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-default);border-radius:18px;background:var(--surface-1);transition:transform .25s ease,border-color .25s ease}.tut-card:hover{transform:translateY(-3px);border-color:rgba(61,217,245,.4)}.tut-card__media{position:relative;aspect-ratio:16/9;overflow:hidden}.tut-card__media img{width:100%;height:100%;object-fit:cover}.tut-card__duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.8);color:white;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800}.tut-card__icon{position:absolute;top:8px;left:8px;background:rgba(255,255,255,0.1);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);padding:4px;border-radius:6px;display:grid;place-items:center}.tut-card__icon .material-symbols-outlined{color:white;font-size:1.1rem}.tut-card__body{padding:18px;display:flex;flex-direction:column;gap:10px}.tut-card h3{margin:0;color:var(--text-primary);font-size:1.05rem;font-weight:800;line-height:1.6;transition:color .2s ease}.tut-card:hover h3{color:var(--primary)}.tut-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-default)}.tut-level{color:var(--text-secondary);font-size:.8rem;font-weight:600}.tut-action{color:var(--accent);font-size:.8rem;font-weight:800}.tut-sidebar{position:sticky;top:calc(var(--header-height) + 24px);border:1px solid var(--border-default);border-radius:20px;padding:24px;background:var(--bg-elevated)}.tut-sidebar h3{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1.15rem;font-weight:900}.tut-sidebar h3 .material-symbols-outlined{color:var(--premium)}.pop-list{display:grid;gap:16px}.pop-item{display:flex;gap:12px;padding:8px;border-radius:12px;transition:background .2s ease}.pop-item:hover{background:var(--surface-2)}.pop-item__img{width:80px;height:56px;flex:0 0 80px;border-radius:8px;overflow:hidden;background:var(--media-deep-bg)}.pop-item__img img{width:100%;height:100%;object-fit:cover}.pop-item__content{display:flex;flex-direction:column;justify-content:center}.pop-item__content h4{margin:0;color:var(--text-primary);font-size:.85rem;font-weight:800;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pop-item__content span{color:var(--text-muted);font-size:.7rem;margin-top:4px}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-muted);font-size:.82rem;font-weight:600}.tut-breadcrumb a{transition:color .2s ease}.tut-breadcrumb a:hover{color:var(--primary)}.tut-breadcrumb .material-symbols-outlined{font-size:1rem}.tut-detail-player{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--border-default);border-radius:24px;overflow:hidden;background:var(--media-deep-bg);box-shadow:var(--shadow-card);margin-bottom:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tut-detail-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.6;transition:opacity .3s ease}.tut-detail-player:hover img{opacity:0.8}.tut-detail-player .play-btn{position:relative;z-index:10;width:80px;height:80px;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3);border-radius:50%;display:grid;place-items:center;transition:transform .3s ease}.tut-detail-player:hover .play-btn{transform:scale(1.1)}.tut-detail-player .play-btn .material-symbols-outlined{color:white;font-size:2.8rem;margin-left:4px}.tut-prose{color:var(--text-secondary);line-height:1.9;font-size:1rem}.tut-prose h2{color:var(--text-primary);font-size:1.55rem;font-weight:900;margin:32px 0 16px}.tut-prose h3{color:var(--text-primary);font-size:1.25rem;font-weight:800;margin:24px 0 12px}.tut-prose p{margin-bottom:16px}.tut-prose .tut-tip{display:flex;gap:16px;padding:20px;border:1px solid var(--border-default);border-radius:16px;background:var(--card-glass-bg);margin-bottom:24px}.tut-prose .tut-tip .material-symbols-outlined{color:var(--accent);font-size:1.5rem}.tut-prose .tut-tip h4{margin:0 0 8px;color:var(--text-primary);font-size:1rem;font-weight:800}.tut-prose .tut-tip p{margin:0;font-size:.9rem}.tut-prose ol{list-style-type:decimal;padding-right:20px;margin-bottom:24px}.tut-prose li{margin-bottom:8px}.tut-prose li::marker{color:var(--primary);font-weight:900}.tut-code-block{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:12px;padding:16px;direction:ltr;text-align:left;font-family:monospace;font-size:.85rem;color:var(--primary);margin-bottom:24px}.tut-nav-buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-default)}.course-progress{margin-bottom:24px}.course-progress-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:800;color:var(--text-secondary);margin-bottom:8px}.course-progress-header span:last-child{color:var(--primary)}.course-progress-track{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.course-progress-fill{height:100%;background:var(--gradient-brand);border-radius:999px}.chapter-list{position:relative;display:grid;gap:8px}.chapter-list::before{content:"";position:absolute;top:16px;bottom:16px;right:28px;width:2px;background:var(--border-default);z-index:0}.chapter-item{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:16px;transition:background .2s ease}.chapter-item:hover{background:var(--surface-2)}.chapter-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-1);border:2px solid var(--border-default);margin-top:2px}.chapter-item.is-completed .chapter-icon{border-color:var(--primary);background:var(--surface-1);color:var(--primary)}.chapter-item.is-active{background:var(--card-glass-bg);border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.chapter-item.is-active .chapter-icon{border-color:var(--primary);background:var(--primary);color:white;box-shadow:0 0 15px rgba(124,92,255,0.5)}.chapter-item.is-locked{opacity:0.6}.chapter-item.is-locked:hover{opacity:1}.chapter-icon .material-symbols-outlined{font-size:1.1rem}.chapter-icon span{font-size:.85rem;font-weight:900;color:var(--text-muted)}.chapter-content h4{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:800;transition:color .2s ease}.chapter-item:hover .chapter-content h4,.chapter-item.is-active .chapter-content h4{color:var(--text-primary)}.chapter-item.is-active .chapter-content h4{color:var(--primary)}.chapter-content p{margin:4px 0 0;color:var(--text-muted);font-size:.75rem}.related-section{position:relative;padding-block:var(--section-space);border-top:1px solid var(--border-default);background:var(--bg-section)}.related-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:200px;background:rgba(124,92,255,0.05);filter:blur(100px);pointer-events:none}.related-title{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:1.6rem;font-weight:900;margin-bottom:32px}.related-title .material-symbols-outlined{color:var(--accent)}.tut-cta{position:relative;padding:64px 24px;text-align:center;border-top:1px solid var(--border-default);background:var(--bg-elevated);overflow:hidden}.tut-cta__icon{width:64px;height:64px;margin:0 auto 24px;border-radius:20px;background:var(--card-glass-bg);border:1px solid var(--border-default);display:grid;place-items:center;box-shadow:0 0 30px rgba(61,217,245,0.3)}.tut-cta__icon .material-symbols-outlined{font-size:2rem;color:var(--accent)}.tut-cta h2{color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;margin-bottom:16px}.tut-cta p{color:var(--text-secondary);font-size:1.1rem;max-width:680px;margin:0 auto 32px}.tut-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media (min-width:1025px){.tutorials-main{grid-template-columns:minmax(0,1fr)}.tut-featured{flex-direction:row}.tut-featured__media{width:50%}.tut-featured__body{width:50%;justify-content:center}}@media (max-width:1024px){.tutorials-layout{grid-template-columns:1fr}.tut-sidebar{position:static}}@media (max-width:640px){.tutorials-page-wrapper{padding-block:calc(var(--header-height) + 16px) 64px}.tut-nav-buttons{flex-direction:column}.tut-nav-buttons .btn{width:100%}.tut-cta-actions{flex-direction:column}.tut-cta-actions .btn{width:100%}.tut-featured h2{font-size:1.2rem}}body.page-tutorials .tutorials-page-wrapper{min-height:100dvh;padding-block:calc(var(--header-height) + 28px) 88px;background:radial-gradient(circle at 82% 2%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 28rem),var(--bg-canvas)}body.page-tutorials .tutorials-shell{width:min(calc(100% - 40px),1180px);margin-inline:auto}body.page-tutorials .tutorials-hero{max-width:760px;margin-inline:auto;padding-block:clamp(24px,5vw,54px) clamp(28px,4vw,44px);text-align:center}body.page-tutorials .tutorials-kicker,body.page-tutorials .tutorials-section-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.74rem;font-weight:850;letter-spacing:.01em}body.page-tutorials .tutorials-kicker{padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-default));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-1))}body.page-tutorials .tutorials-kicker .material-symbols-rounded{font-size:1rem}body.page-tutorials .tutorials-title{margin:16px 0 10px;color:var(--text-primary);font-size:clamp(1.85rem,4vw,3rem);font-weight:950;line-height:1.35;text-wrap:balance}body.page-tutorials .tutorials-subtitle{max-width:660px;margin:0 auto 24px;color:var(--text-secondary);font-size:clamp(.94rem,1.2vw,1.06rem);line-height:2}body.page-tutorials .tutorials-search{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 7px 6px 8px;border:1px solid var(--border-strong);border-radius:15px;background:var(--surface-1);box-shadow:var(--shadow-card);text-align:right}body.page-tutorials .tutorials-search__icon{margin-inline:7px;color:var(--text-muted);font-size:1.2rem}body.page-tutorials .tutorials-search__input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.88rem}body.page-tutorials .tutorials-search__input::placeholder{color:var(--text-muted)}body.page-tutorials .tutorials-search__button,body.page-tutorials .tutorials-primary-link,body.page-tutorials .tutorials-secondary-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:.78rem;font-weight:850;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}body.page-tutorials .tutorials-search__button{padding-inline:17px;border:1px solid transparent;background:var(--gradient-brand);color:#fff;cursor:pointer}body.page-tutorials .tutorials-search__button:hover,body.page-tutorials .tutorials-primary-link:hover,body.page-tutorials .tutorials-secondary-link:hover{transform:translateY(-1px)}body.page-tutorials .tutorials-categories{display:flex;gap:8px;margin-bottom:clamp(24px,4vw,38px);padding-bottom:3px;overflow-x:auto;scrollbar-width:none}body.page-tutorials .tutorials-categories::-webkit-scrollbar{display:none}body.page-tutorials .tutorials-category-chip{min-height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding-inline:15px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface-1);color:var(--text-secondary);font-size:.75rem;font-weight:800;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}body.page-tutorials .tutorials-category-chip:hover,body.page-tutorials .tutorials-category-chip.is-active{border-color:color-mix(in srgb,var(--primary) 48%,var(--border-default));background:var(--primary-soft);color:var(--primary)}body.page-tutorials .tutorials-featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);margin-bottom:clamp(30px,5vw,52px);overflow:hidden;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface-1);box-shadow:var(--shadow-card)}body.page-tutorials .tutorials-featured__media,body.page-tutorials .tutorial-card__media{position:relative;display:block;min-width:0;overflow:hidden;background:var(--media-deep-bg)}body.page-tutorials .tutorials-featured__media{min-height:100%;aspect-ratio:16 / 9}body.page-tutorials .tutorials-featured__media img,body.page-tutorials .tutorial-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .24s ease}body.page-tutorials .tutorials-featured__media:hover img,body.page-tutorials .tutorial-card__media:hover img{transform:scale(1.025)}body.page-tutorials .tutorials-featured__media-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(7,9,20,.08),rgba(7,9,20,.5))}body.page-tutorials .tutorials-play-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(7,9,20,.42);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.25)}body.page-tutorials .tutorials-play-icon .material-symbols-rounded{font-size:1.85rem}body.page-tutorials .tutorials-featured__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:clamp(22px,4vw,40px)}body.page-tutorials .tutorial-card__eyebrow,body.page-tutorials .tutorial-card__topline,body.page-tutorials .tutorials-meta,body.page-tutorials .tutorial-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}body.page-tutorials .tutorial-card__eyebrow,body.page-tutorials .tutorial-card__topline{color:var(--text-muted);font-size:.72rem;font-weight:750}body.page-tutorials .tutorials-badge{display:inline-flex;align-items:center;min-height:28px;padding-inline:9px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border-default));border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.68rem;font-weight:850;white-space:nowrap}body.page-tutorials .tutorials-badge--quiet{min-height:24px;padding-inline:7px;font-size:.63rem}body.page-tutorials .tutorials-featured h2,body.page-tutorials .tutorial-section-heading h2,body.page-tutorials .tutorial-detail-header h1,body.page-tutorials .tutorial-guide__section h3,body.page-tutorials .tutorial-course-panel h2,body.page-tutorials .tutorial-related h2{min-width:0;color:var(--text-primary);text-wrap:normal;white-space:normal;word-break:normal;overflow-wrap:break-word}body.page-tutorials .tutorials-featured h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:950;line-height:1.55}body.page-tutorials .tutorials-featured p{max-width:520px;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:2}body.page-tutorials .tutorials-meta,body.page-tutorials .tutorial-detail-meta{color:var(--text-muted);font-size:.72rem;font-weight:750}body.page-tutorials .tutorials-meta span,body.page-tutorials .tutorial-detail-meta span{display:inline-flex;align-items:center;gap:5px}body.page-tutorials .tutorials-meta .material-symbols-rounded,body.page-tutorials .tutorial-detail-meta .material-symbols-rounded{color:var(--accent);font-size:1rem}body.page-tutorials .tutorials-primary-link{margin-top:5px;padding-inline:14px;background:var(--gradient-brand);color:#fff}body.page-tutorials .tutorials-primary-link .material-symbols-rounded,body.page-tutorials .tutorials-secondary-link .material-symbols-rounded{font-size:1rem}body.page-tutorials .tutorials-content-layout,body.page-tutorials .tutorial-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,310px);gap:clamp(24px,4vw,44px);align-items:start}body.page-tutorials .tutorials-results,body.page-tutorials .tutorial-detail-main{min-width:0}body.page-tutorials .tutorial-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}body.page-tutorials .tutorial-section-heading--compact{justify-content:flex-start;align-items:center}body.page-tutorials .tutorial-section-heading h2{margin:3px 0 0;font-size:clamp(1.18rem,1.9vw,1.45rem);font-weight:900;line-height:1.55}body.page-tutorials .tutorial-result-count{color:var(--text-muted);font-size:.72rem;font-weight:750;white-space:nowrap}body.page-tutorials .tutorials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.page-tutorials .tutorial-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-1);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}body.page-tutorials .tutorial-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--border-default));box-shadow:var(--shadow-card)}body.page-tutorials .tutorial-card__media{aspect-ratio:16 / 9}body.page-tutorials .tutorial-card__duration,body.page-tutorials .tutorial-card__type{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(7,9,20,.76);color:#fff}body.page-tutorials .tutorial-card__duration{inset-inline-start:9px;inset-block-end:9px;min-height:25px;padding-inline:8px;font-size:.66rem;font-weight:800}body.page-tutorials .tutorial-card__type{inset-inline-end:9px;inset-block-start:9px;width:29px;height:29px}body.page-tutorials .tutorial-card__type .material-symbols-rounded{font-size:1rem}body.page-tutorials .tutorial-card__body{min-width:0;display:flex;flex:1;flex-direction:column;gap:9px;padding:15px}body.page-tutorials .tutorial-card__body h3{margin:0;font-size:1rem;font-weight:900;line-height:1.7}body.page-tutorials .tutorial-card__body h3 a{color:var(--text-primary)}body.page-tutorials .tutorial-card__body h3 a:hover{color:var(--primary)}body.page-tutorials .tutorial-card__body p{margin:0;color:var(--text-secondary);font-size:.79rem;line-height:1.9}body.page-tutorials .tutorial-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-default);color:var(--text-muted);font-size:.68rem;font-weight:750}body.page-tutorials .tutorial-card__link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:850}body.page-tutorials .tutorial-card__link .material-symbols-rounded{font-size:.95rem}body.page-tutorials .tutorials-path,body.page-tutorials .tutorial-course-panel,body.page-tutorials .tutorial-outcomes,body.page-tutorials .tutorial-prerequisites,body.page-tutorials .tutorial-player{min-width:0;padding:19px;border:1px solid var(--border-default);border-radius:17px;background:var(--surface-1);box-shadow:0 12px 32px color-mix(in srgb,var(--bg-canvas) 30%,transparent)}body.page-tutorials .tutorials-path{position:sticky;top:calc(var(--header-height) + 20px)}body.page-tutorials .tutorials-path__heading{display:flex;align-items:flex-start;gap:10px}body.page-tutorials .tutorials-path__heading>.material-symbols-rounded{color:var(--accent);font-size:1.3rem}body.page-tutorials .tutorials-path h2,body.page-tutorials .tutorial-course-panel h2{margin:3px 0 0;font-size:1.05rem;font-weight:900;line-height:1.6}body.page-tutorials .tutorials-path>p{margin:14px 0 16px;color:var(--text-secondary);font-size:.78rem;line-height:1.9}body.page-tutorials .tutorials-path__list,body.page-tutorials .tutorial-course-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}body.page-tutorials .tutorials-path__list li a,body.page-tutorials .tutorial-course-list li a{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:11px;color:var(--text-secondary);transition:background .18s ease,border-color .18s ease,color .18s ease}body.page-tutorials .tutorials-path__list li a:hover,body.page-tutorials .tutorial-course-list li a:hover,body.page-tutorials .tutorial-course-list li.is-current a{border-color:color-mix(in srgb,var(--primary) 25%,var(--border-default));background:var(--primary-soft);color:var(--text-primary)}body.page-tutorials .tutorials-path__number,body.page-tutorials .tutorial-course-list__number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--primary);font-size:.67rem;font-weight:900}body.page-tutorials .tutorials-path strong,body.page-tutorials .tutorial-course-list strong{display:block;color:inherit;font-size:.76rem;font-weight:850;line-height:1.6}body.page-tutorials .tutorials-path small,body.page-tutorials .tutorial-course-list small{display:block;margin-top:2px;color:var(--text-muted);font-size:.65rem}body.page-tutorials .tutorials-path__all{width:100%;margin-top:14px}body.page-tutorials .tutorials-secondary-link{padding-inline:12px;border:1px solid var(--border-default);background:var(--surface-1);color:var(--text-secondary)}body.page-tutorials .tutorials-secondary-link:hover{border-color:var(--primary);color:var(--primary)}body.page-tutorials .tutorials-empty{display:grid;justify-items:center;gap:9px;padding:48px 22px;border:1px dashed var(--border-strong);border-radius:17px;background:var(--surface-1);text-align:center}body.page-tutorials .tutorials-empty>.material-symbols-rounded{color:var(--text-muted);font-size:2rem}body.page-tutorials .tutorials-empty h3{margin:0;color:var(--text-primary);font-size:1rem}body.page-tutorials .tutorials-empty p{margin:0 0 6px;color:var(--text-secondary);font-size:.8rem}body.page-tutorials .tutorial-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:22px;color:var(--text-muted);font-size:.72rem;font-weight:700}body.page-tutorials .tutorial-breadcrumb a:hover{color:var(--accent)}body.page-tutorials .tutorial-breadcrumb .material-symbols-rounded{color:var(--border-strong);font-size:.9rem}body.page-tutorials .tutorial-detail-header{max-width:900px;margin-bottom:clamp(25px,4vw,40px)}body.page-tutorials .tutorial-detail-header h1{margin:12px 0 10px;font-size:clamp(1.7rem,3.4vw,2.55rem);font-weight:950;line-height:1.45}body.page-tutorials .tutorial-detail-header>p{max-width:760px;margin:0 0 17px;color:var(--text-secondary);font-size:.98rem;line-height:2}body.page-tutorials .tutorial-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}body.page-tutorials .tutorial-detail-tags a{min-height:29px;display:inline-flex;align-items:center;padding-inline:9px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-muted);font-size:.7rem;font-weight:750}body.page-tutorials .tutorial-detail-tags a:hover{border-color:var(--primary);color:var(--primary)}body.page-tutorials .tutorial-detail-sidebar{min-width:0;position:sticky;top:calc(var(--header-height) + 20px)}body.page-tutorials .tutorial-player,body.page-tutorials .tutorial-outcomes,body.page-tutorials .tutorial-prerequisites{margin-bottom:18px}body.page-tutorials .tutorial-player__frame{aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#05070d}body.page-tutorials .tutorial-player__frame iframe{width:100%;height:100%;display:block;border:0}body.page-tutorials .tutorial-player__empty{min-height:250px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;border-radius:12px;background:linear-gradient(135deg,var(--surface-2),var(--bg-section));color:var(--text-secondary);text-align:center}body.page-tutorials .tutorial-player__empty .material-symbols-rounded{color:var(--accent);font-size:2rem}body.page-tutorials .tutorial-player__empty strong{color:var(--text-primary);font-size:.9rem}body.page-tutorials .tutorial-player__empty span:last-child{font-size:.78rem}body.page-tutorials .tutorial-outcomes ul,body.page-tutorials .tutorial-prerequisites ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}body.page-tutorials .tutorial-outcomes li{display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);font-size:.83rem;line-height:1.8}body.page-tutorials .tutorial-outcomes li .material-symbols-rounded{flex:0 0 auto;color:var(--success);font-size:1.1rem}body.page-tutorials .tutorial-prerequisites li{position:relative;padding-inline-start:16px;color:var(--text-secondary);font-size:.8rem;line-height:1.8}body.page-tutorials .tutorial-prerequisites li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.75em;width:6px;height:6px;border-radius:50%;background:var(--accent)}body.page-tutorials .tutorial-guide{max-width:760px;color:var(--text-secondary)}body.page-tutorials .tutorial-guide__section{padding-top:18px}body.page-tutorials .tutorial-guide__section + .tutorial-guide__section{margin-top:32px;border-top:1px solid var(--border-default)}body.page-tutorials .tutorial-guide__section h3{margin:0 0 12px;font-size:1.18rem;font-weight:900;line-height:1.65}body.page-tutorials .tutorial-guide__section>p{margin:0 0 14px;font-size:.96rem;line-height:2.1}body.page-tutorials .tutorial-steps{display:grid;gap:9px;margin:18px 0 20px;padding:0;list-style:none}body.page-tutorials .tutorial-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-1)}body.page-tutorials .tutorial-step__number{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:.7rem;font-weight:900}body.page-tutorials .tutorial-step__content{display:grid;gap:3px;min-width:0}body.page-tutorials .tutorial-step__content strong{color:var(--text-primary);font-size:.86rem}body.page-tutorials .tutorial-step__content span{color:var(--text-secondary);font-size:.82rem;line-height:1.85}body.page-tutorials .tutorial-tip{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-default));border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-1))}body.page-tutorials .tutorial-tip>.material-symbols-rounded{color:var(--accent);font-size:1.25rem}body.page-tutorials .tutorial-tip strong{color:var(--text-primary);font-size:.82rem}body.page-tutorials .tutorial-tip p{margin:4px 0 0;color:var(--text-secondary);font-size:.8rem;line-height:1.85}body.page-tutorials .tutorial-tip--هشدار{border-color:color-mix(in srgb,var(--warning) 28%,var(--border-default));background:color-mix(in srgb,var(--warning) 8%,var(--surface-1))}body.page-tutorials .tutorial-tip--هشدار>.material-symbols-rounded{color:var(--warning)}body.page-tutorials .tutorial-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:35px;padding-top:20px;border-top:1px solid var(--border-default)}body.page-tutorials .tutorial-prev-next__link{min-width:0;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--border-default);border-radius:12px;color:var(--text-secondary);transition:border-color .18s ease,background .18s ease,color .18s ease}body.page-tutorials .tutorial-prev-next__link:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--text-primary)}body.page-tutorials .tutorial-prev-next__link--next{justify-content:flex-end;text-align:left}body.page-tutorials .tutorial-prev-next__link>.material-symbols-rounded{flex:0 0 auto;color:var(--accent)}body.page-tutorials .tutorial-prev-next__link>span:not(.material-symbols-rounded){min-width:0;display:grid;gap:3px}body.page-tutorials .tutorial-prev-next__link small{color:var(--text-muted);font-size:.65rem}body.page-tutorials .tutorial-prev-next__link strong{overflow-wrap:break-word;color:inherit;font-size:.76rem;line-height:1.65}body.page-tutorials .tutorial-course-panel{position:sticky;top:calc(var(--header-height) + 20px)}body.page-tutorials .tutorial-course-panel .tutorial-section-heading{margin-bottom:12px}body.page-tutorials .tutorial-course-list li.is-current a{border-color:color-mix(in srgb,var(--primary) 38%,var(--border-default))}body.page-tutorials .tutorial-related{margin-top:clamp(44px,7vw,76px);padding-top:28px;border-top:1px solid var(--border-default)}body.page-tutorials .tutorials-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}body.page-tutorials :where(a,button,input):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 66%,transparent);outline-offset:3px}@media (max-width:1024px){body.page-tutorials .tutorials-content-layout,body.page-tutorials .tutorial-detail-layout{grid-template-columns:1fr}body.page-tutorials .tutorials-path,body.page-tutorials .tutorial-detail-sidebar,body.page-tutorials .tutorial-course-panel{position:static}body.page-tutorials .tutorials-path__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){body.page-tutorials .tutorials-shell{width:min(calc(100% - 28px),560px)}body.page-tutorials .tutorials-page-wrapper{padding-block:calc(var(--header-height) + 16px) 58px}body.page-tutorials .tutorials-hero{padding-block:16px 28px}body.page-tutorials .tutorials-title{font-size:clamp(1.65rem,8vw,2.15rem);text-wrap:normal}body.page-tutorials .tutorials-search{grid-template-columns:auto minmax(0,1fr)}body.page-tutorials .tutorials-search__button{grid-column:1 / -1;width:100%}body.page-tutorials .tutorials-featured{grid-template-columns:1fr;border-radius:17px}body.page-tutorials .tutorials-featured__body{padding:20px}body.page-tutorials .tutorials-grid,body.page-tutorials .tutorials-grid--related{grid-template-columns:1fr}body.page-tutorials .tutorials-path__list{grid-template-columns:1fr}body.page-tutorials .tutorials-path__list li a{min-height:48px}body.page-tutorials .tutorial-detail-header h1{font-size:clamp(1.48rem,7vw,1.9rem)}body.page-tutorials .tutorial-detail-header>p{font-size:.9rem}body.page-tutorials .tutorial-detail-meta{gap:8px 12px}body.page-tutorials .tutorial-player,body.page-tutorials .tutorial-outcomes,body.page-tutorials .tutorial-prerequisites,body.page-tutorials .tutorial-course-panel{padding:15px;border-radius:14px}body.page-tutorials .tutorial-guide__section>p{font-size:.92rem}body.page-tutorials .tutorial-prev-next{grid-template-columns:1fr}body.page-tutorials .tutorial-prev-next__link--next{justify-content:flex-start;text-align:right}}@media (prefers-reduced-motion:reduce){body.page-tutorials .tutorial-card,body.page-tutorials .tutorials-primary-link,body.page-tutorials .tutorials-secondary-link,body.page-tutorials .tutorials-featured__media img,body.page-tutorials .tutorial-card__media img{transition:none !important}}body.page-tutorials .tutorials-page-wrapper{padding-block:calc(var(--header-height) + 28px) 76px;background:var(--bg-canvas)}body.page-tutorials .tutorials-shell{width:min(calc(100% - 40px),1180px)}body.page-tutorials .tutorials-listing-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:34px}body.page-tutorials .tutorials-listing-header__copy{min-width:0}body.page-tutorials .tutorials-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.75rem;font-weight:850}body.page-tutorials .tutorials-kicker .material-symbols-rounded{font-size:1rem}body.page-tutorials .tutorials-title{margin:12px 0 8px;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:950;line-height:1.45;text-wrap:normal;white-space:normal;word-break:normal;overflow-wrap:break-word}body.page-tutorials .tutorials-subtitle{max-width:520px;margin:0;color:var(--text-secondary);font-size:.94rem;line-height:1.95}body.page-tutorials .tutorials-discovery{min-width:0}body.page-tutorials .tutorials-search-form{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 6px 5px 8px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-1);box-shadow:var(--shadow-card)}body.page-tutorials .tutorials-search-icon{margin-inline:7px;color:var(--text-muted);font-size:1.2rem}body.page-tutorials .tutorials-search-input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.88rem}body.page-tutorials .tutorials-search-input::placeholder{color:var(--text-muted)}body.page-tutorials .tutorials-search-clear{display:inline-grid;place-items:center;color:var(--text-muted)}body.page-tutorials .tutorials-search-clear:hover{color:var(--primary)}body.page-tutorials .tutorials-search-button{min-height:40px;padding-inline:17px;border:0;border-radius:10px;background:var(--gradient-brand);color:#fff;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}body.page-tutorials .tutorials-filter-box{margin-top:12px;padding:13px 15px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1)}body.page-tutorials .tutorials-filter-box__heading{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--text-secondary)}body.page-tutorials .tutorials-filter-box__heading .material-symbols-rounded{color:var(--accent);font-size:1rem}body.page-tutorials .tutorials-filter-box__heading h2{margin:0;color:inherit;font-size:.78rem;font-weight:850}body.page-tutorials .tutorials-category-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}body.page-tutorials .tutorials-category-list::-webkit-scrollbar{display:none}body.page-tutorials .tutorials-filter-chip{min-height:34px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding-inline:12px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:800;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background .18s ease}body.page-tutorials .tutorials-filter-chip:hover,body.page-tutorials .tutorials-filter-chip.is-active{border-color:color-mix(in srgb,var(--primary) 44%,var(--border-default));background:var(--primary-soft);color:var(--primary)}body.page-tutorials .tutorials-filter-state{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:.72rem}body.page-tutorials .tutorials-filter-state strong{color:var(--text-primary)}body.page-tutorials .tutorials-filter-state a{display:inline-flex;align-items:center;gap:3px;margin-inline-start:auto;color:var(--primary);font-weight:800}body.page-tutorials .tutorials-filter-state a .material-symbols-rounded{font-size:.95rem}body.page-tutorials .tutorials-results{min-width:0}body.page-tutorials .tutorials-results>.tutorials-section-heading{margin-bottom:16px}body.page-tutorials .tutorials-section-heading{align-items:end}body.page-tutorials .tutorials-section-heading h2{margin:3px 0 0;font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:900;line-height:1.55;text-wrap:normal;white-space:normal;word-break:normal;overflow-wrap:break-word}body.page-tutorials .tutorials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.page-tutorials .tutorial-card{border-color:var(--border-default);border-radius:15px;background:var(--surface-1);box-shadow:none}body.page-tutorials .tutorial-card__media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-2)}body.page-tutorials .tutorial-card__media img{width:100%;height:100%;display:block;object-fit:cover}body.page-tutorials .tutorial-card__placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface-2),var(--bg-section));color:var(--text-muted)}body.page-tutorials .tutorial-card__placeholder .material-symbols-rounded{font-size:2rem}body.page-tutorials .tutorial-card__type{position:absolute;inset-inline-end:9px;inset-block-start:9px;width:29px;height:29px;display:inline-grid;place-items:center;border-radius:8px;background:rgba(7,9,20,.76);color:#fff}body.page-tutorials .tutorial-card__type .material-symbols-rounded{font-size:1rem}body.page-tutorials .tutorial-card__body{gap:8px;padding:14px}body.page-tutorials .tutorial-card__topline{gap:6px 10px}body.page-tutorials .tutorial-card__body h3{font-size:.98rem;line-height:1.7;text-wrap:normal;white-space:normal;word-break:normal;overflow-wrap:break-word}body.page-tutorials .tutorial-card__body p{font-size:.78rem;line-height:1.9}body.page-tutorials .tutorial-operator-badge{display:inline-flex;min-height:22px;align-items:center;padding-inline:7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));color:var(--accent);font-size:.62rem;font-weight:850;white-space:nowrap}body.page-tutorials .tutorial-card__tags{display:flex;flex-wrap:wrap;gap:5px;color:var(--text-muted);font-size:.65rem}body.page-tutorials .tutorial-card__footer{min-height:25px;margin-top:auto;padding-top:7px;border-top:0;gap:7px;justify-content:flex-start;flex-wrap:wrap}body.page-tutorials .tutorial-card__footer>span:first-child{display:inline-flex;align-items:center;gap:3px}body.page-tutorials .tutorial-card__footer .material-symbols-rounded{font-size:.9rem}body.page-tutorials .tutorial-card__link{margin-inline-start:auto}body.page-tutorials .tutorial-detail-header{max-width:980px;margin-bottom:22px}body.page-tutorials .tutorial-detail-header h1{margin:0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:950;line-height:1.5;text-wrap:normal;white-space:normal;word-break:normal;overflow-wrap:break-word}body.page-tutorials .tutorial-detail-content-shell{width:min(100%,980px);margin-inline:auto}body.page-tutorials .tutorial-player{margin-bottom:16px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.page-tutorials .tutorial-player__frame{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border-default);border-radius:16px;background:#05070d}body.page-tutorials .tutorial-player__frame iframe{width:100%;height:100%;display:block;border:0}body.page-tutorials .tutorial-player__empty{min-height:clamp(190px,32vw,360px);display:grid;place-items:center;align-content:center;gap:9px;padding:26px;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-1);color:var(--text-secondary);text-align:center}body.page-tutorials .tutorial-player__empty .material-symbols-rounded{color:var(--text-muted);font-size:2rem}body.page-tutorials .tutorial-player__empty strong{color:var(--text-primary);font-size:.92rem}body.page-tutorials .tutorial-detail-meta{justify-content:flex-start;gap:8px 16px;margin-bottom:10px}body.page-tutorials .tutorial-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}body.page-tutorials .tutorial-detail-tags a{min-height:29px;display:inline-flex;align-items:center;padding-inline:9px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-muted);font-size:.7rem;font-weight:750}body.page-tutorials .tutorial-outcomes,body.page-tutorials .tutorial-prerequisites,body.page-tutorials .tutorial-notes{margin-bottom:18px;padding:20px;border:1px solid var(--border-default);border-radius:15px;background:var(--surface-1);box-shadow:none}body.page-tutorials .tutorial-outcomes ul,body.page-tutorials .tutorial-prerequisites ul,body.page-tutorials .tutorial-notes ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}body.page-tutorials .tutorial-notes li{display:flex;align-items:flex-start;gap:7px;color:var(--text-secondary);font-size:.83rem;line-height:1.8}body.page-tutorials .tutorial-notes li .material-symbols-rounded{flex:0 0 auto;color:var(--accent);font-size:1.05rem}body.page-tutorials .tutorial-prev-next{margin-top:24px;padding-top:0;border-top:0}body.page-tutorials .tutorial-related{margin-top:42px;padding-top:0;border-top:0}body.page-tutorials .tutorial-related .tutorial-section-heading{margin-bottom:16px}@media (max-width:1024px){body.page-tutorials .tutorials-listing-header{grid-template-columns:1fr;gap:22px}body.page-tutorials .tutorials-discovery{width:min(100%,760px)}body.page-tutorials .tutorials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){body.page-tutorials .tutorials-shell{width:min(calc(100% - 28px),560px)}body.page-tutorials .tutorials-page-wrapper{padding-block:calc(var(--header-height) + 16px) 58px}body.page-tutorials .tutorials-listing-header{margin-bottom:24px}body.page-tutorials .tutorials-title{font-size:clamp(1.55rem,7.5vw,2rem)}body.page-tutorials .tutorials-search-form{grid-template-columns:auto minmax(0,1fr) auto}body.page-tutorials .tutorials-search-button{grid-column:1 / -1;width:100%}body.page-tutorials .tutorials-filter-state a{margin-inline-start:0}body.page-tutorials .tutorials-grid,body.page-tutorials .tutorials-grid--related{grid-template-columns:1fr}body.page-tutorials .tutorial-detail-header h1{font-size:clamp(1.45rem,7vw,1.85rem)}body.page-tutorials .tutorial-outcomes,body.page-tutorials .tutorial-prerequisites,body.page-tutorials .tutorial-notes{padding:16px}body.page-tutorials .tutorial-outcomes ul,body.page-tutorials .tutorial-prerequisites ul,body.page-tutorials .tutorial-notes ul{grid-template-columns:1fr}}@media (min-width:1025px){body.page-tutorials .tutorials-listing-header{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center}body.page-tutorials .tutorials-discovery{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-top:20px}body.page-tutorials .tutorials-filter-box{margin-top:0}}body.page-tutorials .tutorials-filter-state{padding-top:0;border-top:0}body.page-tutorials .tutorials-filter-chip,body.page-tutorials .tutorials-filter-chip:hover,body.page-tutorials .tutorials-filter-chip:focus-visible{text-decoration:none}body.page-tutorials .tutorial-related .tutorial-card__media img{width:100%;height:100%;display:block;object-fit:cover}body.page-dashboard .AppModal-shell:has(.cm-modal){width:min(100%,640px)}:root[data-theme="light"] body.page-dashboard .AppModal-content:has(.cm-modal){background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.settings-modal .settings-actions{margin-top:1.25rem}.cm-stars{width:100%;justify-content:flex-start}@media (max-width:640px){.settings-modal .settings-actions{display:flex;flex-direction:row;align-items:center;gap:.65rem;margin-top:1rem}.settings-modal .settings-actions>*{width:auto;flex:1 1 0;min-width:0}}body.page-tutorials .tutorial-card--link{color:inherit;text-decoration:none}body.page-tutorials .tutorial-card--link:hover,body.page-tutorials .tutorial-card--link:focus-visible{color:inherit;text-decoration:none}body.page-tutorials .tutorial-card--link .tutorial-card__body h3,body.page-tutorials .tutorial-card--link .tutorial-card__description,body.page-tutorials .tutorial-card--link .tutorial-card__link{text-decoration:none}body.page-tutorials .tutorial-card--link .tutorial-card__description{display:block}body.page-tutorials .tutorials-title,body.page-tutorials .tutorials-section-heading h2,body.page-tutorials .tutorials-filter-box__heading h2,body.page-tutorials .tutorial-detail-header h1,body.page-tutorials .tutorial-detail-meta,body.page-tutorials .tutorial-detail-tags a,body.page-tutorials .tutorial-prev-next__link,body.page-tutorials .tutorial-prev-next__link strong,body.page-tutorials .tutorial-related h2,body.page-tutorials .tutorial-related .tutorials-secondary-link{text-decoration:none}body.page-tutorials .tutorial-prev-next--only-next{grid-template-columns:1fr}body.page-tutorials .tutorial-prev-next--only-next .tutorial-prev-next__link--next{justify-self:start;justify-content:flex-start;text-align:right}body.page-tutorials .tutorial-related .tutorial-card__media,body.page-tutorials .tutorial-related .tutorial-card__media:hover,body.page-tutorials .tutorial-related .tutorial-card h3 a,body.page-tutorials .tutorial-related .tutorial-card__body p,body.page-tutorials .tutorial-related .tutorials-secondary-link{text-decoration:none}@media (max-width:1024px){body.page-tutorials .tutorials-discovery{display:block}body.page-tutorials .tutorials-filter-box{margin-top:12px}}@media (max-width:700px){body.page-tutorials .tutorials-search-form{grid-template-columns:auto minmax(0,1fr) auto}body.page-tutorials .tutorials-search-button{grid-column:auto;width:auto;min-height:40px;padding-inline:12px;white-space:nowrap}body.page-tutorials .tutorial-prev-next:not(.tutorial-prev-next--only-next){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.page-tutorials .tutorial-prev-next:not(.tutorial-prev-next--only-next) .tutorial-prev-next__link{min-height:52px;gap:6px;padding:9px 8px}body.page-tutorials .tutorial-prev-next__link small,body.page-tutorials .tutorial-prev-next__link strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}.drawer-nav a{position:static}.drawer-nav a.active{background:transparent;color:var(--text-secondary)}.drawer-nav a.active::after{content:none}.modal-btn-cancel,.Setting-button-secondary,.cm-btn--secondary,.modal-avatar-cancel{padding-block:1px}@media (max-width:699px){.page-home .hero{--home-hero-bg:url("/images/login.webp")}.site-header .brand{min-width:0;gap:6px;white-space:nowrap}.site-header .brand-mark{width:clamp(54px,15vw,62px);height:32px}.site-header .brand>span:last-child{display:block;min-width:0;overflow:visible;text-overflow:clip;font-size:clamp(.75rem,3.3vw,.85rem);line-height:1.15}.site-header .brand small{display:block;margin-top:0;font-size:clamp(.45rem,2vw,.52rem);line-height:1.1}}@media (max-width:369px){.mobile-drawer .brand span:last-child,.site-footer .brand span:last-child{display:none}.nav-shell{width:min(calc(100% - 20px),var(--container));gap:4px}.site-header .brand{gap:5px}.site-header .brand-mark{width:54px;height:30px}.site-header .brand>span:last-child{font-size:.74rem}.site-header .brand small{font-size:.45rem}.site-header .nav-actions{gap:4px}}body.page-auth .bg-layer{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-canvas) 58%,transparent),color-mix(in srgb,var(--bg-canvas) 76%,transparent)),linear-gradient(145deg,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%),linear-gradient(315deg,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 46%),url("/images/login.webp") center / cover no-repeat,var(--bg-canvas)}.dashboard-notification-list-shell:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--radius-lg)}body.page-dashboard .dashboard-notification-clear,body.page-dashboard .dashboard-notification-action,body.page-dashboard .dashboard-notification-filter__form .dashboard-solid-btn{gap:8px;line-height:1.25;white-space:nowrap;box-sizing:border-box}.dashboard-notification-actions form{display:flex;margin:0}.dashboard-notification-button-icon-slot{position:relative;flex:0 0 18px;inline-size:18px;block-size:18px;display:grid;place-items:center}.dashboard-notification-button-icon-slot>*{grid-area:1 / 1}.dashboard-notification-button-icon-slot .material-symbols-rounded{font-size:1.16rem;line-height:1;transition:opacity .15s ease,visibility .15s ease}.dashboard-notification-action.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded,.dashboard-notification-clear.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded,.dashboard-notification-filter__form .dashboard-solid-btn.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded{opacity:0;visibility:hidden}.dashboard-notification-item{transition:opacity .2s ease,border-color .2s ease,background .2s ease}.dashboard-notification-item.is-read{opacity:.92;border-color:color-mix(in srgb,var(--border-default) 82%,var(--notice-color))}.dashboard-notification-item.is-unread{border-color:color-mix(in srgb,var(--border-default) 68%,var(--notice-color))}body:is(.page-home,.page-articles,.page-tutorials,.page-faq) .home-particle-field{position:fixed;inset:0;display:block;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:60;opacity:1;contain:strict}@media (prefers-reduced-motion:reduce){body:is(.page-home,.page-articles,.page-tutorials,.page-faq) .home-particle-field{transition:none}} body:is(.page-home,.page-articles,.page-tutorials,.page-faq) :where([data-card],.price-card,.article-card,.articles-card,.articles-featured,.articles-filter-box,.articles-topics,.articles-side-panel,.article-detail-hero,.article-detail-media,.article-detail-main,.article-detail-highlights,.article-summary-panel,.article-tags-panel,.article-popular-list,.article-cta-panel,.article-related,.testimonial-card,.gallery-item,.feature-card,.product-card,.home-trailer__stage,.final-cta,.tutorial-card,.tutorials-listing-header,.tutorials-search,.tut-featured,.tut-card,.tut-sidebar,.chapter-list,.faq-hero,.faq-list,.faq-item,.faq-action){position:relative;z-index:61}
body.page-tutorials :where(.tutorial-detail-header,.tutorial-detail-content-shell,.tutorial-detail-main,.tutorial-player,.tutorial-outcomes,.tutorial-prerequisites,.tutorial-notes,.tutorial-course-panel,.tutorial-prev-next,.tutorial-related){position:relative;z-index:61}body.page-tutorials :where(.tutorial-detail-sidebar,.tutorials-path){z-index:61}