:root{--cream:#f7efe3;--cream-2:#efe6d6;--green:#0f3d3e;--green-2:#0a2e30;--sage:#7fa07a;--mint:#c6d3a6;--orange:#e8743b;--teal:#00979d;--fg:var(--green);--fg-2:#3f5c5c;--hdr-fg:var(--green);--hdr-bg:var(--cream);--radius:24px;--gutter:clamp(16px, 4vw, 48px);--font:"IBM Plex Sans Arabic", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--cream);-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--green);background:var(--cream);line-height:1.7;overflow-x:hidden}a{color:inherit}.container{width:min(1120px, 100% - var(--gutter) * 2);margin-inline:auto}.pill{color:var(--green);font:500 16px var(--font);background:#fff;border-radius:999px;align-items:center;gap:14px;padding:13px 13px 13px 28px;text-decoration:none;animation:3s ease-in-out infinite glow;display:inline-flex;box-shadow:0 0 0 1px #e8743b66,0 0 30px #e8743b80,0 18px 40px -12px #e8743b8c}.pill i{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;transition:transform .3s;display:grid}.pill:hover i{transform:translate(-6px)}@keyframes glow{50%{box-shadow:0 0 0 1px #e8743b99,0 0 48px #e8743bb3,0 18px 50px -10px #e8743ba6}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=820px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:16px!important}}.drawer .mytog{width:100%;color:var(--green);font:400 14.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:11px 12px;transition:background .2s,color .2s;display:flex}.drawer .mytog:hover{background:var(--cream-2);color:var(--orange)}.drawer .mytog svg{opacity:.75;flex:none}.drawer .mytog span{text-align:start;flex:1}.drawer .mytog .chv{opacity:.5;font-size:13px;font-style:normal;transition:transform .25s}.drawer .mytog[aria-expanded=true] .chv{transform:rotate(180deg)}.drawer .mysub{border-inline-start:2px solid var(--mint);gap:2px;margin-inline-start:14px;padding:2px 0 6px;display:grid}.drawer .mysub[hidden]{display:none}.drawer .mysub-a{color:var(--green);border-radius:11px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.drawer .mysub-a:hover{background:var(--cream-2)}.drawer .mysub-a svg{opacity:.7;flex:none}.drawer .mysub-a span{flex:1}.drawer .mysub-a em{background:var(--mint);color:var(--green);border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal}.drawer .mysub-a em.join{color:#a8481c;background:#e8743b2e}#hdr{z-index:50;padding:14px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:14px;transition:background .3s,box-shadow .3s,padding .3s;display:flex;position:fixed;inset:0 0 auto}#hdr>*{pointer-events:auto}#hdr.solid{background:color-mix(in srgb, var(--hdr-bg) 84%, transparent);backdrop-filter:blur(16px);padding-block:9px;box-shadow:0 1px #7f7f7f29}#hdr .logo{color:var(--hdr-fg);font-size:21px;font-weight:700;text-decoration:none}#hdr .right{align-items:center;gap:8px;display:flex}#hdr .burger.has:after{content:"";top:7px;background:var(--orange);width:8px;height:8px;box-shadow:0 0 8px var(--orange);border-radius:50%;position:absolute;inset-inline-end:7px}#hdr .quick{backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #7f7f7f2e;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 5px;text-decoration:none;transition:border-color .25s;display:flex}#hdr .quick:hover{border-color:var(--orange)}#hdr .av{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}#hdr .pt{color:var(--orange);font-size:12.5px;font-weight:700}#hdr .pt[hidden]{display:none}#hdr .burger{backdrop-filter:blur(14px);cursor:pointer;background:#ffffff24;border:1px solid #7f7f7f2e;border-radius:50%;flex:none;width:44px;height:44px;transition:border-color .25s;position:relative}#hdr .burger:hover{border-color:var(--orange)}#hdr .burger span{background:var(--hdr-fg);border-radius:2px;height:2px;transition:transform .25s,opacity .25s;position:absolute;inset-inline:13px}#hdr .burger span:first-child{top:15px}#hdr .burger span:nth-child(2){top:21px}#hdr .burger span:nth-child(3){top:27px}#hdr .burger[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}#hdr .burger[aria-expanded=true] span:nth-child(2){opacity:0}#hdr .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.scrim{z-index:70;touch-action:none;backdrop-filter:blur(3px);opacity:0;background:#0612148c;transition:opacity .25s;position:fixed;inset:0}.scrim.on{opacity:1}.scrim[hidden]{display:none}.drawer{z-index:71;background:var(--cream);width:min(330px,88vw);color:var(--green);overscroll-behavior:contain;flex-direction:column;transition:transform .25s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:20px 0 60px -20px #0a2e3080}.drawer[hidden]{display:none}.dtop{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.dtop b{font-size:17px}.dtop .x{background:var(--cream-2);width:34px;height:34px;color:var(--green);cursor:pointer;border:0;border-radius:50%;font-size:20px}.drawer .me{background:var(--green);color:var(--cream);border-radius:20px;align-items:center;gap:12px;margin:0 14px 12px;padding:14px;text-decoration:none;display:flex}.drawer .me .av{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:19px;font-weight:700;display:grid}.drawer .me .txt{flex:1;gap:2px;min-width:0;display:grid}.drawer .me b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.drawer .me small{opacity:.72;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.drawer .me .chev{opacity:.5}.drawer nav{gap:14px;padding:0 10px 8px;display:grid}.drawer .grp{gap:2px;display:grid}.drawer .gt{color:var(--fg-2);letter-spacing:.04em;padding:0 12px 4px;font-size:11.5px;font-weight:500}.drawer nav a{color:var(--green);border-radius:13px;align-items:center;gap:12px;padding:11px 12px;font-size:14.5px;text-decoration:none;transition:background .2s,color .2s;display:flex}.drawer nav a:hover{background:var(--cream-2);color:var(--orange)}.drawer nav a.on{background:var(--mint);font-weight:500}.drawer nav a svg{opacity:.75;flex:none}.drawer nav a .ext{opacity:.45;margin-inline-start:auto;font-size:12px}.dfoot{border-top:1px solid #0f3d3e1a;margin-top:auto;padding:14px 20px 22px}.dfoot p{color:var(--fg-2);font-size:12.5px;line-height:1.8}.dfoot button{font:500 14px var(--font);width:100%;color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:flex}.dfoot button:hover{color:var(--orange)}.bot{z-index:60;width:0;height:0;position:fixed}.bot [hidden]{display:none!important}.bot .bubble{cursor:grab;touch-action:none;background:var(--green);color:var(--cream);font:500 14px var(--font);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;animation:3s ease-in-out infinite botglow;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #e8743b80,0 0 30px #e8743b59,0 14px 30px -10px #0a2e3099}.bot .bubble:active{cursor:grabbing}.bot .ic{font-size:18px}@keyframes botglow{50%{box-shadow:0 0 0 1px #e8743bcc,0 0 46px #e8743b99,0 14px 30px -10px #0a2e3099}}.bot .win{background:var(--cream);border-radius:26px;flex-direction:column;width:min(380px,100vw - 16px);height:min(560px,100vh - 100px);display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #0f3d3e1a,0 30px 70px -20px #0a2e3099}.bot.up .win{top:auto;bottom:0}.bot.right .win{left:auto;right:0}@media (width<=560px){.bot .win,.bot.up .win,.bot.right .win{width:auto;height:min(78vh,560px);position:fixed;inset:auto 8px 8px}}.bot header{background:var(--green);color:var(--cream);cursor:grab;touch-action:none;user-select:none;align-items:center;gap:10px;padding:14px 18px;display:flex}.bot header b{font-size:15px}.bot header small{opacity:.6;margin-inline-end:auto;font-size:11.5px}.bot .x{color:var(--cream);cursor:pointer;background:#ffffff24;border:0;border-radius:50%;width:28px;height:28px;font-size:17px}.bot .msgs{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.bot .m{border-radius:18px;max-width:92%;padding:10px 14px;font-size:14px;line-height:1.8}.bot .m-bot{background:#fff;border-end-start-radius:4px;align-self:flex-start;box-shadow:0 0 0 1px #0f3d3e0f}.bot .m-bot small{color:var(--fg-2)}.bot .m-me{background:var(--orange);color:#fff;border-end-end-radius:4px;align-self:flex-end}.bot .rc{color:inherit;gap:4px;text-decoration:none;display:grid}.bot .rc b{font-size:14px;line-height:1.5}.bot .rc .tg{color:var(--fg-2);font-size:12px}.bot .rc .why{color:var(--green);font-size:12px}.bot .rc .badge{background:var(--orange);color:#fff;border-radius:999px;justify-self:start;padding:2px 10px;font-size:11.5px}.bot .cta{background:var(--green);color:var(--cream);border-radius:999px;margin-top:6px;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-block}.bot .m:has(.rc){border:1px solid #0000;transition:border-color .2s,box-shadow .2s}.bot .m:has(.rc):hover{border-color:var(--orange);box-shadow:0 0 20px #e8743b4d}.bot .m:has(.rc.best){border-color:var(--orange);box-shadow:0 0 24px #e8743b40}.bot .quick{border-top:1px solid #0f3d3e14;flex-wrap:wrap;gap:6px;max-height:150px;padding:8px 12px;display:flex;overflow-y:auto}.bot .quick:empty{display:none}.bot .q{font:500 13px var(--font);color:var(--green);cursor:pointer;background:#fff;border:1px solid #0f3d3e33;border-radius:999px;padding:7px 13px;transition:all .15s}.bot .q svg{vertical-align:-3px}.bot .rc svg{vertical-align:-2px}.bot .q:hover{border-color:var(--orange)}.bot .q.on{background:var(--green);color:var(--cream);border-color:var(--green)}.bot .q.go{background:var(--orange);border-color:var(--orange);color:#fff}.bot .in{border-top:1px solid #0f3d3e14;gap:6px;padding:10px 12px;display:flex}.bot .in input{font:400 14px var(--font);color:var(--green);background:#fff;border:1px solid #0f3d3e2e;border-radius:999px;outline:none;flex:1;padding:10px 14px}.bot .in input:focus{border-color:var(--orange)}@media (width<=640px){.bot .bubble .tx{display:none}.bot .bubble{padding:13px}}.bot .in button{background:var(--green);width:40px;color:var(--cream);cursor:pointer;border:0;border-radius:50%;font-size:16px}.wafab{z-index:55;background:var(--green);height:56px;color:var(--cream);font:500 14px var(--font);border-radius:999px;align-items:center;gap:0;padding:0 16px;text-decoration:none;transition:gap .3s,padding .3s;display:inline-flex;position:fixed;bottom:22px;right:20px;overflow:hidden;box-shadow:0 0 0 1px #e8743b80,0 0 26px #e8743b4d,0 14px 30px -10px #0a2e3099}.wafab .t{opacity:0;white-space:nowrap;max-width:0;transition:max-width .3s,opacity .3s}.wafab:hover,.wafab:focus-visible{gap:10px;padding:0 20px}.wafab:hover .t,.wafab:focus-visible .t{opacity:1;max-width:90px}.wafab .i{display:inline-flex}@media (width<=640px){.wafab{height:50px;bottom:16px;right:14px}}.ft{background:var(--green-2);color:var(--cream);z-index:1;margin-top:0;padding:56px 0 26px;position:relative}.ft .in{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}.ft .brand b{font-size:22px}.ft .brand p{opacity:.7;max-width:36ch;margin-top:8px;font-size:14px;line-height:1.9}.ft .tfc{color:var(--cream);opacity:.72;align-items:center;gap:9px;margin-top:12px;font-size:13px;text-decoration:none;display:inline-flex}.ft .tfc:hover{opacity:1}.ft .tfc img{border-radius:9px;width:30px;height:30px}.ft nav{align-content:start;gap:8px;display:grid}.ft nav b{opacity:.6;margin-bottom:4px;font-size:14px;font-weight:500}.ft nav a{color:var(--cream);opacity:.88;font-size:14.5px;text-decoration:none}.ft nav a:hover{color:var(--orange);opacity:1}.ft .copy{opacity:.55;border-top:1px solid #ffffff1f;margin-top:36px;padding-top:18px;font-size:12.5px}@media (width<=760px){.ft .in{grid-template-columns:1fr 1fr}.ft .brand{grid-column:1/-1}}@media (width<=640px){.ft{padding-bottom:104px}}
