@font-face{font-family:Anton;src:url(/fonts/anton-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fefc}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fefc}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fefc}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fefc}:root{--paper:#F2F1EC;--ink:#0D0D0C;--ink2:#2B2A27;--mute:#55534E;--hair:rgba(13,13,12,.18);--red:#E1251B;--m:48px;--f:"Anton","Noto Kufi Arabic",Impact,"Arial Narrow",sans-serif;--t:"Inter","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}@media (max-width:720px){:root{--m:16px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--t);-webkit-font-smoothing:antialiased}a{color:inherit}[hidden]{display:none!important}.nav{display:flex;justify-content:space-between;gap:16px;padding:14px var(--m);border-bottom:2px solid var(--ink)}.nav,.nav .word{align-items:center}.nav .word{display:inline-flex;gap:4px;font:400 24px/1 var(--f);text-decoration:none}.nav .word .mark{width:34px;height:34px;flex:none}.nav .back{font-size:16px}main{max-width:46em;margin:0 auto;padding:40px var(--m) 72px}h1,h2,h3{font-family:var(--f);font-weight:400;margin:0}h1{font-size:clamp(44px,7vw,80px);line-height:.98}h2{font-size:clamp(28px,4vw,40px);line-height:1.05}h3{font-size:22px;line-height:1.15;letter-spacing:.01em}p{margin:10px 0 0}.lead,p{color:var(--ink2)}.lead{font-size:20px;margin-top:14px}.small{font-size:15px;color:var(--mute)}section.box{margin-top:36px;padding-top:18px;border-top:2px solid var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;border:0;font:400 20px/1 var(--f);letter-spacing:.02em;padding:15px 22px 14px;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(.94)}.btn:disabled{opacity:.55;cursor:default}.btn.ink{background:var(--ink)}.btn.quiet{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:13px 20px 12px}.link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}form.line{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}input[type=email],input[type=text]{flex:1 1 260px;min-width:0;font:400 18px/1.2 var(--t);padding:14px;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:0}.btn:focus-visible,.link:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:2px}.msg{margin-top:12px;font-size:16px;min-height:1.4em}.msg.err{color:var(--red)}.copy{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:12px}.copy code{flex:1 1 240px;min-width:0;overflow-wrap:anywhere;font:600 18px/1.3 ui-monospace,Cascadia Mono,Consolas,monospace;background:#fff;border:2px solid var(--ink);padding:13px 14px}ol.steps{margin:14px 0 0;padding-left:1.3em}ol.steps li{margin:8px 0;color:var(--ink2)}footer{border-top:2px solid var(--ink);padding:14px var(--m) 28px;font-size:16px;color:var(--mute);display:flex;flex-wrap:wrap;gap:8px 24px}[dir=rtl] .btn,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] h1{font-weight:800;font-synthesis:none;line-height:1.3}[dir=rtl] h2{line-height:1.35}[dir=rtl] h3{line-height:1.4}[dir=rtl] .btn{line-height:1.3;padding-top:11px;padding-bottom:12px}[dir=rtl] .btn.quiet{padding-top:9px;padding-bottom:10px}[dir=rtl] ol.steps{padding-left:0;padding-right:1.3em}[dir=rtl] .copy code,[dir=rtl] input[type=email]{direction:ltr;text-align:right}.lessons{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:22px;gap:22px}.lessons video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;margin-bottom:8px}.lessons b{font-size:17px}.lessons .small{margin:4px 0 0}.navr{align-items:center;gap:16px}.langs,.navr{display:inline-flex}.langs{gap:12px}.langs .link{font-weight:600}.lessons .poster{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;margin:0 0 8px;background:#000;border-radius:6px;overflow:hidden;cursor:pointer}.lessons .poster img{display:block;width:100%;height:100%;object-fit:cover}.lessons .play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(17,17,17,.72);display:grid;place-items:center;transition:transform .15s}.lessons .play svg{width:30px;height:30px;fill:#fff;margin-left:4px}.lessons .poster:focus-visible .play,.lessons .poster:hover .play{transform:scale(1.08)}.tabs{display:flex;gap:6px 30px;margin-top:26px;border-bottom:2px solid var(--ink);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;position:relative;background:none;border:0;padding:12px 0 13px;font:400 23px/1 var(--f);letter-spacing:.01em;color:var(--mute);cursor:pointer}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:0;bottom:0;height:5px;background:var(--red)}.tab:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.panel{padding-top:6px}.panel .next,.panel h3{margin-top:30px}.panel .next{font-size:17px}@media (max-width:720px){.tabs{gap:4px 22px;margin-inline:calc(-1 * var(--m));padding-inline:var(--m)}.tab{font-size:21px}}main.wide{max-width:none}main.wide .copy,main.wide form.line,main.wide ol.steps,main.wide p{max-width:46em}main.wide .lessons p{max-width:none}select{flex:1 1 260px;min-width:0;font:400 18px/1.2 var(--t);padding:13px 12px;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:0}select:focus-visible{outline:3px solid var(--red);outline-offset:2px}