.TutorialsPage-module__XoRhWq__hero{padding:calc(var(--space-20) + var(--space-8)) 0 var(--space-12);background:linear-gradient(135deg, var(--color-white), var(--color-brand-50));position:relative;overflow:hidden}.TutorialsPage-module__XoRhWq__heroContainer{z-index:1;position:relative}.TutorialsPage-module__XoRhWq__eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-brand-700);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:flex}.TutorialsPage-module__XoRhWq__hero h1{color:var(--color-navy-950);font-size:clamp(2.5rem,4.6vw,4rem);line-height:var(--line-height-h1);letter-spacing:-.045em;margin:0}.TutorialsPage-module__XoRhWq__heroLead{max-width:34rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body-large);line-height:var(--line-height-body-large)}.TutorialsPage-module__XoRhWq__heroDecoration{border:2rem solid #2d7ff009;border-radius:50%;width:min(48vw,42rem);height:20rem;position:absolute;bottom:-8rem;right:-7rem;transform:rotate(-20deg)}.TutorialsPage-module__XoRhWq__heroDecoration:after{border-radius:inherit;content:"";border:1.5rem solid #2d7ff009;position:absolute;inset:2rem}.TutorialsPage-module__XoRhWq__introSection,.TutorialsPage-module__XoRhWq__materialsSection{padding-block:var(--layout-section-padding-y);background:var(--color-white)}.TutorialsPage-module__XoRhWq__introPanel{gap:var(--layout-column-gap);padding:var(--layout-card-padding);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-surface-soft), var(--color-brand-50));display:grid}.TutorialsPage-module__XoRhWq__introCopy{align-content:center;gap:var(--space-5);display:grid}.TutorialsPage-module__XoRhWq__introIcon,.TutorialsPage-module__XoRhWq__emptyIcon{color:var(--color-brand-600);background:var(--color-brand-100);justify-content:center;align-items:center;display:inline-flex}.TutorialsPage-module__XoRhWq__introIcon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill)}.TutorialsPage-module__XoRhWq__introIcon svg{width:var(--space-6);height:var(--space-6)}.TutorialsPage-module__XoRhWq__introCopy h2,.TutorialsPage-module__XoRhWq__materialsHeader h2,.TutorialsPage-module__XoRhWq__emptyState h3{color:var(--color-navy-950);margin:0}.TutorialsPage-module__XoRhWq__introCopy h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:var(--line-height-h3)}.TutorialsPage-module__XoRhWq__introCopy p{margin:var(--space-4) 0 0;color:var(--color-text-muted);line-height:var(--line-height-body-large)}.TutorialsPage-module__XoRhWq__tutorialVisual{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);min-width:0;box-shadow:var(--shadow-md);overflow:hidden}.TutorialsPage-module__XoRhWq__appTopbar{min-height:3rem;padding-inline:var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-label);justify-content:space-between;align-items:center;display:flex}.TutorialsPage-module__XoRhWq__appMark{color:var(--color-navy-900);font-weight:var(--font-weight-bold)}.TutorialsPage-module__XoRhWq__appBody{grid-template-columns:4rem minmax(0,1fr);min-height:19rem;display:grid}.TutorialsPage-module__XoRhWq__appSidebar{align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-right:1px solid var(--color-border);background:var(--color-surface-soft);flex-direction:column;display:flex}.TutorialsPage-module__XoRhWq__appSidebar span{width:var(--space-5);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-muted)}.TutorialsPage-module__XoRhWq__appSidebar .TutorialsPage-module__XoRhWq__activeNav{height:var(--space-5);background:var(--color-brand-100);box-shadow:inset 3px 0 var(--color-brand-600)}.TutorialsPage-module__XoRhWq__appCanvas{padding:var(--space-6);position:relative;overflow:hidden}.TutorialsPage-module__XoRhWq__canvasTitle,.TutorialsPage-module__XoRhWq__canvasLine,.TutorialsPage-module__XoRhWq__canvasLineShort{border-radius:var(--radius-pill);background:var(--color-surface-muted);display:block}.TutorialsPage-module__XoRhWq__canvasTitle{width:35%;height:var(--space-3);margin-bottom:var(--space-5);background:var(--color-brand-100)}.TutorialsPage-module__XoRhWq__canvasLine{width:82%;height:var(--space-2);margin-top:var(--space-3)}.TutorialsPage-module__XoRhWq__canvasLineShort{width:58%;height:var(--space-2);margin-top:var(--space-3)}.TutorialsPage-module__XoRhWq__guideCard{z-index:2;top:4.25rem;right:var(--space-5);width:min(72%,17rem);padding:var(--space-5);border:1px solid var(--color-brand-100);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-md);position:absolute}.TutorialsPage-module__XoRhWq__stepLabel{margin-bottom:var(--space-2);color:var(--color-brand-700);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);display:block}.TutorialsPage-module__XoRhWq__guideCard strong{color:var(--color-navy-900);line-height:var(--line-height-h3);display:block}.TutorialsPage-module__XoRhWq__guideCard p{margin:var(--space-2) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-small)}.TutorialsPage-module__XoRhWq__continueButton{border-radius:var(--radius-sm);min-height:2.25rem;padding-inline:var(--space-4);color:var(--color-white);background:var(--color-brand-600);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.TutorialsPage-module__XoRhWq__highlight{right:var(--space-8);bottom:var(--space-6);border:2px solid var(--color-brand-500);border-radius:var(--radius-sm);background:#f1f7ff8c;width:42%;height:3.5rem;position:absolute}.TutorialsPage-module__XoRhWq__materialsSection{padding-top:var(--space-4)}.TutorialsPage-module__XoRhWq__materialsHeader{gap:var(--space-3);max-width:46rem;margin-bottom:var(--layout-block-gap);display:grid}.TutorialsPage-module__XoRhWq__materialsHeader h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:var(--line-height-h2)}.TutorialsPage-module__XoRhWq__materialsHeader p{color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.TutorialsPage-module__XoRhWq__emptyState{min-height:19rem;padding:var(--layout-card-padding);border:1px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.TutorialsPage-module__XoRhWq__emptyIcon{width:var(--space-16);height:var(--space-16);margin-bottom:var(--space-5);border-radius:var(--radius-pill)}.TutorialsPage-module__XoRhWq__emptyIcon svg{width:var(--space-8);height:var(--space-8)}.TutorialsPage-module__XoRhWq__emptyState h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.TutorialsPage-module__XoRhWq__emptyState p{max-width:29rem;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:var(--line-height-body)}.TutorialsPage-module__XoRhWq__tutorialGrid{gap:var(--layout-grid-gap);display:grid}.TutorialsPage-module__XoRhWq__tutorialCard{padding:var(--layout-card-padding);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (min-width:48rem){.TutorialsPage-module__XoRhWq__introCopy{grid-template-columns:auto minmax(0,1fr);align-items:start}.TutorialsPage-module__XoRhWq__introCopy>div{grid-column:2}.TutorialsPage-module__XoRhWq__tutorialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.TutorialsPage-module__XoRhWq__introPanel{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center}.TutorialsPage-module__XoRhWq__tutorialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:47.99rem){.TutorialsPage-module__XoRhWq__hero{padding:calc(var(--space-20) + var(--space-6)) 0 var(--space-8)}.TutorialsPage-module__XoRhWq__introPanel{padding:var(--space-5)}.TutorialsPage-module__XoRhWq__appBody{grid-template-columns:3rem minmax(0,1fr);min-height:17rem}.TutorialsPage-module__XoRhWq__appCanvas{padding:var(--space-4)}.TutorialsPage-module__XoRhWq__guideCard{right:var(--space-3);width:calc(100% - var(--space-6))}.TutorialsPage-module__XoRhWq__highlight{display:none}.TutorialsPage-module__XoRhWq__emptyState{min-height:15rem}}