@font-face{font-family:Noto Sans Bengali;font-weight:100 900;src:url(/_next/static/media/NotoSansBengali-Variable.b8609988.ttf) format("truetype-variations")}.tutorial-deck{--bg:#f4f7f5;--card:#fff;--ink:#172033;--muted:#64748b;--line:#dbe3e8;--accent:#ea580c;--accent-soft:#ffedd5;color-scheme:light}.tutorial-deck[data-theme=dark]{--bg:#08111f;--card:#111d2e;--ink:#f8fafc;--muted:#a8b3c4;--line:#334155;--accent:#fb923c;--accent-soft:#431b0c;color-scheme:dark}.tutorial-deck *{box-sizing:border-box;margin:0}.tutorial-deck{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Noto Sans Bengali,Inter,system-ui,sans-serif}.tutorial-deck a,.tutorial-deck button{font:inherit}.tutorial-deck #deck{height:100%;display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}.tutorial-deck .slide{flex:0 0 100vw;width:100vw;height:100%;overflow-y:auto;padding:clamp(24px,5vh,64px) clamp(20px,6vw,90px) clamp(92px,12vh,120px);display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:clamp(16px,2.5vh,30px)}.tutorial-deck .title-slide{text-align:center;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),var(--bg)}.tutorial-deck .eyebrow{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:.45rem 1rem;font-size:clamp(12px,1.2vw,18px);font-weight:800}.tutorial-deck h1{max-width:1100px;font-size:clamp(34px,5.7vw,86px);line-height:1.12;font-weight:800}.tutorial-deck .description{max-width:780px;color:var(--muted);font-size:clamp(16px,1.7vw,26px);line-height:1.55}.tutorial-deck .step-slide{justify-content:center}.tutorial-deck .step-card{width:min(1400px,100%);min-height:min(78vh,820px);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.4fr);gap:clamp(28px,4vw,72px);align-items:center}.tutorial-deck .step-copy{min-width:0;display:flex;flex-direction:column;gap:clamp(14px,2vh,24px)}.tutorial-deck .visual{min-height:0;width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.tutorial-deck .visual img{display:block;width:auto;max-width:100%;max-height:74vh;object-fit:contain;border-radius:18px;background:var(--card);box-shadow:0 20px 60px rgba(15,23,42,.22)}.tutorial-deck .copy{width:min(1000px,100%);color:var(--ink);font-size:clamp(15px,1.45vw,23px);line-height:1.6}.tutorial-deck .copy h1,.tutorial-deck .copy h2,.tutorial-deck .copy h3{max-width:none;margin:.15em 0 .4em;font-size:clamp(22px,2.6vw,42px);line-height:1.25}.tutorial-deck .copy ol,.tutorial-deck .copy p+p,.tutorial-deck .copy pre,.tutorial-deck .copy ul{margin-top:.65em}.tutorial-deck .copy ol,.tutorial-deck .copy ul{padding-left:1.4em}.tutorial-deck .copy a{color:var(--accent);font-weight:700}.tutorial-deck .copy :not(pre)>code,.tutorial-deck .copy strong{display:inline-block;max-width:calc(100% - .2em);margin:.15em .1em;vertical-align:baseline;overflow-wrap:anywhere;border:1px solid #ddd6fe;border-radius:.35rem;background:#ede9fe;color:#5b21b6;padding:.1em .35em;font:600 .95em Noto Sans Bengali,Inter,system-ui,sans-serif;line-height:1.35}.tutorial-deck[data-theme=dark] .copy :not(pre)>code,.tutorial-deck[data-theme=dark] .copy strong{border-color:#6d28d9;background:#2e1065;color:#ede9fe}.tutorial-deck .copy pre{overflow:auto;border-radius:.75rem;background:#111827;color:#f8fafc;padding:1rem}.tutorial-deck .copy blockquote{margin-top:.65em;border-left:4px solid var(--accent);padding-left:1rem;color:var(--muted)}.tutorial-deck #topnav{position:fixed;z-index:10;top:14px;left:14px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100vw - 28px)}.tutorial-deck #topnav a{display:inline-flex;min-height:42px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(12,30,56,.86);color:#fff;padding:7px 14px;text-decoration:none;font-size:14px;font-weight:700;backdrop-filter:blur(8px)}.tutorial-deck #topnav a:focus-visible,.tutorial-deck #topnav a:hover{outline:none;background:var(--accent)}.tutorial-deck #nav{position:fixed;z-index:10;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border-radius:999px;background:rgba(12,30,56,.88);color:#fff;padding:6px 10px;font:600 14px Inter,sans-serif;backdrop-filter:blur(8px)}.tutorial-deck #nav button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:18px}.tutorial-deck #nav button:focus-visible,.tutorial-deck #nav button:hover{outline:none;background:var(--accent)}.tutorial-deck #count{min-width:55px;text-align:center;white-space:nowrap}.tutorial-deck #bar{position:fixed;z-index:11;left:0;bottom:0;height:5px;background:var(--accent);transition:width .4s}@media (max-width:700px){.tutorial-deck .slide{justify-content:flex-start;padding:74px 16px 96px}.tutorial-deck .title-slide{justify-content:center}.tutorial-deck .step-card{min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.tutorial-deck .visual{flex:none}.tutorial-deck .visual img{max-height:52vh;border-radius:12px}.tutorial-deck .copy{font-size:16px}.tutorial-deck #topnav{flex-wrap:nowrap}.tutorial-deck #topnav a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:12px}}@media print{.tutorial-deck #bar,.tutorial-deck #nav,.tutorial-deck #topnav{display:none}.tutorial-deck{height:auto;overflow:visible}.tutorial-deck #deck{display:block;transform:none!important}.tutorial-deck .slide{height:100vh;page-break-after:always}}.tutorial-deck{position:fixed;inset:0;z-index:40}@media print{.tutorial-deck{position:static;inset:auto;height:auto;overflow:visible}}