.tlj-tutorials{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin:0;
  padding:0 24px 115px;
  transform:translateX(-50%);
  overflow:hidden;

  color:var(--tlj-color-text);
  isolation:isolate;
}
.tlj-tutorials,.tlj-tutorials *, .tlj-video-modal,.tlj-video-modal *{box-sizing:border-box}
.tlj-tutorials button,.tlj-video-modal button{font:inherit}
.tlj-tutorials-shell{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto}
@media (min-width:1500px){.tlj-tutorials-shell{max-width:var(--tlj-layout-public,1280px)}}
.tlj-tutorials .tlj-tutorials-market-note{display:inline-flex;max-width:none;margin:16px auto 0;padding:7px 12px;border:1px solid rgba(var(--tlj-color-accent-rgb), .24);border-radius:999px;background:rgba(var(--tlj-color-accent-rgb), .035);color:var(--tlj-color-text-soft);font-size:10px;font-weight:850;letter-spacing:1px;line-height:1.35;text-transform:uppercase}
.tlj-tutorials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tlj-tutorial-card{position:relative;padding:22px;border:1px solid rgba(var(--tlj-color-accent-rgb), .34);border-radius:18px;background:var(--tlj-color-surface);box-shadow: var(--tlj-effect-shadow-lg);transition:border-color .45s ease,box-shadow .45s ease,transform .45s ease}
.tlj-tutorial-card:before{content:"";position:absolute;top:-1px;left:50%;width:56%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(var(--tlj-color-accent-rgb), .52),transparent);box-shadow:0 0 17px rgba(var(--tlj-color-accent-rgb), .17);opacity:.65;transition:.45s ease}
.tlj-tutorial-card:hover{border-color:rgba(var(--tlj-color-accent-rgb), .68);box-shadow: var(--tlj-effect-shadow-lg),0 0 24px rgba(var(--tlj-color-accent-rgb), .055);transform:translateY(-2px)}
.tlj-tutorial-card:hover:before{width:76%;opacity:1}
.tlj-tutorial-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:start;padding:26px}
.tlj-tutorial-card:first-child .tlj-tutorial-card-top{grid-column:1/-1}
.tlj-tutorial-card:first-child .tlj-tutorial-media{min-height:300px}
.tlj-tutorial-card:first-child .tlj-tutorial-copy{padding:18px 8px 0 6px;align-self:center}
.tlj-tutorial-card-top{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.tlj-tutorial-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(var(--tlj-color-accent-rgb), .23);border-radius:13px;background:rgba(var(--tlj-color-accent-rgb), .045);color:var(--tlj-color-accent-text)}
.tlj-tutorial-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.tlj-tutorial-heading{min-width:0;flex:1}
.tlj-tutorial-heading small{display:block;margin-bottom:5px;color:var(--tlj-color-accent-text);font-size:13px;font-weight:900;letter-spacing:1.75px;line-height:1.3}
.tlj-tutorial-heading h2{margin:0;color:var(--tlj-color-text);font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.7px;line-height:1.1}
.tlj-tutorial-duration{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(var(--tlj-color-accent-rgb), .38);border-radius:20px;background:var(--tlj-color-surface-2);color:var(--tlj-color-text-muted);font-size:9px;font-weight:900;letter-spacing:1px}
.tlj-tutorial-media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:250px;padding:0;overflow:hidden;border:1px solid rgba(var(--tlj-color-accent-rgb), .42);border-radius:12px;background:linear-gradient(rgba(var(--tlj-color-contrast-rgb), .018) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--tlj-color-contrast-rgb), .018) 1px,transparent 1px),var(--tlj-color-field);background-size:34px 34px;color:inherit;text-align:center}
.tlj-tutorial-media:not(:disabled){cursor:pointer}
.tlj-tutorial-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tlj-tutorial-media-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(var(--tlj-color-accent-rgb), .1),transparent 54%),linear-gradient(180deg,rgba(var(--tlj-color-shadow-rgb), .2),rgba(var(--tlj-color-shadow-rgb), .72))}
.tlj-tutorial-play{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:1px solid rgba(var(--tlj-color-accent-rgb), .35);border-radius:50%;background:rgba(var(--tlj-color-page-rgb), .9);color:var(--tlj-color-accent-text);box-shadow: var(--tlj-effect-dropdown-shadow),0 0 24px rgba(var(--tlj-color-accent-rgb), .08);transition:.35s ease}
.tlj-tutorial-play svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.is-ready .tlj-tutorial-media:hover .tlj-tutorial-play{border-color:rgb(var(--tlj-color-contrast-rgb));background:rgb(var(--tlj-color-contrast-rgb));color:var(--tlj-color-on-accent);transform:scale(1.07)}
.tlj-tutorial-media-copy{position:absolute;z-index:2;right:20px;bottom:18px;left:20px;display:flex;flex-direction:column;gap:4px;text-align:left}
.tlj-tutorial-media-copy strong{color:var(--tlj-color-text-secondary);font-size:10px;font-weight:900;letter-spacing:1.5px}
.tlj-tutorial-media-copy em{color:var(--tlj-color-text-muted-2);font-size:11px;font-style:normal}
.tlj-tutorial-copy{padding:16px 2px 1px}
.tlj-tutorial-copy p{margin:0;color:var(--tlj-color-text-muted);font-size:13px;line-height:1.7}
.tlj-tutorial-status{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--tlj-color-text-muted-2);font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.tlj-tutorial-status i{width:6px;height:6px;border-radius:50%;background:var(--tlj-color-text-disabled);box-shadow:0 0 0 3px rgba(var(--tlj-color-text-muted-rgb), .08)}
.tlj-tutorial-status.is-ready{color:var(--tlj-color-accent-text)}.tlj-tutorial-status.is-ready i{background:var(--tlj-color-accent);box-shadow:0 0 10px rgba(var(--tlj-color-accent-rgb), .55)}
.tlj-tutorials-footer{max-width:820px;margin:62px auto 0;text-align:center}
.tlj-tutorials-footer-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 20px;border:1px solid rgba(var(--tlj-color-accent-rgb), .22);border-radius:50%;background:rgba(var(--tlj-color-accent-rgb), .035);color:var(--tlj-color-accent-text)}
.tlj-tutorials-footer-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tlj-tutorials-footer h2{margin:0;color:var(--tlj-color-text);font-size:clamp(27px,4vw,42px);font-weight:300;letter-spacing:-1.5px;line-height:1.05}
.tlj-tutorials-footer h2 strong{color:var(--tlj-color-accent-text);font-weight:900}
.tlj-tutorials-footer p{margin:15px auto 0;color:var(--tlj-color-text-muted-2);font-size:13px;line-height:1.7}
.tlj-video-dialog{width:min(1100px,94vw);padding:20px}
.tlj-video-frame{overflow:hidden;border:1px solid rgba(var(--tlj-color-accent-rgb), .13);border-radius:11px;background:var(--tlj-color-media-canvas);aspect-ratio:16/9}.tlj-video-frame video{display:block;width:100%;height:100%;background:var(--tlj-color-media-canvas)}
@media(max-width:980px){.tlj-tutorials{padding:0 20px 95px}.tlj-tutorial-card:first-child{grid-template-columns:1fr}.tlj-tutorial-card:first-child .tlj-tutorial-card-top{grid-column:auto}.tlj-tutorial-card:first-child .tlj-tutorial-copy{padding:0 2px 1px}.tlj-tutorial-card:first-child .tlj-tutorial-media{min-height:280px}}
@media(max-width:700px){.tlj-tutorials{padding:0 14px 72px}.tlj-tutorials-grid{grid-template-columns:1fr;gap:16px}.tlj-tutorial-card:first-child{grid-column:auto;padding:18px}.tlj-tutorial-card{padding:18px;border-radius:14px}.tlj-tutorial-icon{width:43px;height:43px;flex-basis:43px}.tlj-tutorial-icon svg{width:22px;height:22px}.tlj-tutorial-heading small{font-size:11px;letter-spacing:1.35px}.tlj-tutorial-heading h2{font-size:20px}.tlj-tutorial-duration{display:none}.tlj-tutorial-media,.tlj-tutorial-card:first-child .tlj-tutorial-media{min-height:220px}.tlj-video-dialog{width:96vw;padding:13px}.tlj-tutorials-footer{margin-top:45px}}