html{font-size: 62.5%;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}body{font-size: 1.8rem;line-height: 1.618;max-width: 38em;margin: auto;color: #222222;background-color: #ffffff;padding: 13px;}@media (max-width: 684px){body{font-size: 1.53rem;}}@media (max-width: 382px){body{font-size: 1.35rem;}}h1,h2,h3,h4,h5,h6{line-height: 1.1;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-weight: 700;margin-top: 3rem;margin-bottom: 1.5rem;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-word;}h1{font-size: 2.35em;}h2{font-size: 2em;}h3{font-size: 1.75em;}h4{font-size: 1.5em;}h5{font-size: 1.25em;}h6{font-size: 1em;}p{margin-top: 0px;margin-bottom: 2.5rem;}small,sub,sup{font-size: 75%;}hr{border-color: #007559;}a{text-decoration: none;color: #007559;}a:visited{color: #004232;}a:hover{color: #006994;border-bottom: 2px solid #222222;}ul{padding-left: 1.4em;margin-top: 0px;margin-bottom: 2.5rem;}li{margin-bottom: 0.4em;}blockquote{margin-left: 0px;margin-right: 0px;padding-left: 1em;padding-top: 0.8em;padding-bottom: 0.8em;padding-right: 0.8em;border-left: 5px solid #007559;margin-bottom: 2.5rem;background-color: #f7f7f7;}blockquote p{margin-bottom: 0;}img,video{height: auto;max-width: 100%;margin-top: 0px;margin-bottom: 2.5rem;}pre{background-color: #f7f7f7;display: block;padding: 1em;overflow-x: auto;margin-top: 0px;margin-bottom: 2.5rem;font-size: 0.9em;}code,kbd,samp{font-size: 0.9em;padding: 0 0.5em;background-color: #f7f7f7;white-space: pre-wrap;}pre > code{padding: 0;background-color: transparent;white-space: pre;font-size: 1em;}table{text-align: justify;width: 100%;border-collapse: collapse;margin-bottom: 2rem;}td,th{padding: 0.5em;border-bottom: 1px solid #f7f7f7;}input,textarea{border: 1px solid #222222;}input:focus,textarea:focus{border: 1px solid #007559;}textarea{width: 100%;}.button,button,input[type=submit],input[type=reset],input[type=button],input[type=file]::file-selector-button{display: inline-block;padding: 5px 10px;text-align: center;text-decoration: none;white-space: nowrap;background-color: #007559;color: #ffffff;border-radius: 1px;border: 1px solid #007559;cursor: pointer;box-sizing: border-box;}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input[type=file]::file-selector-button:hover{background-color: #006994;color: #ffffff;outline: 0;}.button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled],input[type=file][disabled]{cursor: default;opacity: 0.5;}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,input[type=button]:focus-visible,input[type=file]:focus-visible{outline-style: solid;outline-width: 2px;}textarea,select,input{color: #222222;padding: 6px 10px;margin-bottom: 10px;background-color: #f7f7f7;border: 1px solid #f7f7f7;border-radius: 4px;box-shadow: none;box-sizing: border-box;}textarea:focus,select:focus,input:focus{border: 1px solid #007559;outline: 0;}input[type=checkbox]:focus{outline: 1px dotted #007559;}label,legend,fieldset{display: block;margin-bottom: 0.5rem;font-weight: 600;}:root{--ground:#16171b;--ink:#f4f4f2;--muted:#b4b6bd;--line:#3b3d46;--orange:#f57c00;--blue:#2f6cc4;--r:3px;}html{font-size:100%;font-family:"Tajawal",system-ui,sans-serif;background:var(--ground);scrollbar-color:var(--orange) var(--ground)}body{max-width:none;margin:0;padding:0;font-size:1rem;line-height:1.55;color:var(--ink);background:var(--ground);-webkit-text-size-adjust:100%;overflow-x:clip}::selection{background:var(--orange);color:var(--ground)}h1,h2,h3{font-family:"Tajawal",system-ui,sans-serif;margin:0;word-break:normal}p{margin:0}a{color:var(--ink)}a:hover{border-bottom:0;color:var(--ink)}img{margin:0}.wrap{max-width:62rem;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}.top{position:relative;height:7.5rem}.cord{position:absolute;top:0;left:2.75rem;width:2px;height:1rem;background:var(--muted)}.badge{position:absolute;top:1rem;left:1rem;width:6.5rem;height:6.5rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);transform:rotate(-3deg);transform-origin:1.75rem 0}.badge img{width:5.25rem;height:5.25rem;display:block}.lead{text-align:center;padding-top:.5rem}h1{font-weight:900;font-size:clamp(1.75rem,1.2rem + 2.6vw,3.5rem);line-height:1.08;letter-spacing:-0.015em;max-width:19ch;margin:0 auto;text-wrap:balance}.sub{font-weight:500;color:var(--muted);max-width:34rem;margin:.75rem auto 0;text-wrap:pretty}.sheet{list-style:none;padding:0;margin:1.25rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;grid-auto-flow:dense}.sheet li{margin:0;border:1px solid var(--line);border-radius:var(--r);padding:.625rem .5rem .75rem;display:flex;flex-direction:column;gap:.375rem;min-height:8.5rem}.sheet .mk{font-weight:700;font-size:.8125rem;color:var(--muted);line-height:1}.sheet svg.ic{width:2.25rem;height:2.25rem;display:block;fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:.125rem 0 .25rem}.sheet p{font-size:.8125rem;line-height:1.35;font-weight:500;color:var(--ink)}.sheet li.pick{grid-column:1 / -1;position:relative;align-items:center;text-align:center;padding:1rem 1rem 1.125rem;border-color:var(--ink);gap:.75rem}.ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ring path{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round}.hold{all:unset;display:block;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:var(--r)}.hold:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.hero{display:block;width:min(100%,15rem);height:auto;margin:0 auto}.hero text{font-family:"Tajawal",system-ui,sans-serif}.bar{transform-box:fill-box;transform-origin:left center;animation:fill 1.1s cubic-bezier(.16,1,.3,1) .3s both}.bar.b2{animation-delay:.5s}.bar.b3{animation-delay:.7s}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.old{opacity:0;transition:opacity .2s ease-out}.lib{transition:opacity .2s ease-out}.hold.is-held .old{opacity:1}.hold.is-held .lib{opacity:0}.cap{font-size:.8125rem;color:var(--muted);font-weight:500}.lead-btn{display:flex;align-items:center;justify-content:center;width:min(100%,18rem);min-height:3.5rem;padding:0 1.25rem;box-sizing:border-box;background:var(--blue);color:#fff;font-weight:700;font-size:1rem;border-radius:var(--r);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.16,1,.3,1)}.lead-btn:visited{color:#fff}.lead-btn:active{transform:translateY(2px) scale(.98)}.lead-btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media (hover: hover){.lead-btn:hover{color:#fff;border-bottom:0;background:#2a62b3}}.under{font-size:.8125rem;color:var(--muted);font-weight:500;margin-top:-.25rem}footer{margin-top:3.5rem;border-top:1px solid var(--line);padding:1.5rem 0 calc(2rem + env(safe-area-inset-bottom))}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;justify-content:space-between}.keys{display:flex;gap:.5rem}.key{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:0 .875rem;border:1px solid var(--line);border-bottom-width:4px;border-radius:var(--r);color:var(--ink);font-weight:700;font-size:.8125rem;text-decoration:none}.key:visited{color:var(--ink)}.key:active{border-bottom-width:1px;transform:translateY(3px)}.key svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.key:focus-visible{outline:2px solid var(--orange);outline-offset:2px}footer p{font-size:.8125rem;color:var(--muted);max-width:36rem}@media (min-width: 760px){.top{height:8.5rem}.badge{top:1rem}.sheet{gap:12px;margin-top:1.75rem}.sheet li{padding:.875rem .875rem 1rem;min-height:9rem}.sheet li.pick{grid-column:2;grid-row:1 / span 2}.sub{margin-top:1rem}}@media (prefers-reduced-motion: reduce){.bar{animation:none}.old,.lib,.lead-btn{transition:none}}html{max-inline-size:100%;overflow-x:clip}body{max-inline-size:100%;overflow-x:clip}