:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(248,39%,20%,1);--primary-5:hsla(248,39%,20%,0.05);--primary-10:hsla(248,39%,20%,0.1);--primary-20:hsla(248,39%,20%,0.2);--primary-30:hsla(248,39%,20%,0.3);--primary-40:hsla(248,39%,20%,0.4);--primary-50:hsla(248,39%,20%,0.5);--primary-60:hsla(248,39%,20%,0.6);--primary-70:hsla(248,39%,20%,0.7);--primary-80:hsla(248,39%,20%,0.8);--primary-90:hsla(248,39%,20%,0.9);--primary-d-1:hsla(248,39%,16%,1);--primary-d-2:hsla(248,39%,13%,1);--primary-d-3:hsla(248,39%,10%,1);--primary-d-4:hsla(248,39%,6%,1);--primary-l-1:hsla(248,39%,39%,1);--primary-l-2:hsla(248,39%,58%,1);--primary-l-3:hsla(248,39%,77%,1);--primary-l-4:hsla(248,39%,96%,1);--secondary:hsla(213,52%,39%,1);--secondary-5:hsla(213,52%,39%,0.05);--secondary-10:hsla(213,52%,39%,0.1);--secondary-20:hsla(213,52%,39%,0.2);--secondary-30:hsla(213,52%,39%,0.3);--secondary-40:hsla(213,52%,39%,0.4);--secondary-50:hsla(213,52%,39%,0.5);--secondary-60:hsla(213,52%,39%,0.6);--secondary-70:hsla(213,52%,39%,0.7);--secondary-80:hsla(213,52%,39%,0.8);--secondary-90:hsla(213,52%,39%,0.9);--secondary-d-1:hsla(213,52%,31%,1);--secondary-d-2:hsla(213,52%,23%,1);--secondary-d-3:hsla(213,52%,15%,1);--secondary-d-4:hsla(213,52%,7%,1);--secondary-l-1:hsla(213,52%,53%,1);--secondary-l-2:hsla(213,52%,68%,1);--secondary-l-3:hsla(213,52%,82%,1);--secondary-l-4:hsla(213,52%,97%,1);--accent:hsla(44,54%,54%,1);--accent-5:hsla(44,54%,54%,0.05);--accent-10:hsla(44,54%,54%,0.1);--accent-20:hsla(44,54%,54%,0.2);--accent-30:hsla(44,54%,54%,0.3);--accent-40:hsla(44,54%,54%,0.4);--accent-50:hsla(44,54%,54%,0.5);--accent-60:hsla(44,54%,54%,0.6);--accent-70:hsla(44,54%,54%,0.7);--accent-80:hsla(44,54%,54%,0.8);--accent-90:hsla(44,54%,54%,0.9);--accent-d-1:hsla(44,54%,43%,1);--accent-d-2:hsla(44,54%,32%,1);--accent-d-3:hsla(44,54%,21%,1);--accent-d-4:hsla(44,54%,10%,1);--accent-l-1:hsla(44,54%,65%,1);--accent-l-2:hsla(44,54%,76%,1);--accent-l-3:hsla(44,54%,86%,1);--accent-l-4:hsla(44,54%,97%,1);--bg-body:hsla(40,53%,97%,1);--bg-body-5:hsla(40,53%,97%,0.05);--bg-body-10:hsla(40,53%,97%,0.1);--bg-body-20:hsla(40,53%,97%,0.2);--bg-body-30:hsla(40,53%,97%,0.3);--bg-body-40:hsla(40,53%,97%,0.4);--bg-body-50:hsla(40,53%,97%,0.5);--bg-body-60:hsla(40,53%,97%,0.6);--bg-body-70:hsla(40,53%,97%,0.7);--bg-body-80:hsla(40,53%,97%,0.8);--bg-body-90:hsla(40,53%,97%,0.9);--bg-body-d-1:hsla(40,53%,77%,1);--bg-body-d-2:hsla(40,53%,57%,1);--bg-body-d-3:hsla(40,53%,37%,1);--bg-body-d-4:hsla(40,53%,17%,1);--bg-body-l-1:hsla(40,53%,97%,1);--bg-body-l-2:hsla(40,53%,97%,1);--bg-body-l-3:hsla(40,53%,97%,1);--bg-body-l-4:hsla(40,53%,97%,1);--bg-alt:hsla(40,39%,91%,1);--bg-alt-5:hsla(40,39%,91%,0.05);--bg-alt-10:hsla(40,39%,91%,0.1);--bg-alt-20:hsla(40,39%,91%,0.2);--bg-alt-30:hsla(40,39%,91%,0.3);--bg-alt-40:hsla(40,39%,91%,0.4);--bg-alt-50:hsla(40,39%,91%,0.5);--bg-alt-60:hsla(40,39%,91%,0.6);--bg-alt-70:hsla(40,39%,91%,0.7);--bg-alt-80:hsla(40,39%,91%,0.8);--bg-alt-90:hsla(40,39%,91%,0.9);--bg-alt-d-1:hsla(40,39%,72%,1);--bg-alt-d-2:hsla(40,39%,54%,1);--bg-alt-d-3:hsla(40,39%,35%,1);--bg-alt-d-4:hsla(40,39%,16%,1);--bg-alt-l-1:hsla(40,39%,92%,1);--bg-alt-l-2:hsla(40,39%,94%,1);--bg-alt-l-3:hsla(40,39%,96%,1);--bg-alt-l-4:hsla(40,39%,97%,1);--bg-surface:hsla(0,0%,100%,1);--bg-surface-5:hsla(0,0%,100%,0.05);--bg-surface-10:hsla(0,0%,100%,0.1);--bg-surface-20:hsla(0,0%,100%,0.2);--bg-surface-30:hsla(0,0%,100%,0.3);--bg-surface-40:hsla(0,0%,100%,0.4);--bg-surface-50:hsla(0,0%,100%,0.5);--bg-surface-60:hsla(0,0%,100%,0.6);--bg-surface-70:hsla(0,0%,100%,0.7);--bg-surface-80:hsla(0,0%,100%,0.8);--bg-surface-90:hsla(0,0%,100%,0.9);--bg-surface-d-1:hsla(0,0%,80%,1);--bg-surface-d-2:hsla(0,0%,59%,1);--bg-surface-d-3:hsla(0,0%,38%,1);--bg-surface-d-4:hsla(0,0%,18%,1);--bg-surface-l-1:hsla(0,0%,98%,1);--bg-surface-l-2:hsla(0,0%,98%,1);--bg-surface-l-3:hsla(0,0%,98%,1);--bg-surface-l-4:hsla(0,0%,97%,1);--text-title:hsla(253,29%,15%,1);--text-title-5:hsla(253,29%,15%,0.05);--text-title-10:hsla(253,29%,15%,0.1);--text-title-20:hsla(253,29%,15%,0.2);--text-title-30:hsla(253,29%,15%,0.3);--text-title-40:hsla(253,29%,15%,0.4);--text-title-50:hsla(253,29%,15%,0.5);--text-title-60:hsla(253,29%,15%,0.6);--text-title-70:hsla(253,29%,15%,0.7);--text-title-80:hsla(253,29%,15%,0.8);--text-title-90:hsla(253,29%,15%,0.9);--text-title-d-1:hsla(253,29%,13%,1);--text-title-d-2:hsla(253,29%,10%,1);--text-title-d-3:hsla(253,29%,8%,1);--text-title-d-4:hsla(253,29%,6%,1);--text-title-l-1:hsla(253,29%,35%,1);--text-title-l-2:hsla(253,29%,55%,1);--text-title-l-3:hsla(253,29%,76%,1);--text-title-l-4:hsla(253,29%,96%,1);--text-body:hsla(264,9%,42%,1);--text-body-5:hsla(264,9%,42%,0.05);--text-body-10:hsla(264,9%,42%,0.1);--text-body-20:hsla(264,9%,42%,0.2);--text-body-30:hsla(264,9%,42%,0.3);--text-body-40:hsla(264,9%,42%,0.4);--text-body-50:hsla(264,9%,42%,0.5);--text-body-60:hsla(264,9%,42%,0.6);--text-body-70:hsla(264,9%,42%,0.7);--text-body-80:hsla(264,9%,42%,0.8);--text-body-90:hsla(264,9%,42%,0.9);--text-body-d-1:hsla(264,9%,33%,1);--text-body-d-2:hsla(264,9%,25%,1);--text-body-d-3:hsla(264,9%,16%,1);--text-body-d-4:hsla(264,9%,8%,1);--text-body-l-1:hsla(264,9%,56%,1);--text-body-l-2:hsla(264,9%,70%,1);--text-body-l-3:hsla(264,9%,83%,1);--text-body-l-4:hsla(264,9%,97%,1);--text-invert:hsla(40,53%,97%,1);--text-invert-5:hsla(40,53%,97%,0.05);--text-invert-10:hsla(40,53%,97%,0.1);--text-invert-20:hsla(40,53%,97%,0.2);--text-invert-30:hsla(40,53%,97%,0.3);--text-invert-40:hsla(40,53%,97%,0.4);--text-invert-50:hsla(40,53%,97%,0.5);--text-invert-60:hsla(40,53%,97%,0.6);--text-invert-70:hsla(40,53%,97%,0.7);--text-invert-80:hsla(40,53%,97%,0.8);--text-invert-90:hsla(40,53%,97%,0.9);--text-invert-d-1:hsla(40,53%,77%,1);--text-invert-d-2:hsla(40,53%,57%,1);--text-invert-d-3:hsla(40,53%,37%,1);--text-invert-d-4:hsla(40,53%,17%,1);--text-invert-l-1:hsla(40,53%,97%,1);--text-invert-l-2:hsla(40,53%,97%,1);--text-invert-l-3:hsla(40,53%,97%,1);--text-invert-l-4:hsla(40,53%,97%,1);--text-accent:hsla(42,62%,33%,1);--text-accent-5:hsla(42,62%,33%,0.05);--text-accent-10:hsla(42,62%,33%,0.1);--text-accent-20:hsla(42,62%,33%,0.2);--text-accent-30:hsla(42,62%,33%,0.3);--text-accent-40:hsla(42,62%,33%,0.4);--text-accent-50:hsla(42,62%,33%,0.5);--text-accent-60:hsla(42,62%,33%,0.6);--text-accent-70:hsla(42,62%,33%,0.7);--text-accent-80:hsla(42,62%,33%,0.8);--text-accent-90:hsla(42,62%,33%,0.9);--text-accent-d-1:hsla(42,62%,26%,1);--text-accent-d-2:hsla(42,62%,20%,1);--text-accent-d-3:hsla(42,62%,13%,1);--text-accent-d-4:hsla(42,62%,6%,1);--text-accent-l-1:hsla(42,62%,49%,1);--text-accent-l-2:hsla(42,62%,65%,1);--text-accent-l-3:hsla(42,62%,81%,1);--text-accent-l-4:hsla(42,62%,97%,1);--border-primary:hsla(39,29%,81%,1);--border-primary-5:hsla(39,29%,81%,0.05);--border-primary-10:hsla(39,29%,81%,0.1);--border-primary-20:hsla(39,29%,81%,0.2);--border-primary-30:hsla(39,29%,81%,0.3);--border-primary-40:hsla(39,29%,81%,0.4);--border-primary-50:hsla(39,29%,81%,0.5);--border-primary-60:hsla(39,29%,81%,0.6);--border-primary-70:hsla(39,29%,81%,0.7);--border-primary-80:hsla(39,29%,81%,0.8);--border-primary-90:hsla(39,29%,81%,0.9);--border-primary-d-1:hsla(39,29%,64%,1);--border-primary-d-2:hsla(39,29%,48%,1);--border-primary-d-3:hsla(39,29%,31%,1);--border-primary-d-4:hsla(39,29%,15%,1);--border-primary-l-1:hsla(39,29%,85%,1);--border-primary-l-2:hsla(39,29%,89%,1);--border-primary-l-3:hsla(39,29%,93%,1);--border-primary-l-4:hsla(39,29%,97%,1);--shadow-primary:hsla(248,39%,20%,1);--shadow-primary-5:hsla(248,39%,20%,0.05);--shadow-primary-10:hsla(248,39%,20%,0.1);--shadow-primary-20:hsla(248,39%,20%,0.2);--shadow-primary-30:hsla(248,39%,20%,0.3);--shadow-primary-40:hsla(248,39%,20%,0.4);--shadow-primary-50:hsla(248,39%,20%,0.5);--shadow-primary-60:hsla(248,39%,20%,0.6);--shadow-primary-70:hsla(248,39%,20%,0.7);--shadow-primary-80:hsla(248,39%,20%,0.8);--shadow-primary-90:hsla(248,39%,20%,0.9);--shadow-primary-d-1:hsla(248,39%,16%,1);--shadow-primary-d-2:hsla(248,39%,13%,1);--shadow-primary-d-3:hsla(248,39%,10%,1);--shadow-primary-d-4:hsla(248,39%,6%,1);--shadow-primary-l-1:hsla(248,39%,39%,1);--shadow-primary-l-2:hsla(248,39%,58%,1);--shadow-primary-l-3:hsla(248,39%,77%,1);--shadow-primary-l-4:hsla(248,39%,96%,1);--light:hsla(40,39%,91%,1);--light-5:hsla(40,39%,91%,0.05);--light-10:hsla(40,39%,91%,0.1);--light-20:hsla(40,39%,91%,0.2);--light-30:hsla(40,39%,91%,0.3);--light-40:hsla(40,39%,91%,0.4);--light-50:hsla(40,39%,91%,0.5);--light-60:hsla(40,39%,91%,0.6);--light-70:hsla(40,39%,91%,0.7);--light-80:hsla(40,39%,91%,0.8);--light-90:hsla(40,39%,91%,0.9);--light-d-1:hsla(40,39%,72%,1);--light-d-2:hsla(40,39%,54%,1);--light-d-3:hsla(40,39%,35%,1);--light-d-4:hsla(40,39%,16%,1);--light-l-1:hsla(40,39%,92%,1);--light-l-2:hsla(40,39%,94%,1);--light-l-3:hsla(40,39%,96%,1);--light-l-4:hsla(40,39%,97%,1);--mid:hsla(34,10%,50%,1);--mid-5:hsla(34,10%,50%,0.05);--mid-10:hsla(34,10%,50%,0.1);--mid-20:hsla(34,10%,50%,0.2);--mid-30:hsla(34,10%,50%,0.3);--mid-40:hsla(34,10%,50%,0.4);--mid-50:hsla(34,10%,50%,0.5);--mid-60:hsla(34,10%,50%,0.6);--mid-70:hsla(34,10%,50%,0.7);--mid-80:hsla(34,10%,50%,0.8);--mid-90:hsla(34,10%,50%,0.9);--mid-d-1:hsla(34,10%,40%,1);--mid-d-2:hsla(34,10%,30%,1);--mid-d-3:hsla(34,10%,19%,1);--mid-d-4:hsla(34,10%,9%,1);--mid-l-1:hsla(34,10%,62%,1);--mid-l-2:hsla(34,10%,74%,1);--mid-l-3:hsla(34,10%,85%,1);--mid-l-4:hsla(34,10%,97%,1);--dark:hsla(35,16%,15%,1);--dark-5:hsla(35,16%,15%,0.05);--dark-10:hsla(35,16%,15%,0.1);--dark-20:hsla(35,16%,15%,0.2);--dark-30:hsla(35,16%,15%,0.3);--dark-40:hsla(35,16%,15%,0.4);--dark-50:hsla(35,16%,15%,0.5);--dark-60:hsla(35,16%,15%,0.6);--dark-70:hsla(35,16%,15%,0.7);--dark-80:hsla(35,16%,15%,0.8);--dark-90:hsla(35,16%,15%,0.9);--dark-d-1:hsla(35,16%,13%,1);--dark-d-2:hsla(35,16%,10%,1);--dark-d-3:hsla(35,16%,8%,1);--dark-d-4:hsla(35,16%,6%,1);--dark-l-1:hsla(35,16%,35%,1);--dark-l-2:hsla(35,16%,55%,1);--dark-l-3:hsla(35,16%,76%,1);--dark-l-4:hsla(35,16%,96%,1);--success:hsla(135,26%,33%,1);--success-5:hsla(135,26%,33%,0.05);--success-10:hsla(135,26%,33%,0.1);--success-20:hsla(135,26%,33%,0.2);--success-30:hsla(135,26%,33%,0.3);--success-40:hsla(135,26%,33%,0.4);--success-50:hsla(135,26%,33%,0.5);--success-60:hsla(135,26%,33%,0.6);--success-70:hsla(135,26%,33%,0.7);--success-80:hsla(135,26%,33%,0.8);--success-90:hsla(135,26%,33%,0.9);--success-d-1:hsla(135,26%,26%,1);--success-d-2:hsla(135,26%,20%,1);--success-d-3:hsla(135,26%,13%,1);--success-d-4:hsla(135,26%,6%,1);--success-l-1:hsla(135,26%,49%,1);--success-l-2:hsla(135,26%,65%,1);--success-l-3:hsla(135,26%,81%,1);--success-l-4:hsla(135,26%,97%,1);--warning:hsla(39,100%,27%,1);--warning-5:hsla(39,100%,27%,0.05);--warning-10:hsla(39,100%,27%,0.1);--warning-20:hsla(39,100%,27%,0.2);--warning-30:hsla(39,100%,27%,0.3);--warning-40:hsla(39,100%,27%,0.4);--warning-50:hsla(39,100%,27%,0.5);--warning-60:hsla(39,100%,27%,0.6);--warning-70:hsla(39,100%,27%,0.7);--warning-80:hsla(39,100%,27%,0.8);--warning-90:hsla(39,100%,27%,0.9);--warning-d-1:hsla(39,100%,22%,1);--warning-d-2:hsla(39,100%,16%,1);--warning-d-3:hsla(39,100%,11%,1);--warning-d-4:hsla(39,100%,6%,1);--warning-l-1:hsla(39,100%,44%,1);--warning-l-2:hsla(39,100%,62%,1);--warning-l-3:hsla(39,100%,79%,1);--warning-l-4:hsla(39,100%,96%,1);--error:hsla(358,64%,37%,1);--error-5:hsla(358,64%,37%,0.05);--error-10:hsla(358,64%,37%,0.1);--error-20:hsla(358,64%,37%,0.2);--error-30:hsla(358,64%,37%,0.3);--error-40:hsla(358,64%,37%,0.4);--error-50:hsla(358,64%,37%,0.5);--error-60:hsla(358,64%,37%,0.6);--error-70:hsla(358,64%,37%,0.7);--error-80:hsla(358,64%,37%,0.8);--error-90:hsla(358,64%,37%,0.9);--error-d-1:hsla(358,64%,29%,1);--error-d-2:hsla(358,64%,22%,1);--error-d-3:hsla(358,64%,14%,1);--error-d-4:hsla(358,64%,7%,1);--error-l-1:hsla(358,64%,52%,1);--error-l-2:hsla(358,64%,67%,1);--error-l-3:hsla(358,64%,82%,1);--error-l-4:hsla(358,64%,97%,1);--space-3xs:clamp(0.3rem,calc(0.15vw + 0.27rem),0.4rem);--space-2xs:clamp(0.44rem,calc(0.22vw + 0.4rem),0.59rem);--space-xs:clamp(0.67rem,calc(0.33vw + 0.6rem),0.89rem);--space-s:clamp(1rem,calc(0.49vw + 0.9rem),1.33rem);--space-m:clamp(1.5rem,calc(0.74vw + 1.35rem),2rem);--space-l:clamp(2.25rem,calc(1.11vw + 2.03rem),3rem);--space-xl:clamp(3.38rem,calc(1.67vw + 3.04rem),4.5rem);--space-2xl:clamp(5.06rem,calc(2.5vw + 4.56rem),6.75rem);--space-3xl:clamp(7.59rem,calc(3.75vw + 6.84rem),10.13rem);--space-4xl:clamp(11.39rem,calc(5.63vw + 10.27rem),15.19rem);--text-xs:clamp(0.77rem,calc(-0.21vw + 0.81rem),0.63rem);--text-s:clamp(0.88rem,calc(-0.12vw + 0.9rem),0.79rem);--text-m:clamp(1rem,calc(0vw + 1rem),1rem);--text-l:clamp(1.14rem,calc(0.18vw + 1.1rem),1.26rem);--text-xl:clamp(1.3rem,calc(0.43vw + 1.21rem),1.59rem);--text-2xl:clamp(1.48rem,calc(0.77vw + 1.33rem),2rem);--text-3xl:clamp(1.69rem,calc(1.23vw + 1.44rem),2.52rem);--text-4xl:clamp(1.93rem,calc(1.85vw + 1.55rem),3.18rem);--font-display:"Reem Kufi","Segoe UI",system-ui,sans-serif;--font-body:"Almarai","Segoe UI",system-ui,sans-serif;--h1-size:clamp(1.875rem,2.6vw + 1.35rem,3.25rem);--h2-size:clamp(1.625rem,1.7vw + 1.29rem,2.5rem);--h3-size:clamp(1.375rem,0.93vw + 1.19rem,1.875rem);--h4-size:clamp(1.1875rem,0.58vw + 1.07rem,1.5rem);--lead-size:clamp(1rem,0.23vw + 0.95rem,1.125rem);--body-size:1rem;--small-size:0.9375rem;--caption-size:0.8125rem;--lh-h1:1.3;--lh-h2:1.35;--lh-h3:1.4;--lh-h4:1.45;--lh-body:2;--lh-small:1.8;--nav-link-size:var(--small-size);--container:1200px;--container-narrow:900px;--gutter:clamp(1.25rem,2.2vw + 0.81rem,2rem);--section-y:clamp(3.5rem,3.7vw + 2.76rem,6rem);--section-y-lg:clamp(4.5rem,5.9vw + 3.32rem,8.5rem);--header-space:var(--space-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--footer-space:var(--space-s) var(--space-m);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--columns-9:repeat(9,minmax(0,1fr));--columns-10:repeat(10,minmax(0,1fr));--columns-11:repeat(11,minmax(0,1fr));--columns-12:repeat(12,minmax(0,1fr));--radius-xs:clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.19vw + 0.34rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.19vw + 0.59rem),0.75rem);--radius-l:clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.56vw + 1.51rem),2rem);--radius-full:9999px;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 2px 8px hsla(251,39%,20%,0.06);--shadow-m:0 10px 30px hsla(251,39%,20%,0.10);--shadow-l:0 24px 60px hsla(251,39%,20%,0.14);--shadow-xl:0 24px 60px hsla(0,0%,0%,0.30);}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--primary);color:#fff;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-m);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}.btn:hover{background:var(--primary-d-1);transform:translateY(-0.1rem);}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.btn.ghost:hover{background:var(--dark-10);}.btn.slight:hover{background:var(--dark-5);}.btn.tertiary:hover{background:var(--tertiary-d-1);}.btn.secondary:hover{background:var(--secondary-d-1);}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.btn.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.link{color:var(--primary);font-size:var(--text-m);font-weight:600;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);text-decoration:none;transition:all 0.15s ease-in-out;}.link:hover{box-shadow:0 2px 0 var(--primary-40);}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}.select:hover{border-color:var(--primary);}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);height:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}.checkbox:hover{border-color:var(--primary);}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{background:var(--primary);border-color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);height:clamp(1.13rem,calc(0.37vw + 1.05rem),1.38rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}.bg-primary{background-color:var(--primary);}.bg-primary-5{background-color:var(--primary-5);}.bg-primary-10{background-color:var(--primary-10);}.bg-primary-20{background-color:var(--primary-20);}.bg-primary-30{background-color:var(--primary-30);}.bg-primary-40{background-color:var(--primary-40);}.bg-primary-50{background-color:var(--primary-50);}.bg-primary-60{background-color:var(--primary-60);}.bg-primary-70{background-color:var(--primary-70);}.bg-primary-80{background-color:var(--primary-80);}.bg-primary-90{background-color:var(--primary-90);}.bg-primary-d-1{background-color:var(--primary-d-1);}.bg-primary-d-2{background-color:var(--primary-d-2);}.bg-primary-d-3{background-color:var(--primary-d-3);}.bg-primary-d-4{background-color:var(--primary-d-4);}.bg-primary-l-1{background-color:var(--primary-l-1);}.bg-primary-l-2{background-color:var(--primary-l-2);}.bg-primary-l-3{background-color:var(--primary-l-3);}.bg-primary-l-4{background-color:var(--primary-l-4);}.text-primary{color:var(--primary);}.text-primary-5{color:var(--primary-5);}.text-primary-10{color:var(--primary-10);}.text-primary-20{color:var(--primary-20);}.text-primary-30{color:var(--primary-30);}.text-primary-40{color:var(--primary-40);}.text-primary-50{color:var(--primary-50);}.text-primary-60{color:var(--primary-60);}.text-primary-70{color:var(--primary-70);}.text-primary-80{color:var(--primary-80);}.text-primary-90{color:var(--primary-90);}.text-primary-d-1{color:var(--primary-d-1);}.text-primary-d-2{color:var(--primary-d-2);}.text-primary-d-3{color:var(--primary-d-3);}.text-primary-d-4{color:var(--primary-d-4);}.text-primary-l-1{color:var(--primary-l-1);}.text-primary-l-2{color:var(--primary-l-2);}.text-primary-l-3{color:var(--primary-l-3);}.text-primary-l-4{color:var(--primary-l-4);}.border-primary{border-color:var(--primary);border-color:var(--border-primary);}.border-primary-5{border-color:var(--primary-5);border-color:var(--border-primary-5);}.border-primary-10{border-color:var(--primary-10);border-color:var(--border-primary-10);}.border-primary-20{border-color:var(--primary-20);border-color:var(--border-primary-20);}.border-primary-30{border-color:var(--primary-30);border-color:var(--border-primary-30);}.border-primary-40{border-color:var(--primary-40);border-color:var(--border-primary-40);}.border-primary-50{border-color:var(--primary-50);border-color:var(--border-primary-50);}.border-primary-60{border-color:var(--primary-60);border-color:var(--border-primary-60);}.border-primary-70{border-color:var(--primary-70);border-color:var(--border-primary-70);}.border-primary-80{border-color:var(--primary-80);border-color:var(--border-primary-80);}.border-primary-90{border-color:var(--primary-90);border-color:var(--border-primary-90);}.border-primary-d-1{border-color:var(--primary-d-1);border-color:var(--border-primary-d-1);}.border-primary-d-2{border-color:var(--primary-d-2);border-color:var(--border-primary-d-2);}.border-primary-d-3{border-color:var(--primary-d-3);border-color:var(--border-primary-d-3);}.border-primary-d-4{border-color:var(--primary-d-4);border-color:var(--border-primary-d-4);}.border-primary-l-1{border-color:var(--primary-l-1);border-color:var(--border-primary-l-1);}.border-primary-l-2{border-color:var(--primary-l-2);border-color:var(--border-primary-l-2);}.border-primary-l-3{border-color:var(--primary-l-3);border-color:var(--border-primary-l-3);}.border-primary-l-4{border-color:var(--primary-l-4);border-color:var(--border-primary-l-4);}.bg-secondary{background-color:var(--secondary);}.bg-secondary-5{background-color:var(--secondary-5);}.bg-secondary-10{background-color:var(--secondary-10);}.bg-secondary-20{background-color:var(--secondary-20);}.bg-secondary-30{background-color:var(--secondary-30);}.bg-secondary-40{background-color:var(--secondary-40);}.bg-secondary-50{background-color:var(--secondary-50);}.bg-secondary-60{background-color:var(--secondary-60);}.bg-secondary-70{background-color:var(--secondary-70);}.bg-secondary-80{background-color:var(--secondary-80);}.bg-secondary-90{background-color:var(--secondary-90);}.bg-secondary-d-1{background-color:var(--secondary-d-1);}.bg-secondary-d-2{background-color:var(--secondary-d-2);}.bg-secondary-d-3{background-color:var(--secondary-d-3);}.bg-secondary-d-4{background-color:var(--secondary-d-4);}.bg-secondary-l-1{background-color:var(--secondary-l-1);}.bg-secondary-l-2{background-color:var(--secondary-l-2);}.bg-secondary-l-3{background-color:var(--secondary-l-3);}.bg-secondary-l-4{background-color:var(--secondary-l-4);}.text-secondary{color:var(--secondary);}.text-secondary-5{color:var(--secondary-5);}.text-secondary-10{color:var(--secondary-10);}.text-secondary-20{color:var(--secondary-20);}.text-secondary-30{color:var(--secondary-30);}.text-secondary-40{color:var(--secondary-40);}.text-secondary-50{color:var(--secondary-50);}.text-secondary-60{color:var(--secondary-60);}.text-secondary-70{color:var(--secondary-70);}.text-secondary-80{color:var(--secondary-80);}.text-secondary-90{color:var(--secondary-90);}.text-secondary-d-1{color:var(--secondary-d-1);}.text-secondary-d-2{color:var(--secondary-d-2);}.text-secondary-d-3{color:var(--secondary-d-3);}.text-secondary-d-4{color:var(--secondary-d-4);}.text-secondary-l-1{border-color:var(--primary-40);border-color:var(--border-primary-40);}.text-secondary-l-2{color:var(--secondary-l-2);}.text-secondary-l-3{color:var(--secondary-l-3);}.text-secondary-l-4{color:var(--secondary-l-4);}.border-secondary{border-color:var(--secondary);}.border-secondary-5{border-color:var(--secondary-5);}.border-secondary-10{border-color:var(--secondary-10);}.border-secondary-20{border-color:var(--secondary-20);}.border-secondary-30{border-color:var(--secondary-30);}.border-secondary-40{border-color:var(--secondary-40);}.border-secondary-50{border-color:var(--secondary-50);}.border-secondary-60{border-color:var(--secondary-60);}.border-secondary-70{border-color:var(--secondary-70);}.border-secondary-80{border-color:var(--secondary-80);}.border-secondary-90{border-color:var(--secondary-90);}.border-secondary-d-1{border-color:var(--secondary-d-1);}.border-secondary-d-2{border-color:var(--secondary-d-2);}.border-secondary-d-3{border-color:var(--secondary-d-3);}.border-secondary-d-4{border-color:var(--secondary-d-4);}.border-secondary-l-1{border-color:var(--secondary-l-1);}.border-secondary-l-2{border-color:var(--secondary-l-2);}.border-secondary-l-3{border-color:var(--secondary-l-3);}.border-secondary-l-4{border-color:var(--secondary-l-4);}.bg-accent{background-color:var(--accent);}.bg-accent-5{background-color:var(--accent-5);}.bg-accent-10{background-color:var(--accent-10);}.bg-accent-20{background-color:var(--accent-20);}.bg-accent-30{background-color:var(--accent-30);}.bg-accent-40{background-color:var(--accent-40);}.bg-accent-50{background-color:var(--accent-50);}.bg-accent-60{background-color:var(--accent-60);}.bg-accent-70{background-color:var(--accent-70);}.bg-accent-80{background-color:var(--accent-80);}.bg-accent-90{background-color:var(--accent-90);}.bg-accent-d-1{background-color:var(--accent-d-1);}.bg-accent-d-2{background-color:var(--accent-d-2);}.bg-accent-d-3{background-color:var(--accent-d-3);}.bg-accent-d-4{background-color:var(--accent-d-4);}.bg-accent-l-1{background-color:var(--accent-l-1);}.bg-accent-l-2{background-color:var(--accent-l-2);}.bg-accent-l-3{background-color:var(--accent-l-3);}.bg-accent-l-4{background-color:var(--accent-l-4);}.text-accent{color:var(--accent);color:var(--text-accent);}.text-accent-5{color:var(--accent-5);color:var(--text-accent-5);}.text-accent-10{color:var(--accent-10);color:var(--text-accent-10);}.text-accent-20{color:var(--accent-20);color:var(--text-accent-20);}.text-accent-30{color:var(--accent-30);color:var(--text-accent-30);}.text-accent-40{color:var(--accent-40);color:var(--text-accent-40);}.text-accent-50{color:var(--accent-50);color:var(--text-accent-50);}.text-accent-60{color:var(--accent-60);color:var(--text-accent-60);}.text-accent-70{color:var(--accent-70);color:var(--text-accent-70);}.text-accent-80{color:var(--accent-80);color:var(--text-accent-80);}.text-accent-90{color:var(--accent-90);color:var(--text-accent-90);}.text-accent-d-1{color:var(--accent-d-1);color:var(--text-accent-d-1);}.text-accent-d-2{color:var(--accent-d-2);color:var(--text-accent-d-2);}.text-accent-d-3{color:var(--accent-d-3);color:var(--text-accent-d-3);}.text-accent-d-4{color:var(--accent-d-4);color:var(--text-accent-d-4);}.text-accent-l-1{color:var(--accent-l-1);color:var(--text-accent-l-1);}.text-accent-l-2{color:var(--accent-l-2);color:var(--text-accent-l-2);}.text-accent-l-3{color:var(--accent-l-3);color:var(--text-accent-l-3);}.text-accent-l-4{color:var(--accent-l-4);color:var(--text-accent-l-4);}.border-accent{border-color:var(--accent);}.border-accent-5{border-color:var(--accent-5);}.border-accent-10{border-color:var(--accent-10);}.border-accent-20{border-color:var(--accent-20);}.border-accent-30{border-color:var(--accent-30);}.border-accent-40{border-color:var(--accent-40);}.border-accent-50{border-color:var(--accent-50);}.border-accent-60{border-color:var(--accent-60);}.border-accent-70{border-color:var(--accent-70);}.border-accent-80{border-color:var(--accent-80);}.border-accent-90{border-color:var(--accent-90);}.border-accent-d-1{border-color:var(--accent-d-1);}.border-accent-d-2{border-color:var(--accent-d-2);}.border-accent-d-3{border-color:var(--accent-d-3);}.border-accent-d-4{border-color:var(--accent-d-4);}.border-accent-l-1{border-color:var(--accent-l-1);}.border-accent-l-2{border-color:var(--accent-l-2);}.border-accent-l-3{border-color:var(--accent-l-3);}.border-accent-l-4{border-color:var(--accent-l-4);}.bg-body{background-color:var(--bg-body);}.bg-body-5{background-color:var(--bg-body-5);}.bg-body-10{background-color:var(--bg-body-10);}.bg-body-20{background-color:var(--bg-body-20);}.bg-body-30{background-color:var(--bg-body-30);}.bg-body-40{background-color:var(--bg-body-40);}.bg-body-50{background-color:var(--bg-body-50);}.bg-body-60{background-color:var(--bg-body-60);}.bg-body-70{background-color:var(--bg-body-70);}.bg-body-80{background-color:var(--bg-body-80);}.bg-body-90{background-color:var(--bg-body-90);}.bg-body-d-1{background-color:var(--bg-body-d-1);}.bg-body-d-2{background-color:var(--bg-body-d-2);}.bg-body-d-3{background-color:var(--bg-body-d-3);}.bg-body-d-4{background-color:var(--bg-body-d-4);}.bg-body-l-1{background-color:var(--bg-body-l-1);}.bg-body-l-2{background-color:var(--bg-body-l-2);}.bg-body-l-3{background-color:var(--bg-body-l-3);}.bg-body-l-4{background-color:var(--bg-body-l-4);}.bg-alt{background-color:var(--bg-alt);}.bg-alt-5{background-color:var(--bg-alt-5);}.bg-alt-10{background-color:var(--bg-alt-10);}.bg-alt-20{background-color:var(--bg-alt-20);}.bg-alt-30{background-color:var(--bg-alt-30);}.bg-alt-40{background-color:var(--bg-alt-40);}.bg-alt-50{background-color:var(--bg-alt-50);}.bg-alt-60{background-color:var(--bg-alt-60);}.bg-alt-70{background-color:var(--bg-alt-70);}.bg-alt-80{background-color:var(--bg-alt-80);}.bg-alt-90{background-color:var(--bg-alt-90);}.bg-alt-d-1{background-color:var(--bg-alt-d-1);}.bg-alt-d-2{background-color:var(--bg-alt-d-2);}.bg-alt-d-3{background-color:var(--bg-alt-d-3);}.bg-alt-d-4{background-color:var(--bg-alt-d-4);}.bg-alt-l-1{background-color:var(--bg-alt-l-1);}.bg-alt-l-2{background-color:var(--bg-alt-l-2);}.bg-alt-l-3{background-color:var(--bg-alt-l-3);}.bg-alt-l-4{background-color:var(--bg-alt-l-4);}.bg-surface{background-color:var(--bg-surface);}.bg-surface-5{background-color:var(--bg-surface-5);}.bg-surface-10{background-color:var(--bg-surface-10);}.bg-surface-20{background-color:var(--bg-surface-20);}.bg-surface-30{background-color:var(--bg-surface-30);}.bg-surface-40{background-color:var(--bg-surface-40);}.bg-surface-50{background-color:var(--bg-surface-50);}.bg-surface-60{background-color:var(--bg-surface-60);}.bg-surface-70{background-color:var(--bg-surface-70);}.bg-surface-80{background-color:var(--bg-surface-80);}.bg-surface-90{background-color:var(--bg-surface-90);}.bg-surface-d-1{background-color:var(--bg-surface-d-1);}.bg-surface-d-2{background-color:var(--bg-surface-d-2);}.bg-surface-d-3{background-color:var(--bg-surface-d-3);}.bg-surface-d-4{background-color:var(--bg-surface-d-4);}.bg-surface-l-1{background-color:var(--bg-surface-l-1);}.bg-surface-l-2{background-color:var(--bg-surface-l-2);}.bg-surface-l-3{background-color:var(--bg-surface-l-3);}.bg-surface-l-4{background-color:var(--bg-surface-l-4);}.text-title{color:var(--text-title);}.text-title-5{color:var(--text-title-5);}.text-title-10{color:var(--text-title-10);}.text-title-20{color:var(--text-title-20);}.text-title-30{color:var(--text-title-30);}.text-title-40{color:var(--text-title-40);}.text-title-50{color:var(--text-title-50);}.text-title-60{color:var(--text-title-60);}.text-title-70{color:var(--text-title-70);}.text-title-80{color:var(--text-title-80);}.text-title-90{color:var(--text-title-90);}.text-title-d-1{color:var(--text-title-d-1);}.text-title-d-2{color:var(--text-title-d-2);}.text-title-d-3{color:var(--text-title-d-3);}.text-title-d-4{color:var(--text-title-d-4);}.text-title-l-1{color:var(--text-title-l-1);}.text-title-l-2{color:var(--text-title-l-2);}.text-title-l-3{color:var(--text-title-l-3);}.text-title-l-4{color:var(--text-title-l-4);}.text-body{color:var(--text-body);}.text-body-5{color:var(--text-body-5);}.text-body-10{color:var(--text-body-10);}.text-body-20{color:var(--text-body-20);}.text-body-30{color:var(--text-body-30);}.text-body-40{color:var(--text-body-40);}.text-body-50{color:var(--text-body-50);}.text-body-60{color:var(--text-body-60);}.text-body-70{color:var(--text-body-70);}.text-body-80{color:var(--text-body-80);}.text-body-90{color:var(--text-body-90);}.text-body-d-1{color:var(--text-body-d-1);}.text-body-d-2{color:var(--text-body-d-2);}.text-body-d-3{color:var(--text-body-d-3);}.text-body-d-4{color:var(--text-body-d-4);}.text-body-l-1{color:var(--text-body-l-1);}.text-body-l-2{color:var(--text-body-l-2);}.text-body-l-3{color:var(--text-body-l-3);}.text-body-l-4{color:var(--text-body-l-4);}.text-invert{color:var(--text-invert);}.text-invert-5{color:var(--text-invert-5);}.text-invert-10{color:var(--text-invert-10);}.text-invert-20{color:var(--text-invert-20);}.text-invert-30{color:var(--text-invert-30);}.text-invert-40{color:var(--text-invert-40);}.text-invert-50{color:var(--text-invert-50);}.text-invert-60{color:var(--text-invert-60);}.text-invert-70{color:var(--text-invert-70);}.text-invert-80{color:var(--text-invert-80);}.text-invert-90{color:var(--text-invert-90);}.text-invert-d-1{color:var(--text-invert-d-1);}.text-invert-d-2{color:var(--text-invert-d-2);}.text-invert-d-3{color:var(--text-invert-d-3);}.text-invert-d-4{color:var(--text-invert-d-4);}.text-invert-l-1{color:var(--text-invert-l-1);}.text-invert-l-2{color:var(--text-invert-l-2);}.text-invert-l-3{color:var(--text-invert-l-3);}.text-invert-l-4{color:var(--text-invert-l-4);}.bg-shadow-primary{background-color:var(--shadow-primary);}.bg-shadow-primary-5{background-color:var(--shadow-primary-5);}.bg-shadow-primary-10{background-color:var(--shadow-primary-10);}.bg-shadow-primary-20{background-color:var(--shadow-primary-20);}.bg-shadow-primary-30{background-color:var(--shadow-primary-30);}.bg-shadow-primary-40{background-color:var(--shadow-primary-40);}.bg-shadow-primary-50{background-color:var(--shadow-primary-50);}.bg-shadow-primary-60{background-color:var(--shadow-primary-60);}.bg-shadow-primary-70{background-color:var(--shadow-primary-70);}.bg-shadow-primary-80{background-color:var(--shadow-primary-80);}.bg-shadow-primary-90{background-color:var(--shadow-primary-90);}.bg-shadow-primary-d-1{background-color:var(--shadow-primary-d-1);}.bg-shadow-primary-d-2{background-color:var(--shadow-primary-d-2);}.bg-shadow-primary-d-3{background-color:var(--shadow-primary-d-3);}.bg-shadow-primary-d-4{background-color:var(--shadow-primary-d-4);}.bg-shadow-primary-l-1{background-color:var(--shadow-primary-l-1);}.bg-shadow-primary-l-2{background-color:var(--shadow-primary-l-2);}.bg-shadow-primary-l-3{background-color:var(--shadow-primary-l-3);}.bg-shadow-primary-l-4{background-color:var(--shadow-primary-l-4);}.bg-light{background-color:var(--light);}.bg-light-5{background-color:var(--light-5);}.bg-light-10{background-color:var(--light-10);}.bg-light-20{background-color:var(--light-20);}.bg-light-30{background-color:var(--light-30);}.bg-light-40{background-color:var(--light-40);}.bg-light-50{background-color:var(--light-50);}.bg-light-60{background-color:var(--light-60);}.bg-light-70{background-color:var(--light-70);}.bg-light-80{background-color:var(--light-80);}.bg-light-90{background-color:var(--light-90);}.bg-light-d-1{background-color:var(--light-d-1);}.bg-light-d-2{background-color:var(--light-d-2);}.bg-light-d-3{background-color:var(--light-d-3);}.bg-light-d-4{background-color:var(--light-d-4);}.bg-light-l-1{background-color:var(--light-l-1);}.bg-light-l-2{background-color:var(--light-l-2);}.bg-light-l-3{background-color:var(--light-l-3);}.bg-light-l-4{background-color:var(--light-l-4);}.text-light{color:var(--light);}.text-light-5{color:var(--light-5);}.text-light-10{color:var(--light-10);}.text-light-20{color:var(--light-20);}.text-light-30{color:var(--light-30);}.text-light-40{color:var(--light-40);}.text-light-50{color:var(--light-50);}.text-light-60{color:var(--light-60);}.text-light-70{color:var(--light-70);}.text-light-80{color:var(--light-80);}.text-light-90{color:var(--light-90);}.text-light-d-1{color:var(--light-d-1);}.text-light-d-2{color:var(--light-d-2);}.text-light-d-3{color:var(--light-d-3);}.text-light-d-4{color:var(--light-d-4);}.text-light-l-1{color:var(--light-l-1);}.text-light-l-2{color:var(--light-l-2);}.text-light-l-3{color:var(--light-l-3);}.text-light-l-4{color:var(--light-l-4);}.border-light{border-color:var(--light);}.border-light-5{border-color:var(--light-5);}.border-light-10{border-color:var(--light-10);}.border-light-20{border-color:var(--light-20);}.border-light-30{border-color:var(--light-30);}.border-light-40{border-color:var(--light-40);}.border-light-50{border-color:var(--light-50);}.border-light-60{border-color:var(--light-60);}.border-light-70{border-color:var(--light-70);}.border-light-80{border-color:var(--light-80);}.border-light-90{border-color:var(--light-90);}.border-light-d-1{border-color:var(--light-d-1);}.border-light-d-2{border-color:var(--light-d-2);}.border-light-d-3{border-color:var(--light-d-3);}.border-light-d-4{border-color:var(--light-d-4);}.border-light-l-1{border-color:var(--light-l-1);}.border-light-l-2{border-color:var(--light-l-2);}.border-light-l-3{border-color:var(--light-l-3);}.border-light-l-4{border-color:var(--light-l-4);}.bg-mid{background-color:var(--mid);}.bg-mid-5{background-color:var(--mid-5);}.bg-mid-10{background-color:var(--mid-10);}.bg-mid-20{background-color:var(--mid-20);}.bg-mid-30{background-color:var(--mid-30);}.bg-mid-40{background-color:var(--mid-40);}.bg-mid-50{background-color:var(--mid-50);}.bg-mid-60{background-color:var(--mid-60);}.bg-mid-70{background-color:var(--mid-70);}.bg-mid-80{background-color:var(--mid-80);}.bg-mid-90{background-color:var(--mid-90);}.bg-mid-d-1{background-color:var(--mid-d-1);}.bg-mid-d-2{background-color:var(--mid-d-2);}.bg-mid-d-3{background-color:var(--mid-d-3);}.bg-mid-d-4{background-color:var(--mid-d-4);}.bg-mid-l-1{background-color:var(--mid-l-1);}.bg-mid-l-2{background-color:var(--mid-l-2);}.bg-mid-l-3{background-color:var(--mid-l-3);}.bg-mid-l-4{background-color:var(--mid-l-4);}.text-mid{color:var(--mid);}.text-mid-5{color:var(--mid-5);}.text-mid-10{color:var(--mid-10);}.text-mid-20{color:var(--mid-20);}.text-mid-30{color:var(--mid-30);}.text-mid-40{color:var(--mid-40);}.text-mid-50{color:var(--mid-50);}.text-mid-60{color:var(--mid-60);}.text-mid-70{color:var(--mid-70);}.text-mid-80{color:var(--mid-80);}.text-mid-90{color:var(--mid-90);}.text-mid-d-1{color:var(--mid-d-1);}.text-mid-d-2{color:var(--mid-d-2);}.text-mid-d-3{color:var(--mid-d-3);}.text-mid-d-4{color:var(--mid-d-4);}.text-mid-l-1{color:var(--mid-l-1);}.text-mid-l-2{color:var(--mid-l-2);}.text-mid-l-3{color:var(--mid-l-3);}.text-mid-l-4{color:var(--mid-l-4);}.border-mid{border-color:var(--mid);}.border-mid-5{border-color:var(--mid-5);}.border-mid-10{border-color:var(--mid-10);}.border-mid-20{border-color:var(--mid-20);}.border-mid-30{border-color:var(--mid-30);}.border-mid-40{border-color:var(--mid-40);}.border-mid-50{border-color:var(--mid-50);}.border-mid-60{border-color:var(--mid-60);}.border-mid-70{border-color:var(--mid-70);}.border-mid-80{border-color:var(--mid-80);}.border-mid-90{border-color:var(--mid-90);}.border-mid-d-1{border-color:var(--mid-d-1);}.border-mid-d-2{border-color:var(--mid-d-2);}.border-mid-d-3{border-color:var(--mid-d-3);}.border-mid-d-4{border-color:var(--mid-d-4);}.border-mid-l-1{border-color:var(--mid-l-1);}.border-mid-l-2{border-color:var(--mid-l-2);}.border-mid-l-3{border-color:var(--mid-l-3);}.border-mid-l-4{border-color:var(--mid-l-4);}.bg-dark{background-color:var(--dark);}.bg-dark-5{background-color:var(--dark-5);}.bg-dark-10{background-color:var(--dark-10);}.bg-dark-20{background-color:var(--dark-20);}.bg-dark-30{background-color:var(--dark-30);}.bg-dark-40{background-color:var(--dark-40);}.bg-dark-50{background-color:var(--dark-50);}.bg-dark-60{background-color:var(--dark-60);}.bg-dark-70{background-color:var(--dark-70);}.bg-dark-80{background-color:var(--dark-80);}.bg-dark-90{background-color:var(--dark-90);}.bg-dark-d-1{background-color:var(--dark-d-1);}.bg-dark-d-2{background-color:var(--dark-d-2);}.bg-dark-d-3{background-color:var(--dark-d-3);}.bg-dark-d-4{background-color:var(--dark-d-4);}.bg-dark-l-1{background-color:var(--dark-l-1);}.bg-dark-l-2{background-color:var(--dark-l-2);}.bg-dark-l-3{background-color:var(--dark-l-3);}.bg-dark-l-4{background-color:var(--dark-l-4);}.text-dark{color:var(--dark);}.text-dark-5{color:var(--dark-5);}.text-dark-10{color:var(--dark-10);}.text-dark-20{color:var(--dark-20);}.text-dark-30{color:var(--dark-30);}.text-dark-40{color:var(--dark-40);}.text-dark-50{color:var(--dark-50);}.text-dark-60{color:var(--dark-60);}.text-dark-70{color:var(--dark-70);}.text-dark-80{color:var(--dark-80);}.text-dark-90{color:var(--dark-90);}.text-dark-d-1{color:var(--dark-d-1);}.text-dark-d-2{color:var(--dark-d-2);}.text-dark-d-3{color:var(--dark-d-3);}.text-dark-d-4{color:var(--dark-d-4);}.text-dark-l-1{color:var(--dark-l-1);}.text-dark-l-2{color:var(--dark-l-2);}.text-dark-l-3{color:var(--dark-l-3);}.text-dark-l-4{color:var(--dark-l-4);}.border-dark{border-color:var(--dark);}.border-dark-5{border-color:var(--dark-5);}.border-dark-10{border-color:var(--dark-10);}.border-dark-20{border-color:var(--dark-20);}.border-dark-30{border-color:var(--dark-30);}.border-dark-40{border-color:var(--dark-40);}.border-dark-50{border-color:var(--dark-50);}.border-dark-60{border-color:var(--dark-60);}.border-dark-70{border-color:var(--dark-70);}.border-dark-80{border-color:var(--dark-80);}.border-dark-90{border-color:var(--dark-90);}.border-dark-d-1{border-color:var(--dark-d-1);}.border-dark-d-2{border-color:var(--dark-d-2);}.border-dark-d-3{border-color:var(--dark-d-3);}.border-dark-d-4{border-color:var(--dark-d-4);}.border-dark-l-1{border-color:var(--dark-l-1);}.border-dark-l-2{border-color:var(--dark-l-2);}.border-dark-l-3{border-color:var(--dark-l-3);}.border-dark-l-4{border-color:var(--dark-l-4);}.bg-success{background-color:var(--success);}.bg-success-5{background-color:var(--success-5);}.bg-success-10{background-color:var(--success-10);}.bg-success-20{background-color:var(--success-20);}.bg-success-30{background-color:var(--success-30);}.bg-success-40{background-color:var(--success-40);}.bg-success-50{background-color:var(--success-50);}.bg-success-60{background-color:var(--success-60);}.bg-success-70{background-color:var(--success-70);}.bg-success-80{background-color:var(--success-80);}.bg-success-90{background-color:var(--success-90);}.bg-success-d-1{background-color:var(--success-d-1);}.bg-success-d-2{background-color:var(--success-d-2);}.bg-success-d-3{background-color:var(--success-d-3);}.bg-success-d-4{background-color:var(--success-d-4);}.bg-success-l-1{background-color:var(--success-l-1);}.bg-success-l-2{background-color:var(--success-l-2);}.bg-success-l-3{background-color:var(--success-l-3);}.bg-success-l-4{background-color:var(--success-l-4);}.text-success{color:var(--success);}.text-success-5{color:var(--success-5);}.text-success-10{color:var(--success-10);}.text-success-20{color:var(--success-20);}.text-success-30{color:var(--success-30);}.text-success-40{color:var(--success-40);}.text-success-50{color:var(--success-50);}.text-success-60{color:var(--success-60);}.text-success-70{color:var(--success-70);}.text-success-80{color:var(--success-80);}.text-success-90{color:var(--success-90);}.text-success-d-1{color:var(--success-d-1);}.text-success-d-2{color:var(--success-d-2);}.text-success-d-3{color:var(--success-d-3);}.text-success-d-4{color:var(--success-d-4);}.text-success-l-1{color:var(--success-l-1);}.text-success-l-2{color:var(--success-l-2);}.text-success-l-3{color:var(--success-l-3);}.text-success-l-4{color:var(--success-l-4);}.border-success{border-color:var(--success);}.border-success-5{border-color:var(--success-5);}.border-success-10{border-color:var(--success-10);}.border-success-20{border-color:var(--success-20);}.border-success-30{border-color:var(--success-30);}.border-success-40{border-color:var(--success-40);}.border-success-50{border-color:var(--success-50);}.border-success-60{border-color:var(--success-60);}.border-success-70{border-color:var(--success-70);}.border-success-80{border-color:var(--success-80);}.border-success-90{border-color:var(--success-90);}.border-success-d-1{border-color:var(--success-d-1);}.border-success-d-2{border-color:var(--success-d-2);}.border-success-d-3{border-color:var(--success-d-3);}.border-success-d-4{border-color:var(--success-d-4);}.border-success-l-1{border-color:var(--success-l-1);}.border-success-l-2{border-color:var(--success-l-2);}.border-success-l-3{border-color:var(--success-l-3);}.border-success-l-4{border-color:var(--success-l-4);}.bg-warning{background-color:var(--warning);}.bg-warning-5{background-color:var(--warning-5);}.bg-warning-10{background-color:var(--warning-10);}.bg-warning-20{background-color:var(--warning-20);}.bg-warning-30{background-color:var(--warning-30);}.bg-warning-40{background-color:var(--warning-40);}.bg-warning-50{background-color:var(--warning-50);}.bg-warning-60{background-color:var(--warning-60);}.bg-warning-70{background-color:var(--warning-70);}.bg-warning-80{background-color:var(--warning-80);}.bg-warning-90{background-color:var(--warning-90);}.bg-warning-d-1{background-color:var(--warning-d-1);}.bg-warning-d-2{background-color:var(--warning-d-2);}.bg-warning-d-3{background-color:var(--warning-d-3);}.bg-warning-d-4{background-color:var(--warning-d-4);}.bg-warning-l-1{background-color:var(--warning-l-1);}.bg-warning-l-2{background-color:var(--warning-l-2);}.bg-warning-l-3{background-color:var(--warning-l-3);}.bg-warning-l-4{background-color:var(--warning-l-4);}.text-warning{color:var(--warning);}.text-warning-5{color:var(--warning-5);}.text-warning-10{color:var(--warning-10);}.text-warning-20{color:var(--warning-20);}.text-warning-30{color:var(--warning-30);}.text-warning-40{color:var(--warning-40);}.text-warning-50{color:var(--warning-50);}.text-warning-60{color:var(--warning-60);}.text-warning-70{color:var(--warning-70);}.text-warning-80{color:var(--warning-80);}.text-warning-90{color:var(--warning-90);}.text-warning-d-1{color:var(--warning-d-1);}.text-warning-d-2{color:var(--warning-d-2);}.text-warning-d-3{color:var(--warning-d-3);}.text-warning-d-4{color:var(--warning-d-4);}.text-warning-l-1{color:var(--warning-l-1);}.text-warning-l-2{color:var(--warning-l-2);}.text-warning-l-3{color:var(--warning-l-3);}.text-warning-l-4{color:var(--warning-l-4);}.border-warning{border-color:var(--warning);}.border-warning-5{border-color:var(--warning-5);}.border-warning-10{border-color:var(--warning-10);}.border-warning-20{border-color:var(--warning-20);}.border-warning-30{border-color:var(--warning-30);}.border-warning-40{border-color:var(--warning-40);}.border-warning-50{border-color:var(--warning-50);}.border-warning-60{border-color:var(--warning-60);}.border-warning-70{border-color:var(--warning-70);}.border-warning-80{border-color:var(--warning-80);}.border-warning-90{border-color:var(--warning-90);}.border-warning-d-1{border-color:var(--warning-d-1);}.border-warning-d-2{border-color:var(--warning-d-2);}.border-warning-d-3{border-color:var(--warning-d-3);}.border-warning-d-4{border-color:var(--warning-d-4);}.border-warning-l-1{border-color:var(--warning-l-1);}.border-warning-l-2{border-color:var(--warning-l-2);}.border-warning-l-3{border-color:var(--warning-l-3);}.border-warning-l-4{border-color:var(--warning-l-4);}.bg-error{background-color:var(--error);}.bg-error-5{background-color:var(--error-5);}.bg-error-10{background-color:var(--error-10);}.bg-error-20{background-color:var(--error-20);}.bg-error-30{background-color:var(--error-30);}.bg-error-40{background-color:var(--error-40);}.bg-error-50{background-color:var(--error-50);}.bg-error-60{background-color:var(--error-60);}.bg-error-70{background-color:var(--error-70);}.bg-error-80{background-color:var(--error-80);}.bg-error-90{background-color:var(--error-90);}.bg-error-d-1{background-color:var(--error-d-1);}.bg-error-d-2{background-color:var(--error-d-2);}.bg-error-d-3{background-color:var(--error-d-3);}.bg-error-d-4{background-color:var(--error-d-4);}.bg-error-l-1{background-color:var(--error-l-1);}.bg-error-l-2{background-color:var(--error-l-2);}.bg-error-l-3{background-color:var(--error-l-3);}.bg-error-l-4{background-color:var(--error-l-4);}.text-error{color:var(--error);}.text-error-5{color:var(--error-5);}.text-error-10{color:var(--error-10);}.text-error-20{color:var(--error-20);}.text-error-30{color:var(--error-30);}.text-error-40{color:var(--error-40);}.text-error-50{color:var(--error-50);}.text-error-60{color:var(--error-60);}.text-error-70{color:var(--error-70);}.text-error-80{color:var(--error-80);}.text-error-90{color:var(--error-90);}.text-error-d-1{color:var(--error-d-1);}.text-error-d-2{color:var(--error-d-2);}.text-error-d-3{color:var(--error-d-3);}.text-error-d-4{color:var(--error-d-4);}.text-error-l-1{color:var(--error-l-1);}.text-error-l-2{color:var(--error-l-2);}.text-error-l-3{color:var(--error-l-3);}.text-error-l-4{color:var(--error-l-4);}.border-error{border-color:var(--error);}.border-error-5{border-color:var(--error-5);}.border-error-10{border-color:var(--error-10);}.border-error-20{border-color:var(--error-20);}.border-error-30{border-color:var(--error-30);}.border-error-40{border-color:var(--error-40);}.border-error-50{border-color:var(--error-50);}.border-error-60{border-color:var(--error-60);}.border-error-70{border-color:var(--error-70);}.border-error-80{border-color:var(--error-80);}.border-error-90{border-color:var(--error-90);}.border-error-d-1{border-color:var(--error-d-1);}.border-error-d-2{border-color:var(--error-d-2);}.border-error-d-3{border-color:var(--error-d-3);}.border-error-d-4{border-color:var(--error-d-4);}.border-error-l-1{border-color:var(--error-l-1);}.border-error-l-2{border-color:var(--error-l-2);}.border-error-l-3{border-color:var(--error-l-3);}.border-error-l-4{border-color:var(--error-l-4);}.padding-3xs{padding:var(--space-3xs);}.padding-2xs{padding:var(--space-2xs);}.padding-xs{padding:var(--space-xs);}.padding-s{padding:var(--space-s);}.padding-m{padding:var(--space-m);}.padding-l{padding:var(--space-l);}.padding-xl{padding:var(--space-xl);}.padding-2xl{padding:var(--space-2xl);}.padding-3xl{padding:var(--space-3xl);}.padding-4xl{padding:var(--space-4xl);}.padding-left-3xs{padding-left:var(--space-3xs);}.padding-left-2xs{padding-left:var(--space-2xs);}.padding-left-xs{padding-left:var(--space-xs);}.padding-left-s{padding-left:var(--space-s);}.padding-left-m{padding-left:var(--space-m);}.padding-left-l{padding-left:var(--space-l);}.padding-left-xl{padding-left:var(--space-xl);}.padding-left-2xl{padding-left:var(--space-2xl);}.padding-left-3xl{padding-left:var(--space-3xl);}.padding-left-4xl{padding-left:var(--space-4xl);}.padding-right-3xs{padding-right:var(--space-3xs);}.padding-right-2xs{padding-right:var(--space-2xs);}.padding-right-xs{padding-right:var(--space-xs);}.padding-right-s{padding-right:var(--space-s);}.padding-right-m{padding-right:var(--space-m);}.padding-right-l{padding-right:var(--space-l);}.padding-right-xl{padding-right:var(--space-xl);}.padding-right-2xl{padding-right:var(--space-2xl);}.padding-right-3xl{padding-right:var(--space-3xl);}.padding-right-4xl{padding-right:var(--space-4xl);}.padding-top-3xs{padding-top:var(--space-3xs);}.padding-top-2xs{padding-top:var(--space-2xs);}.padding-top-xs{padding-top:var(--space-xs);}.padding-top-s{padding-top:var(--space-s);}.padding-top-m{padding-top:var(--space-m);}.padding-top-l{padding-top:var(--space-l);}.padding-top-xl{padding-top:var(--space-xl);}.padding-top-2xl{padding-top:var(--space-2xl);}.padding-top-3xl{padding-top:var(--space-3xl);}.padding-top-4xl{padding-top:var(--space-4xl);}.padding-bottom-3xs{padding-bottom:var(--space-3xs);}.padding-bottom-2xs{padding-bottom:var(--space-2xs);}.padding-bottom-xs{padding-bottom:var(--space-xs);}.padding-bottom-s{padding-bottom:var(--space-s);}.padding-bottom-m{padding-bottom:var(--space-m);}.padding-bottom-l{padding-bottom:var(--space-l);}.padding-bottom-xl{padding-bottom:var(--space-xl);}.padding-bottom-2xl{padding-bottom:var(--space-2xl);}.padding-bottom-3xl{padding-bottom:var(--space-3xl);}.padding-bottom-4xl{padding-bottom:var(--space-4xl);}.padding-horizontal-3xs{padding-left:var(--space-3xs);padding-right:var(--space-3xs);}.padding-horizontal-2xs{padding-left:var(--space-2xs);padding-right:var(--space-2xs);}.padding-horizontal-xs{padding-left:var(--space-xs);padding-right:var(--space-xs);}.padding-horizontal-s{padding-left:var(--space-s);padding-right:var(--space-s);}.padding-horizontal-m{padding-left:var(--space-m);padding-right:var(--space-m);}.padding-horizontal-l{padding-left:var(--space-l);padding-right:var(--space-l);}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl);}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl);}.padding-horizontal-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl);}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl);}.padding-vertical-3xs{padding-top:var(--space-3xs);padding-bottom:var(--space-3xs);}.padding-vertical-2xs{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs);}.padding-vertical-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs);}.padding-vertical-s{padding-top:var(--space-s);padding-bottom:var(--space-s);}.padding-vertical-m{padding-top:var(--space-m);padding-bottom:var(--space-m);}.padding-vertical-l{padding-top:var(--space-l);padding-bottom:var(--space-l);}.padding-vertical-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}.padding-vertical-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}.padding-vertical-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);}.padding-vertical-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);}.margin-3xs{margin:var(--space-3xs);}.margin-2xs{margin:var(--space-2xs);}.margin-xs{margin:var(--space-xs);}.margin-s{margin:var(--space-s);}.margin-m{margin:var(--space-m);}.margin-l{margin:var(--space-l);}.margin-xl{margin:var(--space-xl);}.margin-2xl{margin:var(--space-2xl);}.margin-3xl{margin:var(--space-3xl);}.margin-4xl{margin:var(--space-4xl);}.margin-left-3xs{margin-left:var(--space-3xs);}.margin-left-2xs{margin-left:var(--space-2xs);}.margin-left-xs{margin-left:var(--space-xs);}.margin-left-s{margin-left:var(--space-s);}.margin-left-m{margin-left:var(--space-m);}.margin-left-l{margin-left:var(--space-l);}.margin-left-xl{margin-left:var(--space-xl);}.margin-left-2xl{margin-left:var(--space-2xl);}.margin-left-3xl{margin-left:var(--space-3xl);}.margin-left-4xl{margin-left:var(--space-4xl);}.margin-right-3xs{margin-right:var(--space-3xs);}.margin-right-2xs{margin-right:var(--space-2xs);}.margin-right-xs{margin-right:var(--space-xs);}.margin-right-s{margin-right:var(--space-s);}.margin-right-m{margin-right:var(--space-m);}.margin-right-l{margin-right:var(--space-l);}.margin-right-xl{margin-right:var(--space-xl);}.margin-right-2xl{margin-right:var(--space-2xl);}.margin-right-3xl{margin-right:var(--space-3xl);}.margin-right-4xl{margin-right:var(--space-4xl);}.margin-top-3xs{margin-top:var(--space-3xs);}.margin-top-2xs{margin-top:var(--space-2xs);}.margin-top-xs{margin-top:var(--space-xs);}.margin-top-s{margin-top:var(--space-s);}.margin-top-m{margin-top:var(--space-m);}.margin-top-l{margin-top:var(--space-l);}.margin-top-xl{margin-top:var(--space-xl);}.margin-top-2xl{margin-top:var(--space-2xl);}.margin-top-3xl{margin-top:var(--space-3xl);}.margin-top-4xl{margin-top:var(--space-4xl);}.margin-bottom-3xs{margin-bottom:var(--space-3xs);}.margin-bottom-2xs{margin-bottom:var(--space-2xs);}.margin-bottom-xs{margin-bottom:var(--space-xs);}.margin-bottom-s{margin-bottom:var(--space-s);}.margin-bottom-m{margin-bottom:var(--space-m);}.margin-bottom-l{margin-bottom:var(--space-l);}.margin-bottom-xl{margin-bottom:var(--space-xl);}.margin-bottom-2xl{margin-bottom:var(--space-2xl);}.margin-bottom-3xl{margin-bottom:var(--space-3xl);}.margin-bottom-4xl{margin-bottom:var(--space-4xl);}.margin-horizontal-3xs{margin-left:var(--space-3xs);margin-right:var(--space-3xs);}.margin-horizontal-2xs{margin-left:var(--space-2xs);margin-right:var(--space-2xs);}.margin-horizontal-xs{margin-left:var(--space-xs);margin-right:var(--space-xs);}.margin-horizontal-s{margin-left:var(--space-s);margin-right:var(--space-s);}.margin-horizontal-m{margin-left:var(--space-m);margin-right:var(--space-m);}.margin-horizontal-l{margin-left:var(--space-l);margin-right:var(--space-l);}.margin-horizontal-xl{margin-left:var(--space-xl);margin-right:var(--space-xl);}.margin-horizontal-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl);}.margin-horizontal-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl);}.margin-horizontal-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl);}.margin-vertical-3xs{margin-top:var(--space-3xs);margin-bottom:var(--space-3xs);}.margin-vertical-2xs{margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);}.margin-vertical-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs);}.margin-vertical-s{margin-top:var(--space-s);margin-bottom:var(--space-s);}.margin-vertical-m{margin-top:var(--space-m);margin-bottom:var(--space-m);}.margin-vertical-l{margin-top:var(--space-l);margin-bottom:var(--space-l);}.margin-vertical-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl);}.margin-vertical-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);}.margin-vertical-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);}.margin-vertical-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl);}.gap-3xs{gap:var(--space-3xs);}.gap-2xs{gap:var(--space-2xs);}.gap-xs{gap:var(--space-xs);}.gap-s{gap:var(--space-s);}.gap-m{gap:var(--space-m);}.gap-l{gap:var(--space-l);}.gap-xl{gap:var(--space-xl);}.gap-2xl{gap:var(--space-2xl);}.gap-3xl{gap:var(--space-3xl);}.gap-4xl{gap:var(--space-4xl);}.text-xs{font-size:var(--text-xs);}.text-s{font-size:var(--text-s);}.text-m{font-size:var(--text-m);}.text-l{font-size:var(--text-l);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}H1{font-size:var(--text-4xl);line-height:1.1;}H2{font-size:var(--text-3xl);line-height:1.2;}H3{font-size:var(--text-2xl);line-height:1.3;}H4{font-size:var(--text-xl);line-height:1.3;}H5{font-size:var(--text-l);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}.line-height-xs{line-height:1;}.line-height-s{line-height:1.2;}.line-height-m{line-height:1.3;}.line-height-l{line-height:1.4;}.line-height-xl{line-height:1.5;}.italic{font-style:italic;}.bold{font-weight:bold;}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.underline{text-decoration:underline;}.font-100{font-weight:100;}.font-200{font-weight:200;}.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.row{display:grid;grid-auto-flow:column;justify-content:start;}.column{display:grid;grid-auto-flow:row;justify-items:start;align-content:start;}.columns-2{display:grid;grid-template-columns:var(--columns-2);}.columns-3{display:grid;grid-template-columns:var(--columns-3);}.columns-4{display:grid;grid-template-columns:var(--columns-4);}.columns-5{display:grid;grid-template-columns:var(--columns-5);}.columns-6{display:grid;grid-template-columns:var(--columns-6);}.columns-7{display:grid;grid-template-columns:var(--columns-7);}.columns-8{display:grid;grid-template-columns:var(--columns-8);}.columns-min-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));}.columns-min-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));}.columns-min-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));}.columns-min-30{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));}.columns-min-40{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));}.columns-min-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(50rem,1fr));}.columns-min-60{display:grid;grid-template-columns:repeat(auto-fit,minmax(60rem,1fr));}.columns-min-70{display:grid;grid-template-columns:repeat(auto-fit,minmax(70rem,1fr));}.flex-row{display:flex;flex-direction:row;}.flex-column{display:flex;flex-direction:column;}.flex-1{flex:1;}.flex-2{flex:2;}.flex-3{flex:3;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.col-span-2{grid-column:auto / span 2;}.col-span-3{grid-column:auto / span 3;}.col-span-4{grid-column:auto / span 4;}.col-span-5{grid-column:auto / span 5;}.col-span-6{grid-column:auto / span 6;}.col-span-7{grid-column:auto / span 7;}.col-span-8{grid-column:auto / span 8;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-3{grid-column-start:3;}.col-start-4{grid-column-start:4;}.col-start-5{grid-column-start:5;}.col-start-6{grid-column-start:6;}.col-start-7{grid-column-start:7;}.col-start-8{grid-column-start:8;}.row-span-2{grid-row:auto / span 2;}.row-span-3{grid-row:auto / span 3;}.row-span-4{grid-row:auto / span 4;}.row-span-5{grid-row:auto / span 5;}.row-span-6{grid-row:auto / span 6;}.row-span-7{grid-row:auto / span 7;}.row-span-8{grid-row:auto / span 8;}.row-start-1{grid-row-start:1;}.row-start-2{grid-row-start:2;}.row-start-3{grid-row-start:3;}.row-start-4{grid-row-start:4;}.row-start-5{grid-row-start:5;}.row-start-6{grid-row-start:6;}.row-start-7{grid-row-start:7;}.row-start-8{grid-row-start:8;}.items-left{justify-items:start;}.content-left{justify-content:start;}.items-center{justify-items:center;}.content-center{justify-content:center;}.items-right{justify-items:end;}.content-right{justify-content:end;}.items-top{align-items:start;}.content-top{align-content:start;}.items-middle{align-items:center;}.content-middle{align-content:center;}.items-bottom{align-items:end;}.content-bottom{align-content:end;}.items-stretch{align-items:stretch;}.content-stretch{justify-content:stretch;}.space-between{justify-content:space-between;}.space-around{justify-content:space-around;}.self-left{margin-right:auto;place-self:start;}.self-center{margin-inline:auto;place-self:center;}.self-right{margin-left:auto;place-self:end;}.self-top{margin-bottom:auto;align-self:start;}.self-middle{margin-block:auto;align-self:center;}.self-bottom{margin-top:auto;align-self:end;}.self-stretch{align-self:stretch;}.full-width{width:100%;}.full-height{height:100%;}.screen-width{width:100vw;}.screen-height{height:100vh;}.auto-width{width:auto;}.auto-height{height:auto;}.width-90{width:90%;}.width-80{width:80%;}.width-70{width:70%;}.width-60{width:60%;}.width-50{width:50%;}.width-40{width:40%;}.width-30{width:30%;}.width-20{width:20%;}.width-10{width:10%;}.max-site-width{max-width:var(--max-screen-width);width:100%;}.max-width-140{max-width:140rem;}.max-width-130{max-width:130rem;}.max-width-120{max-width:120rem;}.max-width-110{max-width:110rem;}.max-width-100{max-width:100rem;}.max-width-90{max-width:90rem;}.max-width-80{max-width:80rem;}.max-width-70{max-width:70rem;}.max-width-60{max-width:60rem;}.max-width-50{max-width:50rem;}.max-width-40{max-width:40rem;}.max-width-30{max-width:30rem;}.max-width-20{max-width:20rem;}.max-width-10{max-width:10rem;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.border{border-width:1px;border-style:solid;}.border-left{border-left-width:1px;border-left-style:solid;}.border-right{border-right-width:1px;border-right-style:solid;}.border-top{border-top-width:1px;border-top-style:solid;}.border-bottom{border-bottom-width:1px;border-bottom-style:solid;}.shadow-xs{box-shadow:var(--shadow-xs);}.shadow-s{box-shadow:var(--shadow-s);}.shadow-m{box-shadow:var(--shadow-m);}.shadow-l{box-shadow:var(--shadow-l);}.shadow-xl{box-shadow:var(--shadow-xl);}.opacity-0{opacity:0;}.opacity-10{opacity:0.1;}.opacity-20{opacity:0.2;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-80{opacity:0.8;}.opacity-90{opacity:0.9;}.opacity-100{opacity:1;}.aspect-1{aspect-ratio:1;}.aspect-4-3{aspect-ratio:4 / 3;}.aspect-3-4{aspect-ratio:3 / 4;}.aspect-3-2{aspect-ratio:3 / 2;}.aspect-2-3{aspect-ratio:2 / 3;}.aspect-16-9{aspect-ratio:16 / 9;}.aspect-9-16{aspect-ratio:9 / 16;}.fit-contain{object-fit:contain;}.fit-cover{object-fit:cover;}.fit-fill{object-fit:fill;}.bg-blur-xs{backdrop-filter:blur(2px);}.bg-blur-s{backdrop-filter:blur(4px);}.bg-blur-m{backdrop-filter:blur(8px);}.bg-blur-l{backdrop-filter:blur(16px);}.bg-blur-xl{backdrop-filter:blur(32px);}.grayscale{filter:grayscale(1);}.rotate-90{transform:rotate(90deg);}.rotate-180{transform:rotate(180deg);}.display-none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-hidden{overflow-y:hidden;}.overflow-y-auto{overflow-y:auto;}.list-none{list-style-type:none;}.white-space-nowrap{white-space:nowrap;}.transition-global{transition:all 0.3s;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}.fixed{position:fixed;}.inset-0{inset:0;}.bottom-0{bottom:0;}.top-0{top:0;}.left-0{left:0;}.right-0{right:0;}.pointer{cursor:pointer;}.not-allowed{cursor:not-allowed;}.cursor-auto{cursor:auto;}.no-pointer-events{pointer-events:none;}.z--1{z-index:-1;}.z-0{z-index:0;}.z-1{z-index:1;}.z-10{z-index:10;}.z-100{z-index:100;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}@media (max-width:1400px){.column--on-xl{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-xl{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-xl{grid-template-columns:repeat(2,1fr);}.columns-3--on-xl{grid-template-columns:repeat(3,1fr);}.columns-4--on-xl{grid-template-columns:repeat(4,1fr);}.columns-5--on-xl{grid-template-columns:repeat(5,1fr);}.columns-6--on-xl{grid-template-columns:repeat(6,1fr);}.col-span-1--on-xl{grid-column:auto / span 1;}.col-span-2--on-xl{grid-column:auto / span 2;}.col-span-3--on-xl{grid-column:auto / span 3;}.col-span-4--on-xl{grid-column:auto / span 4;}.col-span-5--on-xl{grid-column:auto / span 5;}.col-span-6--on-xl{grid-column:auto / span 6;}.col-start-1--on-xl{grid-column-start:1;}.col-start-2--on-xl{grid-column-start:2;}.col-start-3--on-xl{grid-column-start:3;}.col-start-4--on-xl{grid-column-start:4;}.col-start-5--on-xl{grid-column-start:5;}.col-start-6--on-xl{grid-column-start:6;}.row-span-1--on-xl{grid-row:auto / span 1;}.row-span-2--on-xl{grid-row:auto / span 2;}.row-span-3--on-xl{grid-row:auto / span 3;}.row-span-4--on-xl{grid-row:auto / span 4;}.row-span-5--on-xl{grid-row:auto / span 5;}.row-span-6--on-xl{grid-row:auto / span 6;}.row-start-1--on-xl{grid-row-start:1;}.row-start-2--on-xl{grid-row-start:2;}.row-start-3--on-xl{grid-row-start:3;}.row-start-4--on-xl{grid-row-start:4;}.row-start-5--on-xl{grid-row-start:5;}.row-start-6--on-xl{grid-row-start:6;}}@media (max-width:992px){.column--on-l{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-l{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-l{grid-template-columns:repeat(2,1fr);}.columns-3--on-l{grid-template-columns:repeat(3,1fr);}.columns-4--on-l{grid-template-columns:repeat(4,1fr);}.columns-5--on-l{grid-template-columns:repeat(5,1fr);}.columns-6--on-l{grid-template-columns:repeat(6,1fr);}.col-span-1--on-l{grid-column:auto / span 1;}.col-span-2--on-l{grid-column:auto / span 2;}.col-span-3--on-l{grid-column:auto / span 3;}.col-span-4--on-l{grid-column:auto / span 4;}.col-span-5--on-l{grid-column:auto / span 5;}.col-span-6--on-l{grid-column:auto / span 6;}.col-start-1--on-l{grid-column-start:1;}.col-start-2--on-l{grid-column-start:2;}.col-start-3--on-l{grid-column-start:3;}.col-start-4--on-l{grid-column-start:4;}.col-start-5--on-l{grid-column-start:5;}.col-start-6--on-l{grid-column-start:6;}.row-span-1--on-l{grid-row:auto / span 1;}.row-span-2--on-l{grid-row:auto / span 2;}.row-span-3--on-l{grid-row:auto / span 3;}.row-span-4--on-l{grid-row:auto / span 4;}.row-span-5--on-l{grid-row:auto / span 5;}.row-span-6--on-l{grid-row:auto / span 6;}.row-start-1--on-l{grid-row-start:1;}.row-start-2--on-l{grid-row-start:2;}.row-start-3--on-l{grid-row-start:3;}.row-start-4--on-l{grid-row-start:4;}.row-start-5--on-l{grid-row-start:5;}.row-start-6--on-l{grid-row-start:6;}}@media (max-width:768px){.column--on-m{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-m{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-m{grid-template-columns:repeat(2,1fr);}.columns-3--on-m{grid-template-columns:repeat(3,1fr);}.columns-4--on-m{grid-template-columns:repeat(4,1fr);}.columns-5--on-m{grid-template-columns:repeat(5,1fr);}.columns-6--on-m{grid-template-columns:repeat(6,1fr);}.col-span-1--on-m{grid-column:auto / span 1;}.col-span-2--on-m{grid-column:auto / span 2;}.col-span-3--on-m{grid-column:auto / span 3;}.col-span-4--on-m{grid-column:auto / span 4;}.col-span-5--on-m{grid-column:auto / span 5;}.col-span-6--on-m{grid-column:auto / span 6;}.col-start-1--on-m{grid-column:1;}.col-start-2--on-m{grid-column:2;}.col-start-3--on-m{grid-column:3;}.col-start-4--on-m{grid-column:4;}.col-start-5--on-m{grid-column:5;}.col-start-6--on-m{grid-column:6;}.row-span-1--on-m{grid-row:auto / span 1;}.row-span-2--on-m{grid-row:auto / span 2;}.row-span-3--on-m{grid-row:auto / span 3;}.row-span-4--on-m{grid-row:auto / span 4;}.row-span-5--on-m{grid-row:auto / span 5;}.row-span-6--on-m{grid-row:auto / span 6;}.row-start-1--on-m{grid-row-start:1;}.row-start-2--on-m{grid-row-start:2;}.row-start-3--on-m{grid-row-start:3;}.row-start-4--on-m{grid-row-start:4;}.row-start-5--on-m{grid-row-start:5;}.row-start-6--on-m{grid-row-start:6;}}@media (max-width:480px){.column--on-s{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-s{grid-template-columns:1fr;grid-auto-flow:column;}.columns-2--on-s{grid-template-columns:repeat(2,1fr);}.columns-3--on-s{grid-template-columns:repeat(3,1fr);}.columns-4--on-s{grid-template-columns:repeat(4,1fr);}.columns-5--on-s{grid-template-columns:repeat(5,1fr);}.columns-6--on-s{grid-template-columns:repeat(6,1fr);}.col-span-1--on-s{grid-column:auto / span 1;}.col-span-2--on-s{grid-column:auto / span 2;}.col-span-3--on-s{grid-column:auto / span 3;}.col-span-4--on-s{grid-column:auto / span 4;}.col-span-5--on-s{grid-column:auto / span 5;}.col-span-6--on-s{grid-column:auto / span 6;}.col-start-1--on-s{grid-column-start:1;}.col-start-2--on-s{grid-column-start:2;}.col-start-3--on-s{grid-column-start:3;}.col-start-4--on-s{grid-column-start:4;}.col-start-5--on-s{grid-column-start:5;}.col-start-6--on-s{grid-column-start:6;}.row-span-1--on-s{grid-row:auto / span 1;}.row-span-2--on-s{grid-row:auto / span 2;}.row-span-3--on-s{grid-row:auto / span 3;}.row-span-4--on-s{grid-row:auto / span 4;}.row-span-5--on-s{grid-row:auto / span 5;}.row-span-6--on-s{grid-row:auto / span 6;}.row-start-1--on-s{grid-row-start:1;}.row-start-2--on-s{grid-row-start:2;}.row-start-3--on-s{grid-row-start:3;}.row-start-4--on-s{grid-row-start:4;}.row-start-5--on-s{grid-row-start:5;}.row-start-6--on-s{grid-row-start:6;}}/* Custom Stylesheets */ /* ============================================================
   GBC — الخطوط (مستضافة ذاتياً، مقسّمة عربي/لاتيني بـ unicode-range)
   هذا هو التعريف الوحيد لخطَّي Almarai وReem Kufi في الموقع.
   خطّا لوحة Fonts في كور فريمورك معطّلان عمداً (enable: false):
   مستورِد جوجل فيها حفظ Almarai لاتينياً فقط بلا حروف عربية (CF-01)
   وجعل أوزان Reem Kufi الأربعة ملفاً واحداً (CF-11).
   لا تُعِد تفعيلهما ولا تستورد الخطين من جوجل مرة أخرى — سيتصادم
   التعريفان ويعود النص العربي إلى خط النظام.
   الاسمان الأصليان مقصودان: ثيم بريكس وعناصر الهيدر تطلبهما بالاسم.
   الملفات نفسها المستعملة في موقع مخا — مكتبة الوسائط › Fonts.
   ============================================================ */
@font-face{font-family:'Reem Kufi';font-style:normal;font-weight:400 700;font-display:swap;src:url('/wp-content/uploads/2026/09/reemkufi-arabic-vf.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF;}
@font-face{font-family:'Reem Kufi';font-style:normal;font-weight:400 700;font-display:swap;src:url('/wp-content/uploads/2026/09/reemkufi-latin-vf.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:300;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-arabic-300.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:300;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-latin-300.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-arabic-800.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF;}
@font-face{font-family:'Almarai';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/2026/09/almarai-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
 /* ============================================================ GBC — Token bridge (نظام 1c) لا توجد هنا قيمة ثابتة واحدة:كل توكن يشير إلى متغير من Core Framework. عدّل اللون أو المقاس من واجهة الإضافة فتتبعه كل أصناف .gbc-* تلقائياً. ============================================================ */ :root{/* الألوان */ --gbc-primary:var(--primary);--gbc-primary-d-1:var(--primary-d-1);--gbc-primary-l-1:var(--primary-l-1);--gbc-secondary:var(--secondary);--gbc-secondary-d-1:var(--secondary-d-1);--gbc-secondary-l-3:var(--secondary-l-3);--gbc-gold:var(--accent);--gbc-gold-d-1:var(--accent-d-1);--gbc-gold-text:var(--text-accent);--gbc-success:var(--success);--gbc-warning:var(--warning);--gbc-danger:var(--error);/* الأسطح والنص */ --gbc-n-50:var(--bg-body);--gbc-n-100:var(--bg-alt);--gbc-n-200:var(--border-primary);--gbc-n-400:var(--mid);--gbc-n-900:var(--dark);--gbc-bg:var(--bg-body);--gbc-bg-alt:var(--bg-alt);--gbc-surface:var(--bg-surface);--gbc-text:var(--text-title);--gbc-text-muted:var(--text-body);--gbc-text-invert:var(--text-invert);--gbc-text-invert-m:var(--border-primary);/* الخطوط والمقاسات */ --gbc-font-display:var(--font-display);--gbc-font-body:var(--font-body);--gbc-fs-h1:var(--h1-size);--gbc-fs-h2:var(--h2-size);--gbc-fs-h3:var(--h3-size);--gbc-fs-h4:var(--h4-size);--gbc-fs-lead:var(--lead-size);--gbc-fs-body:var(--body-size);--gbc-fs-small:var(--small-size);--gbc-fs-caption:var(--caption-size);--gbc-lh-h1:var(--lh-h1);--gbc-lh-h2:var(--lh-h2);--gbc-lh-h3:var(--lh-h3);--gbc-lh-h4:var(--lh-h4);--gbc-lh-body:var(--lh-body);--gbc-lh-small:var(--lh-small);/* المسافات — سلّم الـ 10 خطوات */ --gbc-space-1:var(--space-3xs);--gbc-space-2:var(--space-2xs);--gbc-space-3:var(--space-xs);--gbc-space-4:var(--space-s);--gbc-space-5:var(--space-m);--gbc-space-6:var(--space-l);--gbc-space-7:var(--space-xl);--gbc-space-8:var(--space-2xl);--gbc-space-9:var(--space-3xl);--gbc-space-10:var(--space-4xl);--gbc-section-y:var(--section-y);--gbc-section-y-lg:var(--section-y-lg);--gbc-gutter:var(--gutter);/* نصف القطر */ --gbc-radius-s:var(--radius-s);--gbc-radius-m:var(--radius-l);--gbc-radius-xl:var(--radius-xl);--gbc-radius-arch:var(--radius-xl) var(--radius-xl) var(--radius-s) var(--radius-s);--gbc-radius-btn:var(--radius-s) 14px var(--radius-s) 14px;/* الظلال */ --gbc-shadow-s:var(--shadow-s);--gbc-shadow-m:var(--shadow-m);--gbc-shadow-l:var(--shadow-l);--gbc-shadow-doc:var(--shadow-xl);/* التخطيط */ --gbc-container:var(--container);--gbc-container-narrow:var(--container-narrow);}/* ============================================================ GBC — Base,typography,layout primitives (RTL first) ============================================================ */ html[dir="rtl"],body{direction:rtl;}body.gbc{margin:0;background:var(--gbc-bg);color:var(--gbc-text);font-family:var(--gbc-font-body);font-size:var(--gbc-fs-body);line-height:var(--gbc-lh-body);text-wrap:pretty;}.gbc-display{font-family:var(--gbc-font-display);font-weight:500;}.gbc-h1{font-family:var(--gbc-font-display);font-weight:500;font-size:var(--gbc-fs-h1);line-height:var(--gbc-lh-h1);color:var(--gbc-primary);margin:0;}.gbc-h2{font-family:var(--gbc-font-display);font-weight:500;font-size:var(--gbc-fs-h2);line-height:var(--gbc-lh-h2);color:var(--gbc-primary);margin:0;}.gbc-h3{font-family:var(--gbc-font-display);font-weight:500;font-size:var(--gbc-fs-h3);line-height:var(--gbc-lh-h3);color:var(--gbc-primary);margin:0;}.gbc-h4{font-family:var(--gbc-font-display);font-weight:500;font-size:var(--gbc-fs-h4);line-height:var(--gbc-lh-h4);color:var(--gbc-primary);margin:0;}.gbc-lead{font-size:var(--gbc-fs-lead);font-weight:300;line-height:var(--gbc-lh-body);color:var(--gbc-text-muted);margin:0;max-width:62ch;}.gbc-body{font-size:var(--gbc-fs-body);line-height:var(--gbc-lh-body);color:var(--gbc-text-muted);margin:0;}.gbc-small{font-size:var(--gbc-fs-small);line-height:var(--gbc-lh-small);color:var(--gbc-text-muted);margin:0;}.gbc-caption{font-size:var(--gbc-fs-caption);line-height:1.6;color:var(--gbc-n-400);}.gbc-on-navy .gbc-h1,.gbc-on-navy .gbc-h2,.gbc-on-navy .gbc-h3,.gbc-on-navy .gbc-h4{color:var(--gbc-text-invert);}.gbc-on-navy .gbc-lead,.gbc-on-navy .gbc-body,.gbc-on-navy .gbc-small{color:var(--gbc-text-invert-m);}/* Eyebrow:short gold rule + label */ .gbc-eyebrow{display:flex;align-items:center;gap:0.625rem;font-family:var(--gbc-font-display);font-size:var(--gbc-fs-small);color:var(--gbc-gold-text);margin-bottom:var(--gbc-space-3);}.gbc-eyebrow::before{content:"";width:28px;height:1px;background:var(--gbc-gold);flex:0 0 28px;}.gbc-on-navy .gbc-eyebrow{color:var(--gbc-gold);}/* Layout */ .gbc-container{width:100%;max-width:var(--gbc-container);margin-inline:auto;padding-inline:var(--gbc-gutter);box-sizing:border-box;}.gbc-container--narrow{max-width:var(--gbc-container-narrow);}.gbc-section{padding-block:var(--gbc-section-y);background:var(--gbc-bg);container-type:inline-size;}.gbc-section--alt{background:var(--gbc-bg-alt);}.gbc-section--navy{background:var(--gbc-primary);color:var(--gbc-text-invert);border-block:3px solid var(--gbc-gold);padding-block:var(--gbc-section-y-lg);}.gbc-section--blue{background:var(--gbc-secondary);color:var(--gbc-text-invert);padding-block:clamp(2.75rem,6cqi,4.5rem);}/* Auto-fit grids:single column on mobile with no breakpoints */ .gbc-grid{display:grid;gap:var(--gbc-space-4);}.gbc-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}.gbc-grid--3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));}.gbc-grid--4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));}.gbc-stack{display:flex;flex-direction:column;gap:var(--gbc-space-3);}/* ============================================================ GBC — Repeated components ============================================================ */ /* --- Buttons --- */ .gbc-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:var(--gbc-font-display);font-size:1rem;font-weight:500;line-height:1;padding:1rem 2rem;border:1px solid transparent;border-radius:var(--gbc-radius-btn);text-decoration:none;cursor:pointer;transition:background 0.25s ease,color 0.25s ease;min-height:48px;}.gbc-btn--primary{background:var(--gbc-primary);color:var(--gbc-text-invert);}.gbc-btn--primary:hover{background:var(--gbc-primary-d-1);color:var(--gbc-text-invert);}.gbc-btn--gold{background:var(--gbc-gold);color:var(--gbc-primary);}.gbc-btn--gold:hover{background:var(--gbc-gold-d-1);color:var(--gbc-primary);}.gbc-btn--secondary{background:transparent;color:var(--gbc-primary);border-color:var(--gbc-gold);}.gbc-btn--secondary:hover{background:var(--gbc-bg-alt);}.gbc-on-navy .gbc-btn--secondary{color:var(--gbc-text-invert);}.gbc-on-navy .gbc-btn--secondary:hover{background:rgba(251,248,242,0.08);}.gbc-btn--small{font-size:0.875rem;padding:0.625rem 1.25rem;min-height:40px;}.gbc-btn:focus-visible{outline:2px solid var(--gbc-gold);outline-offset:2px;}/* --- Text link with arrow --- */ .gbc-link{font-family:var(--gbc-font-display);font-size:var(--gbc-fs-small);color:var(--gbc-gold-text);text-decoration:none;}.gbc-link:hover{color:var(--gbc-primary);}.gbc-link--foot{display:block;border-top:1px solid var(--gbc-bg-alt);padding-top:0.875rem;margin-top:auto;}.gbc-on-navy .gbc-link{color:var(--gbc-gold);border-bottom:1px solid var(--gbc-gold);padding-bottom:0.375rem;}/* --- Badges --- */ .gbc-badge{display:inline-flex;align-items:center;font-size:0.75rem;line-height:1.6;padding:5px 12px;border-radius:var(--gbc-radius-s);background:var(--gbc-bg-alt);color:var(--gbc-primary);}.gbc-badge--gold{background:var(--gbc-gold);color:var(--gbc-primary);font-weight:700;}.gbc-badge--solid{background:var(--gbc-gold-text);color:var(--gbc-text-invert);}.gbc-badge--outline{background:transparent;border:1px solid var(--gbc-n-200);color:var(--gbc-gold-text);}/* --- Cards --- */ .gbc-card{background:var(--gbc-surface);border-radius:var(--gbc-radius-m);padding:1.625rem;box-shadow:var(--gbc-shadow-s);}.gbc-card--arch{border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) var(--gbc-radius-m) var(--gbc-radius-m);box-shadow:var(--gbc-shadow-m);padding:0;overflow:hidden;display:flex;flex-direction:column;}.gbc-card--top-rule{border-top:3px solid var(--gbc-gold);border-radius:0 0 16px 16px;}.gbc-card--navy{background:var(--gbc-primary);color:var(--gbc-text-invert);}.gbc-card__head{background:var(--gbc-primary);color:var(--gbc-text-invert);border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) 0 0;padding:1.625rem 1.625rem 1.375rem;}.gbc-card__body{padding:1.625rem;display:flex;flex-direction:column;gap:0.875rem;flex:1;}/* --- Pathway card (the three equal audiences) --- */ .gbc-pathway-card{}.gbc-pathway-card__num{font-family:var(--gbc-font-display);font-size:2rem;line-height:1;color:var(--gbc-gold);}.gbc-pathway-card__kicker{font-size:var(--gbc-fs-caption);letter-spacing:0.06em;color:var(--gbc-text-invert-m);margin-top:0.375rem;}/* --- Course card --- */ .gbc-course-card__head{background:var(--gbc-secondary);color:var(--gbc-text-invert);border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) 0 0;padding:1.25rem 1.375rem;}.gbc-course-card__field{font-size:0.75rem;letter-spacing:0.06em;color:var(--gbc-secondary-l-3);}.gbc-course-card__title{font-family:var(--gbc-font-display);font-size:1.1875rem;line-height:1.45;margin-top:0.5rem;}.gbc-course-card__meta{font-size:var(--gbc-fs-caption);line-height:var(--gbc-lh-small);color:var(--gbc-n-400);}/* --- Accreditation document card (heaviest element of the site) --- */ .gbc-doc-card{background:var(--gbc-n-50);color:var(--gbc-text);border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) var(--gbc-radius-m) var(--gbc-radius-m);box-shadow:var(--gbc-shadow-doc);overflow:hidden;display:flex;flex-direction:column;}.gbc-doc-card__media{height:190px;border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) 0 0;border-bottom:1px solid var(--gbc-n-200);background:linear-gradient(160deg,rgba(36,31,71,0.10),rgba(201,168,76,0.22));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.625rem;text-align:center;padding:1.125rem;}.gbc-doc-card__label{font-family:var(--gbc-font-display);font-size:var(--gbc-fs-caption);letter-spacing:0.08em;color:var(--gbc-gold-text);}.gbc-doc-card__body{padding:1.25rem;flex:1;}/* --- Trainer card --- */ .gbc-trainer-card{background:var(--gbc-primary);color:var(--gbc-text-invert);border-radius:var(--gbc-radius-m);padding:1.375rem;display:flex;gap:1rem;align-items:flex-start;}.gbc-trainer-card__avatar{flex:0 0 64px;height:64px;border-radius:28px 28px 8px 8px;border:1px solid var(--gbc-gold);display:flex;align-items:center;justify-content:center;font-family:var(--gbc-font-display);color:var(--gbc-gold);overflow:hidden;}.gbc-trainer-card__name{font-family:var(--gbc-font-display);font-size:1.125rem;line-height:1.45;}.gbc-trainer-card__role{font-size:0.875rem;line-height:var(--gbc-lh-small);color:var(--gbc-text-invert-m);}/* --- Testimonial --- */ .gbc-testimonial{background:var(--gbc-surface);border-top:3px solid var(--gbc-gold);border-radius:0 0 16px 16px;padding:1.625rem;box-shadow:var(--gbc-shadow-s);}.gbc-testimonial__quote{font-family:var(--gbc-font-display);font-weight:400;font-size:1.0625rem;line-height:1.85;color:var(--gbc-primary);margin:0 0 1.125rem;}.gbc-testimonial__author{display:flex;align-items:center;gap:0.75rem;}.gbc-testimonial__avatar{width:40px;height:40px;border-radius:14px 14px 4px 4px;background:var(--gbc-n-200);display:flex;align-items:center;justify-content:center;font-family:var(--gbc-font-display);color:var(--gbc-primary);}.gbc-testimonial__name{font-size:0.875rem;font-weight:700;}.gbc-testimonial__meta{font-size:var(--gbc-fs-caption);color:var(--gbc-text-muted);}/* --- Numbered step --- */ .gbc-step{background:var(--gbc-n-50);border-top:3px solid var(--gbc-gold);border-radius:0 0 16px 16px;padding:1.5rem;}.gbc-step__num{font-family:var(--gbc-font-display);font-size:2.25rem;line-height:1;color:var(--gbc-n-200);margin-bottom:0.75rem;}.gbc-step--inline{display:flex;gap:1.125rem;align-items:flex-start;background:var(--gbc-n-50);border-top:0;border-radius:var(--gbc-radius-m);}.gbc-step__badge{flex:0 0 48px;height:48px;background:var(--gbc-primary);border-radius:var(--gbc-radius-btn);display:flex;align-items:center;justify-content:center;font-family:var(--gbc-font-display);font-size:1.0625rem;color:var(--gbc-gold);}/* --- Feature (why us) --- */ .gbc-feature{display:flex;gap:1rem;}.gbc-feature__num{flex:0 0 44px;height:44px;border:1px solid var(--gbc-gold);border-radius:var(--gbc-radius-btn);display:flex;align-items:center;justify-content:center;font-family:var(--gbc-font-display);color:var(--gbc-gold-text);}/* --- Stats --- */ .gbc-stat__value{font-family:var(--gbc-font-display);font-size:clamp(2.25rem,4.4cqi,3.25rem);line-height:1;color:var(--gbc-gold);}.gbc-stat__label{font-size:var(--gbc-fs-small);line-height:1.9;margin-top:0.625rem;color:var(--gbc-text-invert);}/* --- Trust bar --- */ .gbc-trustbar{background:var(--gbc-primary-d-1);border-top:1px solid var(--gbc-primary-l-1);}.gbc-trustbar__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.125rem 1.75rem;padding-block:1.375rem;}.gbc-trust-item{display:flex;gap:0.625rem;align-items:flex-start;font-size:0.875rem;line-height:var(--gbc-lh-small);color:var(--gbc-text-invert-m);}.gbc-trust-item::before{content:"";flex:0 0 8px;width:8px;height:8px;margin-top:8px;background:var(--gbc-gold);transform:rotate(45deg);}/* --- Forms --- */ .gbc-field{display:block;}.gbc-label{display:block;font-family:var(--gbc-font-display);font-size:0.875rem;color:var(--gbc-primary);margin-bottom:0.5rem;}.gbc-on-navy .gbc-label{color:var(--gbc-gold);}.gbc-input,.gbc-textarea,.gbc-select{width:100%;box-sizing:border-box;font-family:var(--gbc-font-body);font-size:1rem;color:var(--gbc-text);background:var(--gbc-n-50);border:1px solid var(--gbc-n-200);border-radius:14px;padding:0.875rem 1rem;min-height:48px;}.gbc-textarea{resize:vertical;min-height:120px;}.gbc-input:focus,.gbc-textarea:focus,.gbc-select:focus{border-color:var(--gbc-gold);outline:2px solid rgba(201,168,76,0.35);}.gbc-input::placeholder,.gbc-textarea::placeholder{color:var(--gbc-n-400);}.gbc-input[aria-invalid="true"]{border-color:var(--gbc-danger);}.gbc-form-note{font-size:var(--gbc-fs-caption);line-height:1.9;color:var(--gbc-text-muted);}/* --- Filter chips --- */ .gbc-filter-chip{display:inline-flex;align-items:center;font-size:0.875rem;padding:0.5rem 1rem;border-radius:var(--gbc-radius-btn);border:1px solid var(--gbc-n-200);background:var(--gbc-n-50);color:var(--gbc-primary);cursor:pointer;min-height:40px;}.gbc-filter-chip.is-active{background:var(--gbc-primary);border-color:var(--gbc-primary);color:var(--gbc-text-invert);}/* --- FAQ --- */ .gbc-faq-item{background:var(--gbc-surface);border-radius:var(--gbc-radius-m);padding:1.375rem 1.5rem;}.gbc-faq-item__q{font-family:var(--gbc-font-display);font-size:1.0625rem;font-weight:500;line-height:1.5;color:var(--gbc-primary);margin:0 0 0.625rem;}.gbc-faq-item__a{font-size:var(--gbc-fs-small);line-height:var(--gbc-lh-body);color:var(--gbc-text-muted);margin:0;}/* --- CTA band (one primary call to action per page) --- */ .gbc-cta-band{background:var(--gbc-primary);color:var(--gbc-text-invert);border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) var(--gbc-radius-m) var(--gbc-radius-m);padding:clamp(2rem,5cqi,3.5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}.gbc-cta-band__text{max-width:52ch;}/* --- Logo wall placeholder --- */ .gbc-logo-tile{background:var(--gbc-surface);border:1px dashed var(--gbc-n-200);border-radius:var(--gbc-radius-m);padding:1.75rem;text-align:center;font-size:var(--gbc-fs-caption);color:var(--gbc-n-400);}/* --- Header --- */ .gbc-header{background:var(--gbc-bg);border-bottom:1px solid var(--gbc-n-200);}.gbc-header__topbar{background:var(--gbc-primary);color:var(--gbc-text-invert-m);font-size:var(--gbc-fs-caption);}.gbc-header__bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.125rem;}.gbc-logo{display:flex;align-items:center;gap:0.75rem;}.gbc-logo__mark{width:52px;height:52px;background:var(--gbc-primary);border-radius:var(--gbc-radius-btn);display:flex;align-items:center;justify-content:center;font-family:var(--gbc-font-display);color:var(--gbc-text-invert);}.gbc-logo__name{font-family:var(--gbc-font-display);font-size:1.125rem;color:var(--gbc-primary);line-height:1.4;}.gbc-logo__latin{font-size:0.75rem;color:var(--gbc-gold-text);letter-spacing:0.04em;}.gbc-nav{display:flex;align-items:center;gap:1.625rem;}.gbc-nav-link{font-family:var(--gbc-font-display);font-size:var(--gbc-fs-small);color:var(--gbc-text-muted);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;}.gbc-nav-link:hover{color:var(--gbc-primary);}.gbc-nav-link--active{color:var(--gbc-primary);border-bottom-color:var(--gbc-gold);}.gbc-burger{width:48px;height:48px;background:transparent;border:1px solid var(--gbc-n-200);border-radius:var(--gbc-radius-btn);display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}.gbc-burger span{display:block;width:20px;height:2px;background:var(--gbc-primary);}/* --- Footer --- */ .gbc-footer{background:var(--gbc-primary);color:var(--gbc-text-invert-m);border-top:3px solid var(--gbc-gold);}.gbc-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2.5rem;padding-block:4rem 2rem;}.gbc-footer__title{font-family:var(--gbc-font-display);font-size:var(--gbc-fs-small);color:var(--gbc-gold);margin-bottom:1rem;}.gbc-footer a{color:var(--gbc-text-invert-m);text-decoration:none;}.gbc-footer a:hover{color:#FFFFFF;}.gbc-footer__bottom{border-top:1px solid var(--gbc-primary-l-1);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.25rem;font-size:var(--gbc-fs-caption);color:var(--gbc-n-400);}.gbc-social{width:44px;height:44px;border:1px solid var(--gbc-primary-l-1);border-radius:var(--gbc-radius-btn);display:inline-flex;align-items:center;justify-content:center;color:var(--gbc-n-400);}/* --- Image treatment (arch crop + navy/gold duotone overlay) --- */ .gbc-media{position:relative;overflow:hidden;border-radius:28px 28px 4px 4px;border:1px solid var(--gbc-gold);}.gbc-media img{display:block;width:100%;height:100%;object-fit:cover;}.gbc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(36,31,71,0.55),rgba(201,168,76,0.45));pointer-events:none;}.gbc-media--flat::after{background:rgba(36,31,71,0.18);}.gbc-media--16-9{aspect-ratio:16 / 9;}/* --- أصناف أساسية مكمّلة لجدول المكونات --- */ .gbc-course-card{background:var(--gbc-surface);border-radius:var(--gbc-radius-xl) var(--gbc-radius-xl) var(--gbc-radius-m) var(--gbc-radius-m);box-shadow:var(--gbc-shadow-s);overflow:hidden;display:flex;flex-direction:column;}.gbc-course-card__body{padding:var(--gbc-space-4);display:flex;flex-direction:column;gap:var(--gbc-space-2);flex:1;}.gbc-stat{background:var(--gbc-secondary);border-radius:var(--gbc-radius-m);padding:var(--gbc-space-4) var(--gbc-space-4);text-align:center;}.gbc-stat--band{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:var(--gbc-space-4);border-radius:var(--gbc-radius-m);}/* ============================================================ GBC — Utilities & responsive guards ============================================================ */ .gbc-text-gold{color:var(--gbc-gold-text);}.gbc-text-invert{color:var(--gbc-text-invert);}.gbc-bg-navy{background:var(--gbc-primary);color:var(--gbc-text-invert);}.gbc-bg-alt{background:var(--gbc-bg-alt);}.gbc-rule-gold{border-top:3px solid var(--gbc-gold);}.gbc-measure{max-width:62ch;}.gbc-mb-3{margin-bottom:var(--gbc-space-3);}.gbc-mb-4{margin-bottom:var(--gbc-space-4);}.gbc-mb-6{margin-bottom:var(--gbc-space-6);}@media (max-width:768px){.gbc-nav{display:none;}.gbc-burger{display:flex;}.gbc-header__bar{padding-block:0.75rem;}.gbc-cta-band{flex-direction:column;align-items:flex-start;}}@media (prefers-reduced-motion:reduce){.gbc-btn{transition:none;}}
/* ============================================================
   GBC — تصحيحات التباين والوصولية
   نُقلت من سنيبت 16 (مراجعة 2026-09-21) + روابط التواصل في التذييل
   (2026-09-23): كانت تأخذ لون روابط بريكس الذهبي الداكن على الكحلي، 3.0:1.
   ============================================================ */
.gbc-on-navy :is(.gbc-card:not(.gbc-card--navy),.gbc-doc-card,.gbc-course-card,.gbc-trainer-card) :is(.gbc-h1,.gbc-h2,.gbc-h3,.gbc-h4){color:var(--gbc-primary);}
.gbc-caption,.gbc-course-card__meta,.gbc-logo-tile{color:var(--gbc-text-muted);}
.gbc-footer__bottom,.gbc-social{color:var(--gbc-text-invert-m);}
.gbc-course-card__field{color:var(--gbc-n-100);}
.gbc-feature__num{color:#7f6220;}
.gbc-course-card__title,.gbc-trainer-card__name{color:inherit;}
#brx-footer a.brxe-text-basic{color:var(--gbc-text-invert-m);}
#brx-footer a.brxe-text-basic:hover{color:var(--gbc-text-invert);}

/* ============================================================
   GBC — الصور والشعارات (2026-09-24)
   1) الشعار على الخلفيات الداكنة  2) الهيرو بصورة وطبقة كحلية
   3) بلاطات الشعارات  4) صورة المدرّب أو شعار المركز بدلاً منها
   5) شعار الجهة داخل بطاقة الوثيقة
   ============================================================ */
/* 1) الشعار الملوّن على الكحلي يضيع (أزرق على كحلي). ما دام لا يوجد
   «شعار فاتح» في بيانات المركز، يُعرض الشعار نفسه أبيضَ بالكامل. */
.gbc-logo--on-dark{filter:brightness(0) invert(1);}
/* 2) الهيرو بصورة: الصورة خلف القسم، وفوقها طبقة كحلية أغمق من جهة النص
   (اليمين في العربية، اليسار في الإنجليزية) كي يبقى النص مقروءاً فوق أي صورة. */
.gbc-hero--photo{position:relative;isolation:isolate;overflow:hidden;}
.gbc-hero__bg{position:absolute;inset:0;z-index:-1;}
.gbc-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,color-mix(in srgb,var(--gbc-primary) 85%,transparent) 0%,color-mix(in srgb,var(--gbc-primary) 68%,transparent) 50%,color-mix(in srgb,var(--gbc-primary) 45%,transparent) 100%);}
[dir="ltr"] .gbc-hero__bg::after{background:linear-gradient(to right,color-mix(in srgb,var(--gbc-primary) 85%,transparent) 0%,color-mix(in srgb,var(--gbc-primary) 68%,transparent) 50%,color-mix(in srgb,var(--gbc-primary) 45%,transparent) 100%);}
/* السطر الذهبي الصغير فوق العنوان يحتاج ذهبياً أفتح فوق الصورة: 4.5:1 على الأقل (مقيس على الصور الست). */
.gbc-hero--photo .gbc-eyebrow{color:var(--accent-l-1);}
.gbc-hero__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;}
@media (max-width:767px){.gbc-hero__bg::after,[dir="ltr"] .gbc-hero__bg::after{background:color-mix(in srgb,var(--gbc-primary) 88%,transparent);}}
/* 3) بلاطات الشعارات: الشعار إن كانت للشريك «صورة بارزة»، وإلا اسمه بشكل شعار نصي.
   الشعار الأبيض يُعرض على بلاطة كحلية (حقل «الشعار أبيض» في الشريك). */
.gbc-logo-tile{display:flex;align-items:center;justify-content:center;min-block-size:120px;border-style:solid;background:var(--gbc-surface);}
.gbc-logo-tile__img{display:block;max-inline-size:100%;max-block-size:76px;inline-size:auto;block-size:auto;object-fit:contain;}
.gbc-logo-tile[data-logo-bg="true"]{background:var(--gbc-primary);border-color:var(--gbc-primary);}
.gbc-logo-tile__name{font-family:var(--gbc-font-display);font-size:1.0625rem;line-height:1.35;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gbc-primary);}
.gbc-logo-tile__name::before{content:"";display:block;inline-size:28px;block-size:3px;border-radius:2px;background:var(--gbc-gold);margin:0 auto .5rem;}
/* 4) صورة المدرّب: صورته البارزة إن وُجدت، وإلا شعار المركز على خلفية فاتحة. */
img.gbc-trainer-card__avatar{inline-size:64px;object-fit:cover;background:var(--gbc-surface);}
img.gbc-trainer-card__avatar--logo{object-fit:contain;padding:10px;}
/* 5) شعار الجهة داخل بطاقة الوثيقة بدل اسمها المكتوب. */
.gbc-doc-card__logo{display:block;max-inline-size:78%;max-block-size:96px;inline-size:auto;block-size:auto;object-fit:contain;margin-inline:auto;}

/* ============================================================
   GBC A11y Plus — مراجعة الوصولية 2026-09-24
   كل قاعدة هنا لا تغيّر الشكل إلا حيث يُذكر ذلك صراحةً.
   ============================================================ */
/* 1) القوائم الدلالية: الشبكات صارت ul/ol/li و dl/dt/dd، فتبقى بالشكل نفسه.
   :where() صفر أولوية، فتلغي هوامش المتصفح فقط ولا تغلب أي class. */
:where(ul[role="list"],ol[role="list"],ul.brx-nav-nested-items){list-style:none;margin-block:0;padding-inline-start:0;}
:where(#brx-content,#brx-footer) :where(dl,dd,figure){margin:0;}
/* 2) السهم بعد الروابط يُرسم بالـCSS، فلا يقرأ قارئ الشاشة «سهم لليسار». */
.gbc-link--arrow::after{content:"←";content:"←" / "";display:inline-block;margin-inline-start:.3em;transition:transform .2s ease;}
[dir="ltr"] .gbc-link--arrow::after{content:"→";content:"→" / "";}
.gbc-link--arrow:hover::after{transform:translateX(-3px);}
[dir="ltr"] .gbc-link--arrow:hover::after{transform:translateX(3px);}
/* 3) حلقة تركيز واحدة واضحة: كحلية على الفاتح، كريمية على الداكن (≥ 3:1 في الحالتين). */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--gbc-primary);outline-offset:3px;}
:is(#brx-footer,.gbc-on-navy,.gbc-section--navy,.gbc-card--navy,.gbc-cta-band,.gbc-stat--band,.gbc-bg-navy,.gbc-hero--photo,.brx-open .brx-nav-nested-items) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--gbc-text-invert);}
/* 4) حقول النماذج: حدود بتباين 3:1 وتلميح (placeholder) بتباين 4.5:1. تغيير بصري طفيف مقصود. */
#brx-content :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=submit]),textarea,select){border-color:var(--gbc-n-400)!important;}
#brx-content :is(input,textarea)::placeholder{color:var(--gbc-text-muted)!important;opacity:1;}
/* حقل الفخّ للبرامج الآلية يُخفى عن قارئ الشاشة أيضاً، لا عن العين فقط */
.brxe-form .form-group:has(> input[name="website"]){visibility:hidden;}
/* البريد والهاتف يُكتبان من اليسار إلى اليمين داخل الصفحة العربية */
[dir="rtl"] .brxe-form :is(input[type=email],input[type=tel]){direction:ltr;text-align:right;}
/* 5) لا يختفي العنصر المركَّز خلف الهيدر الثابت (WCAG 2.4.11) */
html{scroll-padding-top:160px;}
@media (max-width:767px){html{scroll-padding-top:128px;}}
/* 6) الأسماء اللاتينية تُكتب بحروفها العادية ويُكبّرها الـCSS، فلا تُتهجّى حرفاً حرفاً */
.gbc-doc-card__label,#brxe-2d58m9{text-transform:uppercase;}
/* 7) من يطلب تقليل الحركة في نظامه لا يرى حركة */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
/* 8) وضع التباين العالي في ويندوز: صور الهيرو تُخفى تحت النص، والأزرار والبطاقات تحتفظ بحدودها */
@media (forced-colors:active){
.gbc-hero__bg{display:none;}
.gbc-btn,.gbc-social,.gbc-badge,.gbc-card,.gbc-doc-card,.gbc-course-card,.gbc-logo-tile,.gbc-trust-item{border:1px solid CanvasText;}
.gbc-logo--on-dark{filter:none;}
.gbc-logo-tile[data-logo-bg="true"]{forced-color-adjust:none;}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight;}
}
/* 9) الطباعة: بلا قائمة ولا نماذج ولا صور خلفية، والنص أسود */
@media print{
#brx-header nav,.brxe-toggle,.skip-link,.gbc-hero__bg,.brxe-form,.gbc-social{display:none!important;}
body,#brx-content *{color:#000!important;background:transparent!important;box-shadow:none!important;}
#brx-content a[href^="http"]:not([href*="hazemdesigns.se"])::after{content:" (" attr(href) ")";font-size:.8em;}
}
/* 10) عناوين أعمدة التذييل صارت h2 حقيقية لقارئ الشاشة، بالشكل السابق نفسه */
#brx-footer h2.brxe-text-basic{font-weight:300;line-height:2;}
/* 11) كل شبكة بطاقات تملأ عرض حاويتها. قبلها كان عرض شبكة الدورات في الرئيسية يتبع طول
   عناوين الدورات (الحاوية flex لا تمدّ أبناءها)، فتقصر 57px من جهة اليسار حين تتغيّر الدورات. */
.gbc-grid{inline-size:100%;}
/* 12) بريكس يعطي كل figure هامشاً 1em 40px؛ الآراء صارت figure فتبقى بلا هامش كما كانت div */
figure[class*="brxe-"]{margin:0;}
/* 13) بريكس يعطي كل blockquote خطاً جانبياً وخط Georgia، وكل figcaption نصاً رمادياً صغيراً في الوسط؛
   الآراء صارت figure/blockquote/figcaption، فتُلغى هذه لتبقى كما كانت */
blockquote[class*="brxe-"]{border:0;padding:0;}
figcaption[class*="brxe-"]{color:inherit;font-size:inherit;text-align:inherit;}
/* 14) قرارات 24 سبتمبر (اللوحة، البنود 1–3):
   أرقام الخطوات الكبيرة: من 1.41:1 إلى 3.6:1، رمادية-بنية تبقى خفيفة */
.gbc-step__num{color:var(--gbc-n-400);}
/* الأرقام الذهبية على شريط الإحصاءات الأزرق: درجة أفتح، من 2.87:1 إلى 3.57:1 */
.gbc-stat--band .gbc-stat__value{color:var(--accent-l-1);}
/* روابط التذييل: مساحة لمس 44px (المستوى الأعلى AAA). التباعد بينها صار داخل الرابط نفسه */
#brx-footer a:not(.gbc-social){min-height:44px;display:inline-flex;align-items:center;}
/* روابط التواصل فيها كلمة ثم رقم («الهاتف: +44…»)، والـflex يحذف المسافة بينهما، فتبقى inline-block بحشوة تكمل 44px */
#brx-footer a.brxe-text-basic{display:inline-block;padding-block:calc((44px - 1.7em) / 2);}
/* 15) أيقونات المنصّات بدل الحروف «in / X / ig / yt»: الاسم المقروء في aria-label (السنيبت 22)،
   والأيقونة قناع SVG بلون النص نفسه، فتتبع لون المرور والتركيز. منصّة غير معروفة تبقى بحروفها. */
.gbc-social:is([aria-label="LinkedIn"],[aria-label="X"],[aria-label="Instagram"],[aria-label="YouTube"],[aria-label="Facebook"]){font-size:0;}
.gbc-social:is([aria-label="LinkedIn"],[aria-label="X"],[aria-label="Instagram"],[aria-label="YouTube"],[aria-label="Facebook"])::before{content:"";inline-size:18px;block-size:18px;background-color:currentColor;-webkit-mask:var(--gbc-ico) center/contain no-repeat;mask:var(--gbc-ico) center/contain no-repeat;}
.gbc-social[aria-label="LinkedIn"]{--gbc-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4.98%203.5a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5zM3%209h4v12H3zM9%209h3.8v1.7h.05c.53-1%201.83-2.05%203.77-2.05%204.03%200%204.78%202.65%204.78%206.1V21h-4v-5.6c0-1.34-.03-3.06-1.86-3.06-1.87%200-2.15%201.46-2.15%202.96V21H9z%22%2F%3E%3C%2Fsvg%3E");}
.gbc-social[aria-label="X"]{--gbc-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231zm-1.161%2017.52h1.833L7.084%204.126H5.117z%22%2F%3E%3C%2Fsvg%3E");}
.gbc-social[aria-label="Instagram"]{--gbc-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202.16c3.2%200%203.58.01%204.85.07%203.25.15%204.77%201.69%204.92%204.92.06%201.27.07%201.65.07%204.85s-.01%203.58-.07%204.85c-.15%203.23-1.66%204.77-4.92%204.92-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92C2.17%2015.58%202.16%2015.2%202.16%2012s.01-3.58.07-4.85C2.38%203.92%203.9%202.38%207.15%202.23%208.42%202.17%208.8%202.16%2012%202.16zM12%200C8.74%200%208.33.01%207.05.07%202.7.27.27%202.69.07%207.05.01%208.33%200%208.74%200%2012s.01%203.67.07%204.95c.2%204.36%202.62%206.78%206.98%206.98C8.33%2023.99%208.74%2024%2012%2024s3.67-.01%204.95-.07c4.35-.2%206.78-2.62%206.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95C23.73%202.7%2021.31.27%2016.95.07%2015.67.01%2015.26%200%2012%200zm0%205.84a6.16%206.16%200%201%200%200%2012.32%206.16%206.16%200%200%200%200-12.32zM12%2016a4%204%200%201%201%200-8%204%204%200%200%201%200%208zm6.41-11.85a1.44%201.44%200%201%200%200%202.88%201.44%201.44%200%200%200%200-2.88z%22%2F%3E%3C%2Fsvg%3E");}
.gbc-social[aria-label="YouTube"]{--gbc-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23.5%206.2a3%203%200%200%200-2.1-2.1C19.5%203.6%2012%203.6%2012%203.6s-7.5%200-9.4.5A3%203%200%200%200%20.5%206.2%2031.2%2031.2%200%200%200%200%2012a31.2%2031.2%200%200%200%20.5%205.8%203%203%200%200%200%202.1%202.1c1.9.5%209.4.5%209.4.5s7.5%200%209.4-.5a3%203%200%200%200%202.1-2.1A31.2%2031.2%200%200%200%2024%2012a31.2%2031.2%200%200%200-.5-5.8zM9.6%2015.6V8.4l6.3%203.6z%22%2F%3E%3C%2Fsvg%3E");}
.gbc-social[aria-label="Facebook"]{--gbc-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M24%2012.07C24%205.41%2018.63%200%2012%200S0%205.4%200%2012.07C0%2018.1%204.39%2023.1%2010.13%2024v-8.44H7.08v-3.49h3.04V9.41c0-3.02%201.8-4.7%204.54-4.7%201.31%200%202.68.24%202.68.24v2.97h-1.5c-1.5%200-1.96.93-1.96%201.89v2.26h3.33l-.53%203.5h-2.8V24C19.62%2023.1%2024%2018.1%2024%2012.07z%22%2F%3E%3C%2Fsvg%3E");}
@media (forced-colors:active){.gbc-social::before{forced-color-adjust:none;background-color:CanvasText;}}
/* 16) مسار التنقل (breadcrumbs) في صفحات الدورات والمدرّبين: nav > ol > li، والصفحة الحالية aria-current.
   الفاصل سهم صغير يُرسم بالـCSS فلا يُقرأ، ويشير إلى اليسار في العربية وإلى اليمين في الإنجليزية */
.gbc-crumbs{margin-block-end:var(--gbc-space-4);font-size:var(--gbc-fs-small);line-height:1.6;}
.gbc-crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;}
.gbc-crumbs__list>li{display:flex;align-items:center;gap:.5rem;color:var(--gbc-text-invert-m);}
.gbc-crumbs__list>li+li::before{content:"";inline-size:.7em;block-size:.7em;background-color:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
[dir="rtl"] .gbc-crumbs__list>li+li::before{transform:scaleX(-1);}
@media (forced-colors:active){.gbc-crumbs__list>li+li::before{forced-color-adjust:none;background-color:CanvasText;}}
.gbc-crumbs__link{display:inline-block;padding-block:2px;color:var(--gbc-text-invert-m);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.gbc-crumbs__link:hover{color:var(--gbc-text-invert);}
.gbc-crumbs__current{color:var(--gbc-text-invert);}
/* 17) روابط الهاتف والبريد داخل بطاقات التواصل صارت <a> داخل <dd> (كانت الرابط نفسه مكان dd فتنكسر بنية dl).
   مساحة لمس 44px دون أن يتحرّك شيء
   (الحشوة تكبّر منطقة النقر، والهامش السالب نفسه يعيد السطر إلى مكانه) */
#brxe-rknqr2 dd a{color:inherit;text-decoration:none;display:inline-block;padding-block:calc((44px - 1lh) / 2);margin-block:calc((1lh - 44px) / 2);}
#brxe-rknqr2 dd a:hover{color:var(--gbc-primary);}
