.tutorial-v40{--t40-ink:#172033;--t40-muted:#667085;--t40-line:#e3e7ef;--t40-soft:#f7f8fc;--t40-primary:#4f46e5;--t40-primary-soft:#eeedff;--t40-green:#15803d;max-width:1420px;margin:0 auto;display:grid;gap:22px;color:var(--t40-ink)}
.tutorial-v40 a{text-decoration:none}.tutorial-v40-hero{border:1px solid #dadfea;border-radius:22px;background:linear-gradient(135deg,#3730a3 0%,#4f46e5 62%,#6366f1 100%);color:#fff;padding:30px 34px;display:flex;justify-content:space-between;gap:28px;align-items:center;box-shadow:0 18px 45px rgba(47,43,145,.14);overflow:hidden;position:relative}.tutorial-v40-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-100px;top:-110px;box-shadow:-48px 18px 0 0 rgba(255,255,255,.025),-96px 38px 0 0 rgba(255,255,255,.02)}.tutorial-v40-hero>div{position:relative;z-index:1}.tutorial-v40-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.09em;margin-bottom:9px;color:#dddafe}.tutorial-v40-hero h1{font-size:31px;line-height:1.1;margin:0 0 9px;font-weight:800}.tutorial-v40-hero p{max-width:830px;margin:0;color:#ecebff;font-size:14px;line-height:1.6}.tutorial-v40-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.tutorial-v40-badges span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.tutorial-v40-hero-actions{display:flex;gap:9px;flex:0 0 auto}.tutorial-v40-hero-actions .btn{min-width:120px;white-space:nowrap}.tutorial-v40-hero-actions .btn-primary{background:#fff;color:#4338ca;border-color:#fff}.tutorial-v40-hero-actions .btn-primary:hover{background:#f4f3ff;color:#3730a3;border-color:#f4f3ff}
.tutorial-v40-toc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;background:#fff;border:1px solid var(--t40-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.tutorial-v40-toc a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;color:#475467;font-size:12px;font-weight:700;min-width:0}.tutorial-v40-toc a:hover{background:var(--t40-primary-soft);color:#4338ca}.tutorial-v40-toc b{width:26px;height:26px;border-radius:8px;background:#f0f2f7;color:#667085;display:grid;place-items:center;font-size:10px;flex:0 0 auto}.tutorial-v40-toc a:hover b{background:#ddd9ff;color:#4338ca}.tutorial-v40-toc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tutorial-v40-section{scroll-margin-top:20px;background:#fff;border:1px solid var(--t40-line);border-radius:20px;padding:27px;box-shadow:0 10px 30px rgba(15,23,42,.035)}.tutorial-v40-section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.tutorial-v40-section-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--t40-primary-soft);color:var(--t40-primary);font-size:12px;font-weight:900;flex:0 0 auto}.tutorial-v40-section-head h2{font-size:22px;margin:1px 0 5px;font-weight:800;color:#202939}.tutorial-v40-section-head p{margin:0;color:var(--t40-muted);font-size:13px;line-height:1.55}.tutorial-v40-notice{display:flex;align-items:flex-start;gap:12px;background:#f4f3ff;border:1px solid #ddd9ff;border-radius:14px;padding:14px 16px;margin-bottom:18px}.tutorial-v40-notice>i{font-size:20px;color:#4f46e5}.tutorial-v40-notice strong{font-size:13px}.tutorial-v40-notice p{font-size:12px;color:#5f5a7c;margin:3px 0 0;line-height:1.5}
.tutorial-v40-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.tutorial-v40-module{border:1px solid var(--t40-line);border-radius:14px;padding:14px;display:flex;gap:11px;align-items:flex-start;color:var(--t40-ink);background:#fff;min-height:84px;transition:.16s ease}.tutorial-v40-module:hover{border-color:#c9c5ff;background:#fafaff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(79,70,229,.07)}.tutorial-v40-module>i{width:34px;height:34px;border-radius:10px;background:var(--t40-primary-soft);color:var(--t40-primary);display:grid;place-items:center;font-size:15px;flex:0 0 auto}.tutorial-v40-module strong{display:block;font-size:13px;margin-bottom:3px}.tutorial-v40-module small{display:block;font-size:11px;color:var(--t40-muted);line-height:1.45}
.tutorial-v40-steps{display:grid;gap:11px}.tutorial-v40-steps>article{display:grid;grid-template-columns:42px 1fr;gap:13px;border:1px solid var(--t40-line);border-radius:14px;padding:15px;background:#fff}.tutorial-v40-steps>article>b{width:36px;height:36px;border-radius:10px;background:#eef2ff;color:#4338ca;display:grid;place-items:center;font-size:13px}.tutorial-v40-steps h3{font-size:14px;font-weight:800;margin:0 0 5px}.tutorial-v40-steps p{font-size:12px;line-height:1.6;color:#5d6878;margin:0}.tutorial-v40-steps a,.tutorial-v40-process-grid a{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:#4f46e5;font-size:11px;font-weight:800}.tutorial-v40-steps a:hover,.tutorial-v40-process-grid a:hover{text-decoration:underline}
.tutorial-v40-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tutorial-v40-flow-card{border:1px solid var(--t40-line);border-radius:16px;overflow:hidden;background:#fff}.tutorial-v40-flow-card>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--t40-line);background:#fafbfe}.tutorial-v40-flow-card>header>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--t40-primary-soft);color:var(--t40-primary);font-size:17px}.tutorial-v40-flow-card>header>div{flex:1}.tutorial-v40-flow-card h3{font-size:14px;font-weight:800;margin:0}.tutorial-v40-flow-card header p{font-size:11px;color:var(--t40-muted);margin:2px 0 0}.tutorial-v40-flow-card header a{font-size:11px;font-weight:800;color:#4f46e5}.tutorial-v40-flow-card ol{margin:0;padding:16px 19px 18px 38px}.tutorial-v40-flow-card li{font-size:12px;color:#596579;line-height:1.55;padding-left:3px;margin-bottom:9px}.tutorial-v40-flow-card li:last-child{margin-bottom:0}.tutorial-v40-flow-card li strong{color:#273247}
.tutorial-v40-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tutorial-v40-process-grid>article{position:relative;border:1px solid var(--t40-line);border-radius:16px;padding:17px;background:#fff}.tutorial-v40-icon{width:39px;height:39px;border-radius:11px;background:var(--t40-primary-soft);color:var(--t40-primary);display:grid;place-items:center;font-size:17px;margin-bottom:11px}.tutorial-v40-process-grid h3{font-size:14px;font-weight:800;margin:0 0 8px}.tutorial-v40-process-grid ol{padding-left:19px;margin:0}.tutorial-v40-process-grid li{font-size:11.5px;color:#5f6b7d;line-height:1.55;margin-bottom:7px;padding-left:2px}.tutorial-v40-process-grid li:last-child{margin-bottom:0}
.tutorial-v40-flowline{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--t40-line);border-radius:15px;background:#fafbfe;padding:14px;margin-bottom:16px;overflow:auto}.tutorial-v40-flowline>span{min-width:118px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #e1e5ec;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800;white-space:nowrap}.tutorial-v40-flowline>span b{width:21px;height:21px;border-radius:7px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:9px}.tutorial-v40-flowline>span.done{background:#eefaf2;border-color:#cdebd6;color:#166534}.tutorial-v40-flowline>span.done b{background:#d9f4e1;color:#15803d}.tutorial-v40-flowline>i{color:#98a2b3}.tutorial-v40-tip{display:flex;gap:13px;align-items:flex-start;border-radius:14px;padding:15px 16px;background:#fff9ed;border:1px solid #f3dfb3;margin-top:15px}.tutorial-v40-tip>i{width:36px;height:36px;border-radius:10px;background:#fff1cc;color:#a16207;display:grid;place-items:center}.tutorial-v40-tip strong{font-size:13px}.tutorial-v40-tip p{font-size:11.5px;color:#705e3e;line-height:1.5;margin:3px 0}.tutorial-v40-tip a{font-size:11px;font-weight:800;color:#925d09}
.tutorial-v40-routine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.tutorial-v40-routine article{border:1px solid var(--t40-line);border-radius:16px;padding:17px;background:#fafbfe}.tutorial-v40-routine i{font-size:21px;color:#4f46e5}.tutorial-v40-routine span{display:block;margin:10px 0 4px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#667085}.tutorial-v40-routine h3{font-size:14px;margin:0 0 5px;font-weight:800}.tutorial-v40-routine p{font-size:11.5px;color:#667085;line-height:1.55;margin:0}.tutorial-v40-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tutorial-v40-rules article{display:flex;gap:11px;border:1px solid var(--t40-line);border-radius:13px;padding:13px}.tutorial-v40-rules i{color:#4f46e5;font-size:18px}.tutorial-v40-rules strong{font-size:12px}.tutorial-v40-rules p{margin:3px 0 0;font-size:11px;color:#667085;line-height:1.5}.tutorial-v40-finish{margin-top:17px;padding:17px;border-radius:15px;background:#eef2ff;border:1px solid #d9ddff;display:flex;align-items:center;gap:13px}.tutorial-v40-finish>i{font-size:25px;color:#4f46e5}.tutorial-v40-finish>div{flex:1}.tutorial-v40-finish h3{font-size:13px;margin:0 0 3px;font-weight:800}.tutorial-v40-finish p{font-size:11.5px;color:#5b6582;margin:0;line-height:1.5}.tutorial-v40-finish .btn{white-space:nowrap}
@media(max-width:1200px){.tutorial-v40-toc{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-v40-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tutorial-v40-hero{align-items:flex-start;flex-direction:column}.tutorial-v40-hero-actions{width:100%}.tutorial-v40-hero-actions .btn{flex:1}.tutorial-v40-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-v40-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-v40-split,.tutorial-v40-process-grid,.tutorial-v40-routine{grid-template-columns:1fr}.tutorial-v40-rules{grid-template-columns:1fr}.tutorial-v40-flowline{justify-content:flex-start}}
@media(max-width:600px){.tutorial-v40{gap:14px}.tutorial-v40-hero{padding:22px 19px;border-radius:17px}.tutorial-v40-hero h1{font-size:25px}.tutorial-v40-section{padding:19px 15px;border-radius:16px}.tutorial-v40-toc{grid-template-columns:1fr}.tutorial-v40-module-grid{grid-template-columns:1fr}.tutorial-v40-finish{align-items:flex-start;flex-wrap:wrap}.tutorial-v40-finish .btn{width:100%}.tutorial-v40-section-head h2{font-size:19px}}
@media print{.sidebar,.topbar,.tutorial-v40-hero-actions,.tutorial-v40-toc,.tutorial-v40 a.btn{display:none!important}.main{margin:0!important}.content{padding:0!important}.tutorial-v40{max-width:none}.tutorial-v40-hero{box-shadow:none;background:#fff!important;color:#111;border:1px solid #bbb}.tutorial-v40-hero p,.tutorial-v40-eyebrow{color:#444}.tutorial-v40-badges span{color:#333;background:#fff;border-color:#bbb}.tutorial-v40-section{break-inside:avoid;box-shadow:none}.tutorial-v40-module,.tutorial-v40-steps>article,.tutorial-v40-flow-card,.tutorial-v40-process-grid>article{break-inside:avoid}}