@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}@keyframes header-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-3d-flip{0%{transform:perspective(1000px)rotateY(0)}20%{transform:perspective(1000px)rotateY(360deg)}to{transform:perspective(1000px)rotateY(360deg)}}.animate-logo-3d{transform-style:preserve-3d;animation:10s ease-in-out infinite logo-3d-flip}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@keyframes shine-sweep{0%{transform:translate(-100%)skew(-15deg)}30%{transform:translate(200%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.animate-shine{animation:4s cubic-bezier(.16,1,.3,1) infinite shine-sweep}.device-perspective-container{perspective:3000px}@keyframes float-device-left{0%,to{transform:translateY(0)rotateY(-22deg)rotateX(10deg)}50%{transform:translateY(-15px)rotateY(-18deg)rotateX(8deg)}}@keyframes float-device-right{0%,to{transform:translateY(0)rotateY(22deg)rotateX(10deg)}50%{transform:translateY(-15px)rotateY(18deg)rotateX(8deg)}}@keyframes float-tablet-left{0%,to{transform:translateY(0)rotateY(-18deg)rotateX(6deg)}50%{transform:translateY(-12px)rotateY(-15deg)rotateX(4deg)}}@keyframes float-tablet-right{0%,to{transform:translateY(0)rotateY(18deg)rotateX(6deg)}50%{transform:translateY(-12px)rotateY(15deg)rotateX(4deg)}}.device-studio-iphone{width:290px;height:590px;transform-style:preserve-3d;background:#1a1a1a;border:1px solid #333;border-radius:52px;margin:auto;padding:12px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 20px #0006,25px 50px 100px -20px #0009,inset 0 0 0 1px #ffffff08}@media (max-width:640px){.device-studio-iphone{aspect-ratio:9/19;width:85vw;max-width:300px;height:auto}}.device-studio-iphone.face-left{animation:8s ease-in-out infinite float-device-left}.device-studio-iphone.face-right{animation:8s ease-in-out infinite float-device-right}.device-studio-iphone:hover{animation-play-state:paused;transform:rotateY(0)rotateX(0)scale(1.03)}.glass-reflection{pointer-events:none;z-index:20;background:linear-gradient(125deg,#ffffff1a 0%,#ffffff0d 40%,#0000 45%,#ffffff05 100%);position:absolute;inset:0}.iphone-screen-studio{background:#000;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.device-studio-safari{aspect-ratio:16/10;background:#111;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;max-width:950px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px -20px #0009,0 10px 30px -10px #0000004d}.device-studio-safari.face-left{transform:rotateX(6deg)rotateY(-10deg)}.device-studio-safari.face-right{transform:rotateX(6deg)rotateY(10deg)}.device-studio-safari:hover{transform:rotateX(0)rotateY(0)scale(1.02)translateY(-10px)!important}.safari-top-bar{background:#1a1a1a;border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;height:36px;padding:0 16px;display:flex}.safari-dot{border-radius:50%;width:10px;height:10px}.dot-red{opacity:.8;background:#ff5f56}.dot-yellow{opacity:.8;background:#ffbd2e}.dot-green{opacity:.8;background:#27c93f}.safari-address{background:#262626;border:1px solid #333;border-radius:6px;flex:1;height:20px;margin:0 40px}.device-studio-tablet{aspect-ratio:4/3;background:#1a1a1a;border:1px solid #333;border-radius:32px;width:100%;max-width:620px;padding:14px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:-30px 40px 100px -20px #00000080,inset 0 0 0 1px #ffffff08}.device-studio-tablet.face-left{animation:10s ease-in-out infinite float-tablet-left}.device-studio-tablet.face-right{animation:10s ease-in-out infinite float-tablet-right}.device-studio-tablet:hover{animation-play-state:paused;transform:rotateY(0)rotateX(0)scale(1.03)}.tablet-screen-studio{background:#000;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}@keyframes systems-ticker-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.ticker-forward{animation:32s linear infinite systems-ticker-marquee}.ticker-reverse{animation:32s linear infinite reverse systems-ticker-marquee}.ticker-track{will-change:transform;backface-visibility:hidden;min-width:max-content;transform:translate(0,0)}.template-default{--surface-0:var(--background);--surface-1:color-mix(in srgb,var(--tenant-soft-secondary)38%,var(--background));--surface-2:color-mix(in srgb,var(--tenant-soft-secondary)55%,var(--background));--surface-3:color-mix(in srgb,var(--tenant-soft-secondary)72%,var(--background));--surface-inverse:color-mix(in srgb,var(--secondary)42%,#111827);--text-strong:var(--tenant-heading-text);--text-muted:var(--tenant-muted-text);--text-subtle:color-mix(in srgb,var(--tenant-muted-text)72%,var(--background));--line-soft:color-mix(in srgb,var(--tenant-border-tone)78%,var(--background));--line-strong:color-mix(in srgb,var(--tenant-border-tone)92%,var(--background));--brand-focus:color-mix(in srgb,var(--primary)40%,transparent);--brand-shadow:color-mix(in srgb,var(--secondary)28%,transparent);--overlay-05:#0000000d;--overlay-10:color-mix(in srgb,var(--primary)10%,transparent);--overlay-20:#0003;--overlay-40:#0006;--overlay-50:#00000080;--overlay-95:#000000f2;font-family:Almarai,sans-serif}.dark .template-default{--surface-1:color-mix(in srgb,var(--tenant-soft-secondary)46%,var(--background));--surface-2:color-mix(in srgb,var(--tenant-soft-secondary)62%,var(--background));--surface-3:color-mix(in srgb,var(--tenant-soft-secondary)78%,var(--background));--surface-inverse:color-mix(in srgb,var(--secondary)22%,#f9fafb);--text-strong:var(--tenant-heading-text);--text-muted:var(--tenant-muted-text);--text-subtle:color-mix(in srgb,var(--tenant-muted-text)80%,var(--background));--line-soft:color-mix(in srgb,var(--tenant-border-tone)74%,var(--background));--line-strong:color-mix(in srgb,var(--tenant-border-tone)90%,var(--background));--brand-focus:color-mix(in srgb,var(--primary)52%,transparent);--brand-shadow:color-mix(in srgb,var(--secondary)34%,transparent);--overlay-05:#ffffff0d;--overlay-10:color-mix(in srgb,var(--primary)10%,transparent);--overlay-20:#fff3;--overlay-40:#fff6;--overlay-50:#ffffff80;--overlay-95:#000000e0}.template-default [class*=bg-white]{background-color:var(--surface-0)!important}.template-default [class*=bg-gray-50],.template-default [class*=bg-gray-50\/30],.template-default [class*=bg-gray-50\/50]{background-color:var(--surface-1)!important}.template-default [class*=bg-gray-100],.template-default [class*=bg-gray-100\/50]{background-color:var(--surface-2)!important}.template-default [class*=bg-gray-200],.template-default [class*=bg-gray-200\/50]{background-color:var(--surface-3)!important}.template-default [class*=bg-gray-300\/60]{background-color:color-mix(in srgb,var(--surface-3)72%,transparent)!important}.template-default [class*=bg-gray-700],.template-default [class*=bg-gray-800],.template-default [class*=bg-gray-900],.template-default [class*=bg-black]{background-color:var(--surface-inverse)!important}.template-default [class*=bg-gray-800\/50],.template-default [class*=bg-black\/50]{background-color:var(--overlay-50)!important}.template-default [class*=bg-gray-900\/95],.template-default [class*=bg-black\/95]{background-color:var(--overlay-95)!important}.template-default [class*=bg-black\/40]{background-color:var(--overlay-40)!important}.template-default [class*=bg-black\/20]{background-color:var(--overlay-20)!important}.template-default [class*=bg-black\/10],.template-default [class*=bg-white\/10]{background-color:var(--overlay-10)!important}.template-default [class*=bg-black\/5],.template-default [class*=bg-white\/5]{background-color:var(--overlay-05)!important}.template-default [class*=bg-blue-50],.template-default [class*=bg-blue-100],.template-default [class*=bg-indigo-50]{background-color:var(--tenant-soft-primary)!important}.template-default [class*=bg-blue-500],.template-default [class*=bg-blue-600],.template-default [class*=bg-blue-700]{background-color:var(--tenant-info)!important;color:var(--primary-foreground)!important}.template-default [class*=bg-green-500]{background-color:var(--tenant-success)!important;color:var(--primary-foreground)!important}.template-default [class*=bg-green-50]{background-color:color-mix(in srgb,var(--tenant-success)16%,var(--background))!important}.template-default [class*=bg-red-50]{background-color:color-mix(in srgb,var(--destructive)16%,var(--background))!important}.template-default [class*=text-gray-900],.template-default [class*=text-gray-800],.template-default [class*=text-black]{color:var(--text-strong)!important}.template-default [class*=text-gray-700],.template-default [class*=text-gray-600],.template-default [class*=text-gray-500]{color:var(--text-muted)!important}.template-default [class*=text-gray-400]{color:var(--text-subtle)!important}.template-default [class*=text-blue-500],.template-default [class*=text-blue-600]{color:var(--tenant-info)!important}.template-default [class*=text-red-500]{color:var(--destructive)!important}.template-default [class*=text-green-800],.template-default [class*=text-green-700]{color:var(--tenant-success)!important}.template-default [class*=border-gray-50],.template-default [class*=border-gray-100]{border-color:var(--line-soft)!important}.template-default [class*=border-gray-200],.template-default [class*=border-gray-300]{border-color:var(--line-strong)!important}.template-default [class*=border-blue-500]{border-color:var(--tenant-info)!important}.template-default [class*=border-green-200]{border-color:color-mix(in srgb,var(--tenant-success)32%,var(--background))!important}.template-default [class*=border-red-500]{border-color:var(--destructive)!important}.template-default [class*=border-white\/20],.template-default [class*=border-white\/15],.template-default [class*=border-white\/10]{border-color:color-mix(in srgb,var(--secondary-foreground)28%,transparent)!important}.template-default [class*=shadow-gray-200],.template-default [class*=shadow-gray-300]{--tw-shadow-color:var(--brand-shadow)!important}.template-default [class*=shadow-secondary\/20]{--tw-shadow-color:color-mix(in srgb,var(--secondary)24%,transparent)!important}.template-default [class*=focus\:ring-blue-500]:focus,.template-default [class*=focus\:ring-blue-500]:focus-visible{--tw-ring-color:var(--brand-focus)!important}.template-default [class*=bg-primary]:is([class~=text-primary],[class*=" text-primary/"],[class^=text-primary\/]),.template-default [class*=bg-secondary]:is([class~=text-secondary],[class*=" text-secondary/"],[class^=text-secondary\/]){color:var(--foreground)!important}.template-default :is(button,a,[role=button],[data-slot=button])[class~=bg-primary]{color:var(--primary-foreground)!important}.template-default .custom-page-html,.template-default .custom-page-html *{font-family:inherit!important}.template-default .custom-page-html img{max-width:100%;height:auto}.template-default .custom-page-html table{border-collapse:collapse;width:100%}.template-default .custom-page-html td,.template-default .custom-page-html th{border:1px solid #d9deea;padding:8px}.dark .template-default .custom-page-html :is(p,li,td,th,span,strong,em,h1,h2,h3,h4,h5,h6){color:var(--foreground)!important}.dark .template-default .custom-page-html a{color:var(--primary)!important}.dark .template-default .custom-page-html table{border-color:color-mix(in srgb,var(--border)88%,transparent)!important;background-color:color-mix(in srgb,var(--card)85%,transparent)!important}.dark .template-default .custom-page-html thead,.dark .template-default .custom-page-html th{background-color:color-mix(in srgb,var(--muted)78%,transparent)!important}.dark .template-default .custom-page-html tr{border-color:color-mix(in srgb,var(--border)80%,transparent)!important}.dark .template-default .custom-page-html td{border-color:color-mix(in srgb,var(--border)78%,transparent)!important;background-color:#0000!important}.template-default .custom-page-html blockquote[data-callout],.template-default .custom-page-html blockquote.callout{box-sizing:border-box;quotes:none;border:1px solid;border-right-width:4px;border-radius:8px;margin:.25rem 0 1.25rem;padding:11px 14px;font-size:14px;line-height:1.7;display:block;width:100%!important;max-width:100%!important}.template-default .custom-page-html blockquote[data-callout]:before,.template-default .custom-page-html blockquote.callout:before{letter-spacing:.07em;text-transform:uppercase;opacity:.7;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.template-default .custom-page-html blockquote[data-callout=WARNING],.template-default .custom-page-html blockquote.callout.callout-warning{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.template-default .custom-page-html blockquote[data-callout=TIP],.template-default .custom-page-html blockquote.callout.callout-tip{color:#16a34a;background:#f0fdf4;border-color:#86efac}.template-default .custom-page-html blockquote[data-callout=NOTE],.template-default .custom-page-html blockquote.callout.callout-note{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.template-default .custom-page-html blockquote[data-callout=IMPORTANT],.template-default .custom-page-html blockquote.callout.callout-important{color:#d97706;background:#fffbeb;border-color:#fcd34d}.template-default .custom-page-html blockquote[data-callout=WARNING] *,.template-default .custom-page-html blockquote[data-callout=TIP] *,.template-default .custom-page-html blockquote[data-callout=NOTE] *,.template-default .custom-page-html blockquote[data-callout=IMPORTANT] *,.template-default .custom-page-html blockquote.callout.callout-warning *,.template-default .custom-page-html blockquote.callout.callout-tip *,.template-default .custom-page-html blockquote.callout.callout-note *,.template-default .custom-page-html blockquote.callout.callout-important *{color:inherit!important}.template-default .custom-page-html blockquote[data-callout=WARNING]:before,.template-default .custom-page-html blockquote.callout.callout-warning:before{content:"Warning";color:#dc2626}.template-default .custom-page-html blockquote[data-callout=TIP]:before,.template-default .custom-page-html blockquote.callout.callout-tip:before{content:"Tip";color:#16a34a}.template-default .custom-page-html blockquote[data-callout=NOTE]:before,.template-default .custom-page-html blockquote.callout.callout-note:before{content:"Note";color:#2563eb}.template-default .custom-page-html blockquote[data-callout=IMPORTANT]:before,.template-default .custom-page-html blockquote.callout.callout-important:before{content:"Important";color:#d97706}.dark .template-default .custom-page-html blockquote[data-callout=WARNING],.dark .template-default .custom-page-html blockquote.callout.callout-warning{background:#dc262629;border-color:#fca5a585}.dark .template-default .custom-page-html blockquote[data-callout=TIP],.dark .template-default .custom-page-html blockquote.callout.callout-tip{background:#16a34a29;border-color:#86efac85}.dark .template-default .custom-page-html blockquote[data-callout=NOTE],.dark .template-default .custom-page-html blockquote.callout.callout-note{background:#2563eb29;border-color:#93c5fd85}.dark .template-default .custom-page-html blockquote[data-callout=IMPORTANT],.dark .template-default .custom-page-html blockquote.callout.callout-important{background:#d9770629;border-color:#fcd34d85}.template-default .custom-page-html[dir=rtl] blockquote[data-callout=WARNING]:before,.template-default .custom-page-html[dir=rtl] blockquote.callout.callout-warning:before{content:"تحذير"}.template-default .custom-page-html[dir=rtl] blockquote[data-callout=TIP]:before,.template-default .custom-page-html[dir=rtl] blockquote.callout.callout-tip:before{content:"نصيحة"}.template-default .custom-page-html[dir=rtl] blockquote[data-callout=NOTE]:before,.template-default .custom-page-html[dir=rtl] blockquote.callout.callout-note:before{content:"ملاحظة"}.template-default .custom-page-html[dir=rtl] blockquote[data-callout=IMPORTANT]:before,.template-default .custom-page-html[dir=rtl] blockquote.callout.callout-important:before{content:"مهم"}.template-default .custom-page-html blockquote[data-callout=CODE],.template-default .custom-page-html blockquote.callout.callout-code,.template-default .custom-page-html pre.content-code-block,.template-default .custom-page-html pre[data-code-block=true],.template-default .custom-page-html pre.callout.callout-code,.template-default .custom-page-html pre[data-callout=CODE]{box-sizing:border-box;text-align:left;white-space:pre-wrap;direction:ltr;background:#0f172a;border:1px solid #cbd5e1;border-radius:8px;margin:.5rem 0 1.25rem;padding:12px 14px;font-size:13px;line-height:1.7;display:block;overflow-x:auto;color:#e2e8f0!important;width:100%!important;max-width:100%!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important}.dark .template-default .custom-page-html blockquote[data-callout=CODE],.dark .template-default .custom-page-html blockquote.callout.callout-code,.dark .template-default .custom-page-html pre.content-code-block,.dark .template-default .custom-page-html pre[data-code-block=true],.dark .template-default .custom-page-html pre.callout.callout-code,.dark .template-default .custom-page-html pre[data-callout=CODE]{background:#0f172acc;border-color:#cbd5e17a}.template-default .custom-page-html blockquote[data-callout=CODE] *,.template-default .custom-page-html blockquote.callout.callout-code *,.template-default .custom-page-html pre.content-code-block *,.template-default .custom-page-html pre[data-code-block=true] *,.template-default .custom-page-html pre.callout.callout-code *,.template-default .custom-page-html pre[data-callout=CODE] *{color:inherit!important}.template-default .custom-page-html blockquote[data-callout=CODE]:before,.template-default .custom-page-html blockquote.callout.callout-code:before,.template-default .custom-page-html pre.content-code-block:before,.template-default .custom-page-html pre[data-code-block=true]:before,.template-default .custom-page-html pre.callout.callout-code:before,.template-default .custom-page-html pre[data-callout=CODE]:before{content:"Code";letter-spacing:.07em;text-transform:uppercase;opacity:.85;margin-bottom:6px;font-size:11px;font-weight:700;display:block;color:#93c5fd!important}.template-default .custom-page-html[dir=rtl] blockquote[data-callout=CODE]:before,.template-default .custom-page-html[dir=rtl] blockquote.callout.callout-code:before,.template-default .custom-page-html[dir=rtl] pre.content-code-block:before,.template-default .custom-page-html[dir=rtl] pre[data-code-block=true]:before,.template-default .custom-page-html[dir=rtl] pre.callout.callout-code:before,.template-default .custom-page-html[dir=rtl] pre[data-callout=CODE]:before{content:"كود"}