.tut-page{position:relative;min-height:100vh;padding:80px 0 96px;color:var(--text-secondary,rgba(223,229,255,.9))}.tut-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 0,rgba(140,95,255,.22),transparent 70%),radial-gradient(50% 35% at 90% 10%,rgba(0,212,255,.16),transparent 70%)}.tut-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px}.tut-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:28px 0 0;font-size:.8rem;color:var(--text-muted,rgba(187,196,235,.6))}.tut-breadcrumbs a{color:rgba(207,212,255,.78);text-decoration:none;transition:color .2s ease}.tut-breadcrumbs a:hover{color:#00d4ff}.tut-breadcrumbs [aria-current=page]{color:rgba(255,255,255,.5)}.tut-hero{padding:40px 0 14px;max-width:820px}.tut-eyebrow{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#00d4ff;margin-bottom:18px}.tut-title{font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.08;font-weight:700;color:#fff;letter-spacing:-.02em;margin:0 0 20px;text-align:left}.tut-lede{max-width:820px;margin:30px 0 0}.tut-subtitle{font-size:clamp(1.02rem,1.8vw,1.2rem);line-height:1.62;color:var(--text-tertiary,rgba(207,212,255,.7));margin:0}.tut-meta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}.tut-meta li{font-size:.74rem;letter-spacing:.04em;padding:7px 14px;border-radius:999px;color:rgba(223,229,255,.82);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.tut-video{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:34px;align-items:center;margin:18px 0 12px}.tut-video-frame{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(20,16,46,.5);box-shadow:0 26px 70px rgba(0,0,0,.5)}.tut-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.tut-video-caption h2{font-size:1.28rem;font-weight:600;color:#fff;margin:0 0 12px}.tut-video-caption p{font-size:.96rem;line-height:1.65;color:var(--text-tertiary,rgba(207,212,255,.7));margin:0}.tut-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;margin-top:56px}.tut-toc-inner{position:sticky;top:96px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}.tut-toc-title{display:block;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,rgba(187,196,235,.6));margin-bottom:16px}.tut-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.tut-toc li{margin-bottom:11px}.tut-toc a{font-size:.86rem;line-height:1.45;color:rgba(207,212,255,.66);text-decoration:none;transition:color .2s ease}.tut-toc a:hover{color:#fff}.tut-article{max-width:720px}.tut-intro p{font-size:1.1rem;line-height:1.75;color:rgba(223,229,255,.88);margin:0 0 20px}.tut-section{padding-top:64px;scroll-margin-top:88px}.tut-section>h2{position:relative;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.24;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 0 18px;padding-top:20px}.tut-section>h2:before{content:"";position:absolute;top:0;left:0;width:52px;height:3px;border-radius:2px;background:linear-gradient(90deg,#00d4ff,#8c5fff)}.tut-lead{font-size:1.03rem;line-height:1.7;color:var(--text-tertiary,rgba(207,212,255,.72));margin:0 0 26px}.tut-note{font-size:.9rem;line-height:1.6;color:var(--text-muted,rgba(187,196,235,.62));border-left:2px solid rgba(140,95,255,.5);padding-left:16px;margin:26px 0 0}.tut-shot{margin:26px 0 0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(12,10,30,.6);box-shadow:0 18px 44px rgba(0,0,0,.42)}.tut-shot img{display:block;width:100%;height:auto}.tut-checklist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tut-checklist li{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.tut-checklist li:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.tut-checklist-title{font-weight:600;color:#fff;font-size:.95rem;line-height:1.5}.tut-checklist-body{font-size:.95rem;line-height:1.65;color:var(--text-tertiary,rgba(207,212,255,.7))}.tut-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}@media (min-width:860px){.tut-paths--three{grid-template-columns:repeat(3,1fr)}}.tut-path{position:relative;padding:22px 22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.tut-path--a{border-color:rgba(45,212,191,.34);background:linear-gradient(160deg,rgba(45,212,191,.11),rgba(255,255,255,.02))}.tut-path--b{border-color:rgba(0,170,255,.34);background:linear-gradient(160deg,rgba(0,170,255,.12),rgba(255,255,255,.02))}.tut-path-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.86);margin-bottom:14px}.tut-path h3{font-size:1.08rem;font-weight:600;color:#fff;margin:0 0 10px}.tut-path p{font-size:.92rem;line-height:1.62;color:var(--text-tertiary,rgba(207,212,255,.72));margin:0}.tut-steps{list-style:none;margin:0;padding:0;counter-reset:step}.tut-step+.tut-step{margin-top:46px;padding-top:44px;border-top:1px solid rgba(255,255,255,.07)}.tut-step-head{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.tut-step-n{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(140,95,255,.55);flex-shrink:0}.tut-step-head h3{font-size:1.22rem;font-weight:600;line-height:1.35;color:#fff;margin:0}.tut-step-body{padding-left:72px}.tut-step-body p{font-size:1rem;line-height:1.72;color:rgba(223,229,255,.84);margin:0 0 16px}.tut-step-body p:last-of-type{margin-bottom:0}.tut-step-body strong{color:#fff;font-weight:600}.tut-tips{display:grid;gap:4px}.tut-tip{padding:20px 0 20px 20px;border-left:2px solid rgba(0,212,255,.45)}.tut-tips--warn .tut-tip{border-left-color:rgba(255,215,0,.45)}.tut-tip h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 8px}.tut-tip p{font-size:.96rem;line-height:1.68;color:var(--text-tertiary,rgba(207,212,255,.72));margin:0}.tut-bridge{padding:30px 30px 32px;border-radius:20px;border:1px solid rgba(255,107,157,.26);background:linear-gradient(150deg,rgba(255,107,157,.1),rgba(140,95,255,.08))}.tut-bridge h2{font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.24;font-weight:700;color:#fff;letter-spacing:-.01em;text-align:left;margin:0 0 18px;padding-top:0}.tut-bridge h2:before{display:none}.tut-bridge p{font-size:1rem;line-height:1.7;color:rgba(223,229,255,.86);margin:0 0 14px}.tut-bridge strong,.tut-bridge-cta{color:#fff;font-weight:600}.tut-bridge-cta{display:inline-block;margin-top:10px;padding:12px 22px;border-radius:999px;font-size:.86rem;letter-spacing:.02em;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:background .2s ease,border-color .2s ease}.tut-bridge-cta:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34)}.tut-faq{display:flex;flex-direction:column;gap:10px}.tut-faq-item{border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);padding:17px 22px;transition:border-color .2s ease}.tut-faq-item[open]{border-color:rgba(140,95,255,.42)}.tut-faq-item summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:1rem;font-weight:600;color:#fff;line-height:1.5}.tut-faq-item summary::-webkit-details-marker{display:none}.tut-faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:400;color:rgba(168,130,255,.9)}.tut-faq-item[open] summary:after{content:"−"}.tut-faq-item p{margin:12px 0 0;font-size:.96rem;line-height:1.68;color:var(--text-tertiary,rgba(207,212,255,.72))}.tut-closing{margin-top:20px;padding-top:56px;border-top:1px solid rgba(255,255,255,.08)}.tut-closing p{font-size:1.03rem;line-height:1.72;color:rgba(223,229,255,.86);margin:0 0 26px;max-width:640px}.tut-closing-actions{display:flex;flex-wrap:wrap;gap:14px}.tut-cta-primary,.tut-cta-secondary{display:inline-block;padding:14px 28px;border-radius:999px;font-size:.88rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.tut-cta-primary{color:#0b0a1f;background:linear-gradient(120deg,#00d4ff,#8c5fff);box-shadow:0 12px 34px rgba(0,170,255,.3)}.tut-cta-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(0,170,255,.42)}.tut-cta-secondary{color:rgba(255,255,255,.9);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}.tut-cta-secondary:hover{background:rgba(255,255,255,.12)}@media (max-width:1024px){.tut-video{gap:22px}.tut-body,.tut-video{grid-template-columns:1fr}.tut-body{gap:0;margin-top:42px}.tut-toc-inner{position:static;padding:20px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.tut-toc ol{-moz-columns:2;column-count:2;-moz-column-gap:24px;column-gap:24px}.tut-article{max-width:none}}@media (max-width:640px){.tut-shell{padding:0 18px}.tut-hero{padding:22px 0 6px}.tut-eyebrow{margin-bottom:12px}.tut-title{margin-bottom:16px}.tut-section{padding-top:48px}.tut-toc ol{-moz-columns:1;column-count:1}.tut-checklist li{grid-template-columns:1fr;gap:6px}.tut-step-head{gap:12px}.tut-step-n{font-size:1.9rem}.tut-step-body{padding-left:0}.tut-bridge{padding:24px 20px 26px}.tut-closing-actions .tut-cta-primary,.tut-closing-actions .tut-cta-secondary{flex:1 1 100%;text-align:center}}@media (prefers-reduced-motion:reduce){.tut-bridge-cta,.tut-cta-primary,.tut-cta-secondary{transition:none}.tut-cta-primary:hover{transform:none}}