/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-fff182fb],[data-v-fff182fb]:before,[data-v-fff182fb]:after,[data-v-fff182fb]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.blog-page[data-v-fff182fb]{--font-body:"Sofia Pro", "Sofia Pro Fallback", system-ui, sans-serif;background-color:var(--color-white,#fff);font-family:var(--font-body);overflow-x:hidden}:root[dir=rtl] .blog-page[data-v-fff182fb]{--font-body:almarai, "Almarai Fallback", sans-serif}.blog-masthead[data-v-fff182fb]{text-align:center;padding:6rem 1.5rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both blog-fade-fff182fb;position:relative}.blog-masthead[data-v-fff182fb]:before{content:"";pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);background:radial-gradient(60% 80% at 50% 20%,#14b8a60a 0%,#14b8a604 40%,#0000 70%);position:absolute}.masthead-title[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 3);color:var(--color-gray-900,#101828);font-family:var(--font-display);letter-spacing:-.02em;font-size:2.75rem;font-weight:400;position:relative}@supports (color:lab(0% 0 0)){.masthead-title[data-v-fff182fb]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.masthead-sub[data-v-fff182fb]{color:#64748b;letter-spacing:.01em;font-size:1.0625rem;font-weight:400;line-height:1.6;position:relative}@keyframes blog-fade-fff182fb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-featured[data-v-fff182fb]{max-width:780px;margin-inline:auto;padding:0 1.5rem 4rem;animation:.6s cubic-bezier(.16,1,.3,1) .25s both blog-fade-fff182fb}.featured-card[data-v-fff182fb]{border-radius:var(--radius-2xl,1rem);color:inherit;background:#fff;border:1px solid #e2e8f099;text-decoration-line:none;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden;box-shadow:0 2px 4px #00000005,0 12px 40px #0000000f}.featured-card[data-v-fff182fb]:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000000a,0 20px 50px #0000001a}.featured-card[data-v-fff182fb]:focus-visible{--tw-outline-style:none;box-shadow:0 0 0 3px var(--color-teal-500), 0 0 0 5px white;outline-style:none}.featured-image[data-v-fff182fb]{aspect-ratio:11/6;overflow:hidden}.featured-image img[data-v-fff182fb]{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.featured-card:hover .featured-image img[data-v-fff182fb]{transform:scale(1.03)}.featured-body[data-v-fff182fb]{padding:1.75rem 2rem 2rem}.featured-cat[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 3);background-color:var(--color-teal-50,#f0fdfa);color:var(--color-teal-700,#00776e);text-transform:uppercase;letter-spacing:.1em;border-radius:3.40282e38px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;display:inline-block}@supports (color:lab(0% 0 0)){.featured-cat[data-v-fff182fb]{background-color:var(--color-teal-50,lab(98.3189% -4.74921 -.111711));color:var(--color-teal-700,lab(44.4134% -33.1436 -4.22149))}}.featured-title[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 3);color:var(--color-gray-900,#101828);font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.25;transition:color .2s}@supports (color:lab(0% 0 0)){.featured-title[data-v-fff182fb]{color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.featured-card:hover .featured-title[data-v-fff182fb]{color:var(--color-teal-700,#00776e)}@supports (color:lab(0% 0 0)){.featured-card:hover .featured-title[data-v-fff182fb]{color:var(--color-teal-700,lab(44.4134% -33.1436 -4.22149))}}.featured-desc[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 6);color:#64748b;font-size:.9375rem;font-weight:380;line-height:1.7}.featured-meta[data-v-fff182fb]{color:var(--color-slate-400);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:380;display:flex}.featured-avatar[data-v-fff182fb]{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);object-fit:cover;border-radius:3.40282e38px}.featured-author[data-v-fff182fb]{color:var(--color-slate-600,#45556c);font-weight:420}@supports (color:lab(0% 0 0)){.featured-author[data-v-fff182fb]{color:var(--color-slate-600,lab(35.5623% -1.74978 -15.4316))}}.featured-sep[data-v-fff182fb]{color:var(--color-slate-300,#cad5e2)}@supports (color:lab(0% 0 0)){.featured-sep[data-v-fff182fb]{color:var(--color-slate-300,lab(84.7652% -1.94535 -7.93337))}}.blog-grid-section[data-v-fff182fb]{background:linear-gradient(#fff 0,#f8fafc 120px 100%)}.blog-cat-nav[data-v-fff182fb]{top:calc(var(--spacing,.25rem) * 0);z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf2;border-bottom:1px solid #0000000a;position:sticky}.blog-cat-scroll[data-v-fff182fb]{scrollbar-width:none;justify-content:center;gap:.375rem;padding:.875rem 1.5rem;display:flex;overflow-x:auto}.blog-cat-scroll[data-v-fff182fb]::-webkit-scrollbar{display:none}.blog-pill[data-v-fff182fb]{border-style:var(--tw-border-style);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:nowrap;letter-spacing:.01em;color:var(--color-slate-500);background-color:#0000;border-width:1px;border-color:#0000;border-radius:3.40282e38px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:420;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.blog-pill[data-v-fff182fb]:hover{background-color:var(--color-white,#fff);color:var(--color-slate-700,#314158)}@supports (color:lab(0% 0 0)){.blog-pill[data-v-fff182fb]:hover{color:var(--color-slate-700,lab(26.9569% -1.47016 -15.6993))}}.blog-pill[data-v-fff182fb]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-teal-500,#00baa7);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}@supports (color:lab(0% 0 0)){.blog-pill[data-v-fff182fb]:focus-visible{--tw-ring-color:var(--color-teal-500,lab(67.3859% -49.0983 -2.63511))}}.blog-pill-active[data-v-fff182fb]{background-color:var(--color-white,#fff);color:var(--color-slate-900,#0f172b);border-color:#cbd5e1b3;font-weight:500;box-shadow:0 1px 3px #0000000a}@supports (color:lab(0% 0 0)){.blog-pill-active[data-v-fff182fb]{color:var(--color-slate-900,lab(7.78673% 1.82345 -15.0537))}}.blog-pill-active[data-v-fff182fb]:hover{background-color:var(--color-white,#fff);color:var(--color-slate-900,#0f172b)}@supports (color:lab(0% 0 0)){.blog-pill-active[data-v-fff182fb]:hover{color:var(--color-slate-900,lab(7.78673% 1.82345 -15.0537))}}.blog-body[data-v-fff182fb]{max-width:1100px;margin-inline:auto;padding:3.5rem 1.5rem 4.5rem}.blog-grid[data-v-fff182fb]{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.blog-card[data-v-fff182fb]{border-radius:var(--radius-xl,.75rem);background-color:var(--color-white,#fff);border:1px solid #e2e8f099;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.16,1,.3,1) both blog-card-in-fff182fb;overflow:hidden}.blog-card[data-v-fff182fb]:first-child{animation-delay:.1s}.blog-card[data-v-fff182fb]:nth-child(2){animation-delay:.18s}.blog-card[data-v-fff182fb]:nth-child(3){animation-delay:.26s}.blog-card[data-v-fff182fb]:nth-child(4){animation-delay:.32s}.blog-card[data-v-fff182fb]:nth-child(5){animation-delay:.37s}.blog-card[data-v-fff182fb]:nth-child(6){animation-delay:.41s}.blog-card[data-v-fff182fb]:nth-child(n+7){animation-delay:.44s}@keyframes blog-card-in-fff182fb{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.blog-card[data-v-fff182fb]:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000d,0 1px 4px #00000008}.blog-card[data-v-fff182fb]:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-teal-500,#00baa7);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}@supports (color:lab(0% 0 0)){.blog-card[data-v-fff182fb]:has(:focus-visible){--tw-ring-color:var(--color-teal-500,lab(67.3859% -49.0983 -2.63511))}}.blog-card-link[data-v-fff182fb]{color:inherit;text-decoration-line:none;display:block}.blog-card-link[data-v-fff182fb]:focus-visible{--tw-outline-style:none;outline-style:none}.blog-card-image[data-v-fff182fb]{background-color:var(--color-slate-100,#f1f5f9);aspect-ratio:11/6;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-card-image[data-v-fff182fb]{background-color:var(--color-slate-100,lab(96.286% -.852436 -2.46847))}}.blog-card-image[data-v-fff182fb]:after{content:"";inset:calc(var(--spacing,.25rem) * 0);background:#0f172a00;transition:background .4s cubic-bezier(.4,0,.2,1);position:absolute}.blog-card:hover .blog-card-image[data-v-fff182fb]:after{background:#0f172a0f}.blog-card-image img[data-v-fff182fb]{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img[data-v-fff182fb]{transform:scale(1.03)}.blog-card-body[data-v-fff182fb]{padding:1.375rem 1.5rem 1.5rem}.blog-card-cat[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-teal-50,#f0fdfa);color:var(--color-teal-700,#00776e);text-transform:uppercase;letter-spacing:.1em;border-radius:3.40282e38px;padding:.1875rem .625rem;font-size:.625rem;font-weight:600;display:inline-block}@supports (color:lab(0% 0 0)){.blog-card-cat[data-v-fff182fb]{background-color:var(--color-teal-50,lab(98.3189% -4.74921 -.111711));color:var(--color-teal-700,lab(44.4134% -33.1436 -4.22149))}}.blog-card-title[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 2);color:var(--color-slate-700,#314158);font-family:var(--font-body);letter-spacing:-.02em;font-size:1.1875rem;font-weight:650;line-height:1.35;transition:color .2s}@supports (color:lab(0% 0 0)){.blog-card-title[data-v-fff182fb]{color:var(--color-slate-700,lab(26.9569% -1.47016 -15.6993))}}.blog-card:hover .blog-card-title[data-v-fff182fb]{color:var(--color-teal-700,#00776e)}@supports (color:lab(0% 0 0)){.blog-card:hover .blog-card-title[data-v-fff182fb]{color:var(--color-teal-700,lab(44.4134% -33.1436 -4.22149))}}.blog-card-desc[data-v-fff182fb]{margin-bottom:calc(var(--spacing,.25rem) * 4);color:var(--color-slate-500,#62748e);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:380;line-height:1.6;display:-webkit-box;overflow:hidden}@supports (color:lab(0% 0 0)){.blog-card-desc[data-v-fff182fb]{color:var(--color-slate-500,lab(48.0876% -2.03595 -16.5814))}}.blog-card-meta[data-v-fff182fb]{color:var(--color-slate-400);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.75rem;font-weight:380;display:flex}.blog-card-avatar[data-v-fff182fb]{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);object-fit:cover;border-radius:3.40282e38px}.blog-card-author[data-v-fff182fb]{color:var(--color-slate-600,#45556c);font-weight:420}@supports (color:lab(0% 0 0)){.blog-card-author[data-v-fff182fb]{color:var(--color-slate-600,lab(35.5623% -1.74978 -15.4316))}}.blog-card-sep[data-v-fff182fb]{color:var(--color-slate-300,#cad5e2)}@supports (color:lab(0% 0 0)){.blog-card-sep[data-v-fff182fb]{color:var(--color-slate-300,lab(84.7652% -1.94535 -7.93337))}}.blog-empty[data-v-fff182fb]{padding-block:calc(var(--spacing,.25rem) * 20);text-align:center}.blog-empty p[data-v-fff182fb]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--color-slate-400,#90a1b9);font-weight:380}@supports (color:lab(0% 0 0)){.blog-empty p[data-v-fff182fb]{color:var(--color-slate-400,lab(65.5349% -2.25151 -14.5072))}}@media (prefers-reduced-motion:reduce){.blog-masthead[data-v-fff182fb],.blog-featured[data-v-fff182fb],.blog-card[data-v-fff182fb]{opacity:1;transform:none;animation:none!important}}@media (max-width:1024px){.blog-grid[data-v-fff182fb]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-masthead[data-v-fff182fb]{padding:5rem 1.25rem 1.5rem}.masthead-title[data-v-fff182fb]{font-size:2.5rem}.blog-featured[data-v-fff182fb]{padding:0 1rem 2.5rem}.featured-body[data-v-fff182fb]{padding:1.25rem 1.5rem 1.5rem}.featured-title[data-v-fff182fb]{font-size:1.5rem}.blog-body[data-v-fff182fb]{padding:2rem 1.25rem 3.5rem}.blog-grid[data-v-fff182fb]{grid-template-columns:1fr}.blog-cat-scroll[data-v-fff182fb]{justify-content:flex-start;padding:.75rem 1.25rem;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 1.25rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 1.25rem),#0000 100%)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
