.tut-page{min-height:100vh;color:var(--text-secondary,#dfe5ffe6);padding:80px 0 96px;position:relative}.tut-ambient{pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 0,#8c5fff38,#0000 70%),radial-gradient(50% 35% at 90% 10%,#00d4ff29,#0000 70%);position:fixed;inset:0}.tut-shell{z-index:1;max-width:1180px;margin:0 auto;padding:0 24px;position:relative}.tut-breadcrumbs{color:var(--text-muted,#bbc4eb99);flex-wrap:wrap;align-items:center;gap:10px;padding:28px 0 0;font-size:.8rem;display:flex}.tut-breadcrumbs a{color:#cfd4ffc7;text-decoration:none;transition:color .2s}.tut-breadcrumbs a:hover{color:#00d4ff}.tut-breadcrumbs [aria-current=page]{color:#ffffff80}.tut-hero{max-width:820px;padding:40px 0 34px}.tut-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#00d4ff;margin-bottom:18px;font-size:.7rem;font-weight:600;display:inline-block}.tut-title{color:#fff;letter-spacing:-.02em;text-align:left;margin:0 0 20px;font-size:clamp(2.1rem,5.2vw,3.6rem);font-weight:700;line-height:1.08}.tut-subtitle{color:var(--text-tertiary,#cfd4ffb3);margin:0;font-size:clamp(1.02rem,1.8vw,1.2rem);line-height:1.62}.tut-meta{flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.tut-meta li{letter-spacing:.04em;color:#dfe5ffd1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 14px;font-size:.74rem}.tut-video{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:34px;margin:18px 0 12px;display:grid}.tut-video-frame{background:#14102e80;border:1px solid #ffffff24;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000080}.tut-video-frame video{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.tut-video-caption h2{color:#fff;margin:0 0 12px;font-size:1.28rem;font-weight:600}.tut-video-caption p{color:var(--text-tertiary,#cfd4ffb3);margin:0;font-size:.96rem;line-height:1.65}.tut-body{grid-template-columns:220px minmax(0,1fr);gap:56px;margin-top:56px;display:grid}.tut-toc-inner{border-left:1px solid #ffffff1a;padding-left:16px;position:sticky;top:96px}.tut-toc-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted,#bbc4eb99);margin-bottom:16px;font-size:.68rem;font-weight:600;display:block}.tut-toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.tut-toc li{margin-bottom:11px}.tut-toc a{color:#cfd4ffa8;font-size:.86rem;line-height:1.45;text-decoration:none;transition:color .2s}.tut-toc a:hover{color:#fff}.tut-article{max-width:720px}.tut-intro p{color:#dfe5ffe0;margin:0 0 20px;font-size:1.1rem;line-height:1.75}.tut-section{padding-top:64px;scroll-margin-top:88px}.tut-section>h2{color:#fff;letter-spacing:-.01em;margin:0 0 18px;padding-top:20px;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:700;line-height:1.24;position:relative}.tut-section>h2:before{content:"";background:linear-gradient(90deg,#00d4ff,#8c5fff);border-radius:2px;width:52px;height:3px;position:absolute;top:0;left:0}.tut-lead{color:var(--text-tertiary,#cfd4ffb8);margin:0 0 26px;font-size:1.03rem;line-height:1.7}.tut-note{color:var(--text-muted,#bbc4eb9e);border-left:2px solid #8c5fff80;margin:26px 0 0;padding-left:16px;font-size:.9rem;line-height:1.6}.tut-shot{background:#0c0a1e99;border:1px solid #ffffff1f;border-radius:14px;margin:26px 0 0;overflow:hidden;box-shadow:0 18px 44px #0000006b}.tut-shot img{width:100%;height:auto;display:block}.tut-checklist{gap:2px;margin:0;padding:0;list-style:none;display:grid}.tut-checklist li{border-top:1px solid #ffffff14;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:20px;padding:18px 0;display:grid}.tut-checklist li:last-child{border-bottom:1px solid #ffffff14}.tut-checklist-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.5}.tut-checklist-body{color:var(--text-tertiary,#cfd4ffb3);font-size:.95rem;line-height:1.65}.tut-paths{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}@media (min-width:860px){.tut-paths--three{grid-template-columns:repeat(3,1fr)}}.tut-path{background:#ffffff09;border:1px solid #ffffff1f;border-radius:16px;padding:22px 22px 24px;position:relative}.tut-path--a{background:linear-gradient(160deg,#2dd4bf1c,#ffffff05);border-color:#2dd4bf57}.tut-path--b{background:linear-gradient(160deg,#00aaff1f,#ffffff05);border-color:#00aaff57}.tut-path-badge{letter-spacing:.14em;text-transform:uppercase;color:#ffffffdb;background:#ffffff1a;border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:.62rem;font-weight:700;display:inline-block}.tut-path h3{color:#fff;margin:0 0 10px;font-size:1.08rem;font-weight:600}.tut-path p{color:var(--text-tertiary,#cfd4ffb8);margin:0;font-size:.92rem;line-height:1.62}.tut-steps{counter-reset:step;margin:0;padding:0;list-style:none}.tut-step+.tut-step{border-top:1px solid #ffffff12;margin-top:46px;padding-top:44px}.tut-step-head{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.tut-step-n{letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1px #8c5fff8c;flex-shrink:0;font-size:2.5rem;font-weight:700;line-height:1}.tut-step-head h3{color:#fff;margin:0;font-size:1.22rem;font-weight:600;line-height:1.35}.tut-step-body{padding-left:72px}.tut-step-body p{color:#dfe5ffd6;margin:0 0 16px;font-size:1rem;line-height:1.72}.tut-step-body p:last-of-type{margin-bottom:0}.tut-step-body strong{color:#fff;font-weight:600}.tut-tips{gap:4px;display:grid}.tut-tip{border-left:2px solid #00d4ff73;padding:20px 0 20px 20px}.tut-tips--warn .tut-tip{border-left-color:#ffd70073}.tut-tip h3{color:#fff;margin:0 0 8px;font-size:1rem;font-weight:600}.tut-tip p{color:var(--text-tertiary,#cfd4ffb8);margin:0;font-size:.96rem;line-height:1.68}.tut-bridge{background:linear-gradient(150deg,#ff6b9d1a,#8c5fff14);border:1px solid #ff6b9d42;border-radius:20px;padding:30px 30px 32px}.tut-bridge h2{color:#fff;letter-spacing:-.01em;text-align:left;margin:0 0 18px;padding-top:0;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:700;line-height:1.24}.tut-bridge h2:before{display:none}.tut-bridge p{color:#dfe5ffdb;margin:0 0 14px;font-size:1rem;line-height:1.7}.tut-bridge strong{color:#fff;font-weight:600}.tut-bridge-cta{letter-spacing:.02em;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;margin-top:10px;padding:12px 22px;font-size:.86rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.tut-bridge-cta:hover{background:#ffffff29;border-color:#ffffff57}.tut-faq{flex-direction:column;gap:10px;display:flex}.tut-faq-item{background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;padding:17px 22px;transition:border-color .2s}.tut-faq-item[open]{border-color:#8c5fff6b}.tut-faq-item summary{cursor:pointer;color:#fff;padding-right:30px;font-size:1rem;font-weight:600;line-height:1.5;list-style:none;position:relative}.tut-faq-item summary::-webkit-details-marker{display:none}.tut-faq-item summary:after{content:"+";color:#a882ffe6;font-size:1.3rem;font-weight:400;position:absolute;top:50%;right:0;transform:translateY(-50%)}.tut-faq-item[open] summary:after{content:"−"}.tut-faq-item p{color:var(--text-tertiary,#cfd4ffb8);margin:12px 0 0;font-size:.96rem;line-height:1.68}.tut-closing{border-top:1px solid #ffffff14;margin-top:20px;padding-top:56px}.tut-closing p{color:#dfe5ffdb;max-width:640px;margin:0 0 26px;font-size:1.03rem;line-height:1.72}.tut-closing-actions{flex-wrap:wrap;gap:14px;display:flex}.tut-cta-primary,.tut-cta-secondary{letter-spacing:.03em;border-radius:999px;padding:14px 28px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-block}.tut-cta-primary{color:#0b0a1f;background:linear-gradient(120deg,#00d4ff,#8c5fff);box-shadow:0 12px 34px #00aaff4d}.tut-cta-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #00aaff6b}.tut-cta-secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff29}.tut-cta-secondary:hover{background:#ffffff1f}@media (max-width:1024px){.tut-video{grid-template-columns:1fr;gap:22px}.tut-body{grid-template-columns:1fr;gap:0;margin-top:42px}.tut-toc-inner{background:#ffffff09;border:1px solid #ffffff1a;border-radius:16px;padding:20px 22px;position:static}.tut-toc ol{-moz-columns:2;columns: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:30px 0 26px}.tut-section{padding-top:48px}.tut-toc ol{-moz-columns:1;columns: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{text-align:center;flex:100%}}@media (prefers-reduced-motion:reduce){.tut-cta-primary,.tut-cta-secondary,.tut-bridge-cta{transition:none}.tut-cta-primary:hover{transform:none}}
