.tutorial-hub{padding-top:70px;padding-bottom:70px}.tutorial-hub .lead{max-width:620px}.tutorial-hub .consoles{margin:40px 0}.hub-note{margin-top:45px;padding-top:35px;border-top:1px solid #2b404d}.hub-note h2{font-size:28px;margin-bottom:18px}.hub-note p{color:#b4c8d5;max-width:670px}.tutorial-head{padding-top:35px}.breadcrumb{font-size:12px;color:#9fb7c7;display:inline-block;margin-bottom:35px}.tutorial-title{display:flex;justify-content:space-between;align-items:center;gap:35px}.tutorial-title h1{font-size:clamp(38px,4.8vw,64px)}.tutorial-title .lead{max-width:650px}.console-badge{font-size:clamp(60px,8vw,108px);font-weight:750;letter-spacing:-.075em;color:#98d5ee;border:1px solid #365366;background:radial-gradient(ellipse at top right,#2e6682aa,transparent 75%),#12212d;border-radius:28px;width:240px;min-height:200px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);flex-shrink:0}.console-badge.green{color:#b1deb1;background:radial-gradient(ellipse at top right,#315b43aa,transparent 75%),#14251e;font-size:70px;letter-spacing:-.05em}.tutorial-jumps{display:flex;gap:30px;border-top:1px solid #293e4c;border-bottom:1px solid #293e4c;padding:20px 0;font-size:13px;font-weight:600;flex-wrap:wrap}.tutorial-jumps a{color:#b8d4e2}.preparation{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;margin-bottom:50px}.preparation>div,.preparation>aside{padding:25px;border-radius:10px;background:#111e28;border:1px solid #293f4e}.preparation .eyebrow{margin-bottom:13px}.preparation p{font-size:14px;color:#bfd0da;margin:0;line-height:1.8}.preparation>aside{background:#27251c;border-color:#615338}.preparation strong{display:block;color:#ebcf8c;font-size:14px;margin-bottom:10px}.code-callout{background:linear-gradient(115deg,#173527,#12271f);border:1px solid #537c57;border-radius:13px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.code-callout h2{font-size:26px;margin-bottom:12px}.code-callout .eyebrow{color:#aad4a8;display:block;margin-bottom:12px}.code-callout p:not(.eyebrow){font-size:14px;color:#bad0c4;margin:0}.code-button{background:#b9e4a4;border-color:#b9e4a4;color:#14271c;white-space:normal;text-align:center;flex-shrink:0}.code-button:hover{background:#d2efc5;color:#102119}.video-section{padding-bottom:50px}.video-section h2{font-size:33px}.video-shell{aspect-ratio:16/9;background:radial-gradient(ellipse at 70% 30%,#23475d,transparent 65%),#101d28;border:1px solid #314e60;border-radius:16px;overflow:hidden;position:relative}.video-launch{width:100%;height:100%;position:absolute;inset:0;border:0;background:transparent;color:#eff6fa;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;font:inherit}.video-platform{font-size:12px;letter-spacing:.2em;color:#92bbcf}.play-mark{border:1px solid #d9c48e;color:#e4c98b;border-radius:50%;width:84px;height:84px;display:grid;place-items:center;font-size:24px;padding-left:5px;background:#101c26;transition:transform .2s}.video-launch:hover .play-mark{transform:scale(1.08)}.video-launch strong{font-size:22px}.video-launch small{font-size:12px;color:#a2bac9}.video-shell iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.walkthrough{display:grid;grid-template-columns:280px 1fr;gap:60px;padding-top:40px;padding-bottom:20px}.progress-panel{position:sticky;top:120px;align-self:start}.progress-panel h2{font-size:35px}.progress-panel>p:not(.eyebrow){color:#a3bbc9;font-size:14px;margin-top:20px}.progress-panel>label{display:flex;justify-content:space-between;font-size:11px;color:#aac5d5;gap:10px;margin-top:28px}.progress-panel progress{display:block;width:100%;height:7px;margin-top:12px;border:0;border-radius:8px;overflow:hidden;background:#243846;accent-color:#e4c98b}.progress-panel progress::-webkit-progress-bar{background:#243846}.progress-panel progress::-webkit-progress-value{background:#e4c98b}.reset-progress{display:block;font:inherit;font-size:11px;color:#9ebacb;background:none;border:0;padding:12px 0;margin-bottom:22px;text-decoration:underline;cursor:pointer}.tutorial-step{padding:28px;margin-bottom:18px;background:#111f2a;border:1px solid #293f4f;border-radius:12px;scroll-margin-top:115px}.step-heading{display:flex;gap:20px;align-items:start}.step-heading>span{font-size:20px;color:#e4c98b;font-weight:600;line-height:1.2}.step-heading h3{font-size:23px}.step-body{padding-left:46px;margin-top:20px;font-size:15px;color:#c0d0da;line-height:1.85}.step-body strong{color:#edf5f9}.menu-path{display:block;background:#0a151e;border-left:3px solid #72a8c1;padding:12px 16px;margin:13px 0;color:#dbedf7;font-size:14px;line-height:1.8}.step-tip{font-size:12px;color:#a9bfce;padding-top:17px;margin-top:17px;border-top:1px solid #2a4050}.step-check{display:flex;gap:12px;align-items:center;font-size:12px;color:#c7dce8;cursor:pointer;min-height:36px}.step-check input{accent-color:#e4c98b;width:18px;height:18px;flex-shrink:0}.tutorial-step.done{border-color:#6f8152}.tutorial-step.done .step-heading>span{color:#b9d59d}.inline-code{margin-top:18px;margin-bottom:15px}.inline-code .button{font-size:13px;padding:12px 18px;min-height:46px}.branch-grid{display:grid;gap:15px}.branch-grid>div{border-left:3px solid #729a67;padding:17px;background:#10241e;border-radius:0 8px 8px 0}.branch-grid>div+div{border-color:#d8bf85;background:#26251e}.branch-grid h4{font-size:15px;color:#edf5f9;margin:0 0 10px}.branch-grid p{font-size:14px;margin:0}.completion{padding:25px;border:1px solid #6b895d;background:#192b22;border-radius:10px}.completion p{font-size:12px;color:#bed0c3;margin:10px 0 0}.support-strip{margin-top:65px;margin-bottom:30px;border:1px solid #314c60;background:#142633;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px}.support-strip h2{font-size:30px}.support-strip p:not(.eyebrow){font-size:13px;color:#b4c8d6;margin:16px 0 0;max-width:620px}.support-strip .button{flex-shrink:0;font-size:13px}.closing-links{display:flex;justify-content:space-between;gap:25px;margin-bottom:60px;font-size:12px;color:#a8c7d9}.tutorial-head+.preparation .eyebrow{font-size:10px}.walkthrough button:focus-visible,.video-launch:focus-visible,.step-check input:focus-visible{outline:3px solid #e4c98b;outline-offset:4px}@media(max-width:950px){.walkthrough{grid-template-columns:220px 1fr;gap:30px}.code-callout,.support-strip{flex-direction:column;align-items:flex-start}.console-badge{width:180px;min-height:170px}.console-badge.green{font-size:55px}}@media(max-width:680px){.tutorial-hub{padding-top:40px}.tutorial-hub h1{font-size:39px}.tutorial-title{display:block}.console-badge{display:none}.tutorial-head{padding-top:23px}.breadcrumb{margin-bottom:27px}.tutorial-title h1{font-size:39px}.tutorial-jumps{gap:15px 20px;font-size:12px;padding:17px 0}.preparation{grid-template-columns:1fr;gap:13px;margin-top:24px;margin-bottom:35px}.preparation>div,.preparation>aside{padding:20px}.code-callout{padding:23px;gap:20px}.code-callout h2{font-size:24px}.code-callout .button{width:100%;font-size:13px;gap:12px;padding:14px 12px}.video-section .section-heading{margin-bottom:22px}.video-section h2{font-size:28px;margin-bottom:20px}.video-launch{gap:12px}.video-platform{font-size:8px;letter-spacing:.14em}.play-mark{width:47px;height:47px;font-size:17px}.video-launch strong{font-size:13px}.video-launch small{font-size:9px}.walkthrough{grid-template-columns:1fr;gap:20px;padding-top:15px}.progress-panel{position:static;background:#0d1a23;border:1px solid #243e4f;border-radius:12px;padding:24px}.progress-panel h2{font-size:29px}.progress-panel h2 br{display:none}.progress-panel>p:not(.eyebrow){margin-top:14px}.progress-panel>label{margin-top:18px}.reset-progress{margin-bottom:10px}.tutorial-step{padding:23px 18px}.step-heading{gap:13px}.step-heading h3{font-size:21px}.step-heading>span{font-size:17px}.step-body{padding-left:0;font-size:14px;margin-top:19px}.menu-path{font-size:13px;padding:11px 13px}.support-strip{padding:25px 20px;margin-top:40px}.support-strip h2{font-size:27px}.support-strip .button{width:100%;padding:13px 10px;font-size:12px}.closing-links{flex-direction:column;gap:18px}.inline-code .button{width:100%;font-size:12px;gap:10px}.faq-section{padding-top:45px}}

.faq details a.code-button{color:#14271c;text-decoration:none}.faq details a.code-button:hover{color:#102119;background:#d2efc5}

.account-warning{border:1px solid #ae8651;border-left:4px solid #e4c98b;background:#282219;border-radius:12px;padding:25px 28px;margin-bottom:42px}.account-warning>strong{font-size:20px;color:#f2dbaa}.account-warning p{font-size:14px;line-height:1.8;color:#e0d3bc;margin:12px 0 0}.account-warning .permanent-loss{padding-top:15px;border-top:1px solid #775c3d;color:#ffe0ce}.account-warning .permanent-loss strong{color:#ffe0ce}