.video-frame[data-astro-cid-c5can6x7]{aspect-ratio:16/9;border:8px solid var(--navy-deep);background:var(--navy-deep);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}iframe[data-astro-cid-c5can6x7]{border:0;width:100%;height:100%}.video-empty[data-astro-cid-c5can6x7]{background:linear-gradient(145deg, var(--navy), var(--blue));width:100%;height:100%;color:var(--white);text-align:center;place-content:center;justify-items:center;display:grid;position:relative;overflow:hidden}.video-empty[data-astro-cid-c5can6x7]:before,.video-empty[data-astro-cid-c5can6x7]:after{content:"";border:1px solid #fff3;border-radius:50%;position:absolute}.video-empty[data-astro-cid-c5can6x7]:before{width:300px;height:300px;bottom:-140px;left:-170px}.video-empty[data-astro-cid-c5can6x7]:after{width:220px;height:220px;top:-80px;right:-120px}.video-interface[data-astro-cid-c5can6x7]{position:absolute;inset:0}.video-url[data-astro-cid-c5can6x7]{background:#ffffff21;border-radius:999px;padding:6px 12px;font-size:.65rem;position:absolute;top:16px;left:18px}.play-button[data-astro-cid-c5can6x7]{background:var(--yellow);width:66px;height:66px;color:var(--navy);border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-76%)}.video-progress[data-astro-cid-c5can6x7]{background:linear-gradient(90deg, var(--yellow) 28%, #ffffff47 28%);border-radius:9px;height:4px;position:absolute;bottom:16px;left:18px;right:18px}.video-empty[data-astro-cid-c5can6x7]>strong[data-astro-cid-c5can6x7],.video-empty[data-astro-cid-c5can6x7]>span[data-astro-cid-c5can6x7]{z-index:2;margin-top:72px;position:relative}.video-empty[data-astro-cid-c5can6x7]>span[data-astro-cid-c5can6x7]{color:#ffffffad;margin-top:4px;font-size:.72rem}code[data-astro-cid-c5can6x7]{color:var(--yellow)}.tutorials[data-astro-cid-msmxeea6]{padding-block:30px 90px}.tutorial[data-astro-cid-msmxeea6]{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);align-items:center;gap:clamp(38px,8vw,90px);padding-block:74px;display:grid}.tutorial-reverse[data-astro-cid-msmxeea6] .tutorial-copy[data-astro-cid-msmxeea6]{order:2}.tutorial-reverse[data-astro-cid-msmxeea6] .video-frame{order:1}.tutorial-number[data-astro-cid-msmxeea6]{color:var(--blue);margin-bottom:18px;font-size:.8rem;font-weight:900;display:block}.tutorial[data-astro-cid-msmxeea6] h2[data-astro-cid-msmxeea6]{color:var(--navy);letter-spacing:-.04em;margin:4px 0 17px;font-size:clamp(2rem,4vw,3rem);line-height:1.06}.tutorial-copy[data-astro-cid-msmxeea6]>p[data-astro-cid-msmxeea6]:not(.eyebrow){color:var(--muted)}.duration[data-astro-cid-msmxeea6]{background:var(--surface);color:var(--muted);border-radius:999px;margin:11px 0 22px;padding:6px 11px;font-size:.73rem;font-weight:800;display:inline-flex}.tutorial[data-astro-cid-msmxeea6] .text-link[data-astro-cid-msmxeea6]{width:fit-content;display:flex}.practice-section[data-astro-cid-msmxeea6]{background:var(--blue-soft);padding-block:74px}.practice-card[data-astro-cid-msmxeea6]{background:var(--navy);color:var(--white);border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:clamp(28px,5vw,48px);display:grid}.practice-card[data-astro-cid-msmxeea6]>span[data-astro-cid-msmxeea6]{background:var(--yellow);width:72px;height:72px;color:var(--navy);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;display:grid}.practice-card[data-astro-cid-msmxeea6] .eyebrow[data-astro-cid-msmxeea6]{color:var(--cyan)}.practice-card[data-astro-cid-msmxeea6] h2[data-astro-cid-msmxeea6]{margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}.practice-card[data-astro-cid-msmxeea6] p[data-astro-cid-msmxeea6]:last-child{color:#ffffffad;margin:6px 0 0}@media (width<=850px){.tutorial[data-astro-cid-msmxeea6]{grid-template-columns:1fr}.tutorial-reverse[data-astro-cid-msmxeea6] .tutorial-copy[data-astro-cid-msmxeea6],.tutorial-reverse[data-astro-cid-msmxeea6] .video-frame{order:initial}.practice-card[data-astro-cid-msmxeea6]{grid-template-columns:auto 1fr}.practice-card[data-astro-cid-msmxeea6] .button[data-astro-cid-msmxeea6]{grid-column:1/-1}}@media (width<=600px){.guides-count[data-astro-cid-msmxeea6]{width:125px;height:125px}.guides-count[data-astro-cid-msmxeea6] strong[data-astro-cid-msmxeea6]{font-size:3rem}.tutorial[data-astro-cid-msmxeea6]{padding-block:54px}.practice-card[data-astro-cid-msmxeea6]{grid-template-columns:1fr}}