:root{
                              
--ink:#0a0a0b;--white:#ffffff;
--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e8e8ea;--neutral-300:#d6d6da;--neutral-400:#a9a9b0;--neutral-500:#7c7c85;--neutral-600:#55555c;--neutral-700:#3a3a40;--neutral-800:#232326;--neutral-900:#121214;
                                
--purple-50:#f3edff;--purple-100:#e4d6ff;--purple-200:#c9aeff;--purple-300:#a97eff;--purple-400:#7e3bff;--purple-500:#5700ff;--purple-600:#4600cc;--purple-700:#360099;--purple-800:#250066;--purple-900:#16003d;
                            
--yellow-50:#fffbe5;--yellow-100:#fff6c2;--yellow-200:#ffec85;--yellow-300:#ffe247;--yellow-400:#ffda1f;--yellow-500:#ffd200;--yellow-600:#e0b400;--yellow-700:#b38f00;--yellow-800:#806600;--yellow-900:#4d3d00;
                             
--olive-50:#f5f6ec;--olive-100:#e7ead2;--olive-300:#b9c285;--olive-500:#77843c;--olive-600:#5f6a30;--olive-700:#4a5325;--olive-900:#272c13;
                        
--success-bg:#e8f6ee;--success-fg:#0e7a41;--success-strong:#148a4e;
--warn-bg:#fff6e0;--warn-fg:#8a5b00;--warn-strong:#b77400;
--error-bg:#fdecea;--error-fg:#b32718;--error-strong:#d63b2f;
--info-bg:var(--purple-50);--info-fg:var(--purple-600);--info-strong:var(--purple-500);
                                      
--surface-page:var(--white);--surface-sunken:var(--neutral-50);--surface-card:var(--white);--surface-ink:var(--ink);
--surface-page-warm:#f7f3e9;--border-warm:#ece6d6;--sand-50:#faf6ec;--sand-100:#e6ddc9;
--text-body:var(--ink);--text-muted:var(--neutral-600);--text-faint:var(--neutral-500);--text-inverse:var(--white);
--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-input:var(--neutral-300);
--focus-ring:var(--purple-500);
--link:var(--purple-600);--link-hover:var(--purple-500);
                                                                                     
                                                                                    
                                                                                    
                                                                                    
--ff:'Plus Jakarta Sans','Instrument Sans','IBM Plex Sans Arabic','Noto Sans Arabic','Cairo',system-ui,sans-serif;
--accent-creator:var(--purple-500);--accent-biz:var(--yellow-500);--accent-admin:var(--olive-500);--accent-common:var(--ink);
--cta-biz-bg:var(--yellow-500);--cta-biz-fg:var(--ink);
--cta-creator-bg:var(--purple-500);--cta-creator-fg:var(--white);
--cta-common-bg:var(--ink);--cta-common-fg:var(--white);
                             
--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI","IBM Plex Sans Arabic",sans-serif;
--font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans Arabic",sans-serif;
--font-arabic-display:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;
--font-arabic:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;
--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
                                                     
--text-display:46px;--lh-display:1.02;--text-h1:36px;--lh-h1:1.1;--text-h2:28px;--lh-h2:1.15;--text-h3:22px;--lh-h3:1.25;--text-h4:18px;--lh-h4:1.3;
--text-body-lg:17px;--text-body-md:15px;--text-body-sm:13px;--text-caption:12px;--text-14:14px;--text-16:16px;--text-20:20px;--text-24:24px;--lh-body:1.5;--lh-caption:1.4;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
--tracking-display:-0.04em;--tracking-heading:-0.02em;--tracking-body:0;--tracking-caps:0.08em;
                                                                                        
--fluid-display:clamp(30px,5.2vw,46px);--fluid-h1:clamp(26px,4.2vw,36px);--fluid-h2:clamp(22px,3.2vw,28px);--fluid-h3:clamp(19px,2.4vw,22px);--fluid-h4:clamp(16px,1.8vw,18px);
                                  
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--tap-target:44px;
--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
                         
--shadow-card:0 1px 2px rgba(10,10,11,.05),0 1px 3px rgba(10,10,11,.04);
--shadow-raised:0 2px 6px rgba(10,10,11,.07),0 1px 2px rgba(10,10,11,.05);
--shadow-modal:0 8px 32px rgba(10,10,11,.14);
--coral:var(--error-strong);--surf:var(--surface-page);--focus-outline-width:2px;--focus-outline-offset:2px;--focus-outline:var(--focus-outline-width) solid var(--focus-ring);
                                                                                      
                                                                                  
                                                                                     
                                                 
  --shadow-focus:0 0 0 3px rgba(87,0,255,.25);
                                                                            
--bp-mobile-lg:640px;--bp-tablet:768px;--bp-laptop:1024px;--bp-desktop:1280px;--bp-wide:1440px;
                            
--gutter:clamp(16px,4vw,56px);
}
                                                                      
:where(a,button,input,textarea,select,[tabindex],[role="button"],[role="tab"],[role="textbox"]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}
:where(a,button,input,textarea,select,[tabindex]):focus:not(:focus-visible){outline:none}
                                                                                                                                                              
[hidden]{display:none!important}
                                                                     
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
                                                              
.sr-skip{position:fixed;top:8px;inset-inline-start:8px;z-index:200;transform:translateY(-160%);background:var(--ink);color:var(--white);padding:10px 16px;border-radius:var(--radius-md);font:600 var(--text-body-md)/1 var(--font-sans);text-decoration:none;transition:transform var(--duration-fast,200ms) var(--ease-out,ease)}
.sr-skip:focus{transform:translateY(0)}
                  
[dir="rtl"]{font-family:var(--font-arabic),"Noto Sans Arabic",sans-serif}