.mesh-root{--mesh-canvas:#fafafa;--mesh-surface:#fff;--mesh-raised:#fff;--mesh-text:#171717;--mesh-secondary:#4d4d4d;--mesh-muted:#8f8f8f;--mesh-hairline:#ebebeb;--mesh-border-strong:#d4d4d4;--mesh-forest:#125934;--mesh-deep:#0b4025;--mesh-emerald:#218653;--mesh-bright:#36b875;--mesh-pale:#edf7f0;--mesh-soft:#d9f0e2;--mesh-error:#e00;--mesh-warning:#f5a623;--mesh-primary:#125934;--mesh-primary-hover:#0b4025;--mesh-on-primary:#fff;--mesh-accent:#125934;--mesh-input-bg:#fff;background:var(--mesh-canvas);color:var(--mesh-text);font-family:var(--font-inter),system-ui,sans-serif;min-height:100vh;line-height:1.65}.mesh-root[data-theme=dark]{--mesh-canvas:#000;--mesh-surface:#0a0a0a;--mesh-raised:#111;--mesh-text:#ededed;--mesh-secondary:#a1a1a1;--mesh-muted:#888;--mesh-hairline:#1e1e1e;--mesh-border-strong:#333;--mesh-pale:#0b1f13;--mesh-soft:#12351f;--mesh-primary:#218653;--mesh-primary-hover:#36b875;--mesh-on-primary:#fff;--mesh-accent:#36b875;--mesh-input-bg:#0a0a0a}.mesh-root[data-lang=ar]{font-family:var(--font-arabic),var(--font-inter),system-ui,sans-serif;letter-spacing:0}.mesh-root[data-lang=ar] h1,.mesh-root[data-lang=ar] h2,.mesh-root[data-lang=ar] h3{letter-spacing:0;font-weight:600}.mesh-root *{box-sizing:border-box}.mesh-container{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width:1024px){.mesh-container{padding:0 32px}}.mesh-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;font-family:inherit}.mesh-btn-primary{background:var(--mesh-primary);color:var(--mesh-on-primary)}.mesh-btn-primary:hover{background:var(--mesh-primary-hover)}.mesh-btn-outline{background:transparent;border-color:var(--mesh-border-strong);color:var(--mesh-text)}.mesh-btn-outline:hover{border-color:var(--mesh-muted)}.mesh-btn-sm{min-height:36px;padding:0 16px;font-size:13px;border-radius:6px}.mesh-input{width:100%;min-height:44px;padding:12px 14px;border:1px solid var(--mesh-hairline);border-radius:6px;background:var(--mesh-input-bg);font-size:14px;color:var(--mesh-text);outline:none;font-family:inherit}.mesh-input:focus{border-color:var(--mesh-accent);box-shadow:0 0 0 3px rgba(33,134,83,.22)}.mesh-textarea{width:100%;padding:14px;border:1px solid var(--mesh-hairline);border-radius:6px;background:var(--mesh-input-bg);font-size:14px;color:var(--mesh-text);outline:none;resize:vertical;font-family:inherit}.mesh-textarea:focus{border-color:var(--mesh-accent);box-shadow:0 0 0 3px rgba(33,134,83,.22)}.mesh-card{border:1px solid var(--mesh-hairline);border-radius:12px}.mesh-card,.mesh-chip{background:var(--mesh-surface)}.mesh-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--mesh-hairline);font-size:12px;font-weight:500;color:var(--mesh-secondary);cursor:pointer;text-decoration:none;white-space:nowrap;font-family:inherit}.mesh-chip-active{background:var(--mesh-primary);color:var(--mesh-on-primary);border-color:transparent}.mesh-chip-static{cursor:default}.mesh-accent-text{color:var(--mesh-bright)}.mesh-fade-line{height:3px;width:64px;border-radius:99px;background:#218653}.mesh-focus:focus-visible{outline:2px solid var(--mesh-accent);outline-offset:2px}.mesh-solved{display:inline-flex;align-items:center;gap:4px;background:var(--mesh-pale);color:var(--mesh-accent);border:1px solid var(--mesh-soft);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.mesh-root[data-lang=ar] .mesh-flip-rtl{transform:scaleX(-1)}.mesh-search-wrap{position:relative;flex:1}.mesh-search-icon{position:absolute;inset-inline-start:12px;top:15px;color:var(--mesh-muted)}.mesh-search-input{padding-inline-start:38px!important}.mesh-cat-card{position:relative;display:block;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;min-height:224px;background:#0a0a0a;box-shadow:0 24px 48px rgba(0,0,0,.35);transition:transform .18s,filter .18s;isolation:isolate}.mesh-cat-card-header{min-height:240px}.mesh-cat-card:hover{transform:translateY(-2px);filter:brightness(1.07)}.mesh-cat-card:hover .mesh-cat-photo{transform:scale(1.03)}.mesh-cat-card:hover .mesh-cat-logos{transform:translateY(-50%) scale(1.03)}.mesh-cat-card:hover .mesh-cat-glass{background:hsla(0,0%,4%,.3);backdrop-filter:blur(3px) saturate(1.2) brightness(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.2) brightness(1.12)}.mesh-cat-card:hover .mesh-arrow{transform:translateX(4px)}.mesh-root[data-lang=ar] .mesh-cat-card:hover .mesh-arrow{transform:translateX(-4px)}.mesh-arrow{transition:transform .18s;display:inline-flex}.mesh-cat-media{position:absolute;inset:0;overflow:hidden;z-index:0}.mesh-cat-photo{inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;filter:saturate(.85) brightness(.92) contrast(1.05)}.mesh-cat-logos,.mesh-cat-photo{position:absolute;transition:transform .25s}.mesh-cat-logos{inset-inline-end:30px;top:50%;transform:translateY(-50%);display:flex;gap:16px;align-items:center}.mesh-cat-logo{width:158px;height:158px;-o-object-fit:cover;object-fit:cover;border-radius:32px;opacity:1;box-shadow:0 16px 40px rgba(0,0,0,.45)}.mesh-cat-tint{position:absolute;inset:0;background:rgba(0,0,0,.16);z-index:1}.mesh-cat-glass{position:absolute;inset:0;z-index:2;border-radius:20px;background:hsla(0,0%,4%,.38);backdrop-filter:blur(3px) saturate(1.2) brightness(1.06);-webkit-backdrop-filter:blur(3px) saturate(1.2) brightness(1.06);border:1px solid hsla(0,0%,100%,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 hsla(0,0%,100%,.07),inset 1px 0 0 hsla(0,0%,100%,.1)}.mesh-cat-glass:before{content:"";position:absolute;top:0;inset-inline:0;height:45%;background:hsla(0,0%,100%,.05);border-radius:20px 20px 0 0;pointer-events:none}.mesh-cat--logos .mesh-cat-tint{background:rgba(0,0,0,.1)}.mesh-cat--logos .mesh-cat-glass{background:rgba(8,8,8,.28);backdrop-filter:blur(2px) saturate(1.2) brightness(1.06);-webkit-backdrop-filter:blur(2px) saturate(1.2) brightness(1.06)}.mesh-cat--logos:hover .mesh-cat-glass{background:rgba(8,8,8,.24);backdrop-filter:blur(2px) saturate(1.2) brightness(1.12);-webkit-backdrop-filter:blur(2px) saturate(1.2) brightness(1.12)}.mesh-cat-content{position:relative;z-index:4;padding:28px;max-width:56%;text-shadow:0 1px 12px rgba(0,0,0,.35)}.mesh-cat-title{font-size:26px;line-height:1.15;margin:0 0 10px;font-weight:800;color:#fff}.mesh-cat-desc{color:hsla(0,0%,100%,.82);font-size:15px;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mesh-cat-tags{display:flex;gap:8px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.mesh-cat-tag{font-size:11px;border:1px solid hsla(0,0%,100%,.24);padding:5px 11px;border-radius:999px;color:hsla(0,0%,100%,.9)}.mesh-header-bar{background:var(--mesh-surface);border-bottom:1px solid var(--mesh-hairline)}.mesh-demo-banner{background:var(--mesh-pale);border-bottom:1px solid var(--mesh-soft);color:var(--mesh-accent);font-size:13px}.mesh-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:999px;border:1px solid var(--mesh-hairline);background:transparent;color:var(--mesh-text);cursor:pointer;font-family:inherit}.mesh-icon-btn:hover{border-color:var(--mesh-border-strong)}.mesh-lang-btn{width:auto;min-height:40px;padding:0 14px;font-size:13px;font-weight:600}.mesh-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:60}.mesh-drawer-backdrop.open{opacity:1;pointer-events:auto}.mesh-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(320px,86vw);background:var(--mesh-surface);border-inline-start:1px solid var(--mesh-hairline);z-index:61;padding:24px;overflow-y:auto;transform:translateX(105%);transition:transform .26s ease;visibility:hidden}.mesh-root[data-lang=ar] .mesh-drawer{transform:translateX(-105%)}.mesh-drawer.open{transform:translateX(0)!important;visibility:visible;box-shadow:0 0 64px rgba(0,0,0,.28)}.mesh-drawer-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mesh-text);text-decoration:none;background:none;border:none;font-family:inherit;text-align:start;padding:10px 2px;width:100%}@media (prefers-reduced-motion:reduce){.mesh-drawer,.mesh-drawer-backdrop{transition:none!important}}.mesh-article-grid{display:grid;grid-template-columns:1fr;gap:22px}@media (min-width:900px){.mesh-article-grid{grid-template-columns:1fr 1fr}}.mesh-article-card{display:flex;flex-direction:column;background:var(--mesh-surface);border:1px solid var(--mesh-hairline);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}.mesh-article-card:hover{border-color:var(--mesh-border-strong);transform:translateY(-2px)}.mesh-article-banner{width:100%;aspect-ratio:5/2;-o-object-fit:cover;object-fit:cover;display:block}.mesh-article-banner-empty{width:100%;aspect-ratio:5/2;background:var(--mesh-pale);color:var(--mesh-accent);display:grid;place-items:center}.mesh-article-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.mesh-article-actions:not(.mesh-article-actions-bottom){padding-bottom:18px;border-bottom:1px solid var(--mesh-hairline)}.mesh-article-actions-bottom{margin-top:38px;padding-top:22px;border-top:1px solid var(--mesh-hairline)}.mesh-article-page .mesh-btn-sm{border-radius:999px}.mesh-share-wrap{position:relative;display:inline-block}.mesh-share-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:50;display:block;min-width:232px;background:var(--mesh-surface);border:1px solid var(--mesh-hairline);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.24);padding:6px}.mesh-share-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;border-radius:9px;font-family:inherit;font-size:14px;font-weight:550;color:var(--mesh-text);cursor:pointer;text-align:start;white-space:nowrap}.mesh-share-item:hover{background:var(--mesh-pale)}.mesh-share-iconbtn{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:999px;border:none;background:transparent;color:var(--mesh-muted);cursor:pointer;font-family:inherit;padding:0}.mesh-share-iconbtn:hover{background:var(--mesh-pale);color:var(--mesh-text)}.mesh-article-body{font-size:17px;line-height:1.8;color:var(--mesh-text);overflow-wrap:break-word}.mesh-article-body p{margin:0 0 1.1em}.mesh-article-body h1{font-size:26px;line-height:1.3;margin:1.2em 0 .6em;font-weight:800}.mesh-article-body h2{font-size:22px;line-height:1.35;margin:1.3em 0 .55em;font-weight:700}.mesh-article-body blockquote{margin:1.2em 0;padding:2px 0 2px 18px;padding-inline-start:18px;border-inline-start:3px solid var(--mesh-accent);color:var(--mesh-secondary)}.mesh-article-body ol,.mesh-article-body ul{margin:0 0 1.1em;padding-inline-start:24px}.mesh-article-body li{margin:.3em 0}.mesh-article-body a{color:var(--mesh-accent);text-decoration:underline}.mesh-article-body img{max-width:100%;height:auto;border-radius:12px}.mesh-article-body hr{border:none;border-top:1px solid var(--mesh-hairline);margin:30px 0}.mesh-article-body code{background:var(--mesh-pale);padding:2px 6px;border-radius:6px;font-size:.88em}.mesh-article-body pre{background:var(--mesh-pale);padding:16px;border-radius:12px;overflow-x:auto;margin:0 0 1.1em}.mesh-article-body pre code{background:none;padding:0}.mesh-editor{border:1px solid var(--mesh-hairline);border-radius:12px;background:var(--mesh-input-bg);overflow:hidden}.mesh-editor:focus-within{border-color:var(--mesh-accent);box-shadow:0 0 0 3px rgba(33,134,83,.22)}.mesh-editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:8px;border-bottom:1px solid var(--mesh-hairline);background:var(--mesh-surface)}.mesh-editor-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--mesh-secondary);cursor:pointer;font-family:inherit}.mesh-editor-btn:hover{border-color:var(--mesh-hairline);color:var(--mesh-text)}.mesh-editor-btn.active{background:var(--mesh-pale);color:var(--mesh-accent)}.mesh-editor-btn:disabled{opacity:.35;cursor:default}.mesh-editor .ProseMirror{min-height:320px;padding:20px;outline:none}.mesh-spin{animation:meshSpin 1s linear infinite}@keyframes meshSpin{to{transform:rotate(1turn)}}.mesh-editor .ProseMirror>:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){.mesh-root *{transition:none!important;animation:none!important}}@media (max-width:1023px){.mesh-cat-content{max-width:52%}.mesh-cat-logos{inset-inline-end:22px;gap:14px}.mesh-cat-logo{width:132px;height:132px;border-radius:28px}}@media (max-width:768px){.mesh-container{padding:0 20px}.mesh-cat-card{min-height:200px}.mesh-cat-card-header{min-height:216px}.mesh-cat-content{max-width:54%;padding:22px}.mesh-cat-title{font-size:22px}.mesh-cat-desc{font-size:13.5px;-webkit-line-clamp:4}.mesh-cat-logo{width:120px;height:120px;border-radius:24px}.mesh-cat-tags{display:none}.mesh-cat--logos .mesh-cat-content{max-width:100%;padding:22px 22px 156px}.mesh-cat--logos .mesh-cat-logos{top:auto;bottom:20px;inset-inline-end:20px;transform:none;gap:12px}.mesh-cat--logos:hover .mesh-cat-logos{transform:scale(1.02)}}.mesh-hero{position:relative;left:50%;transform:translateX(-50%);width:min(1400px,calc(100vw - 32px));border-radius:28px;overflow:hidden;margin-top:28px;isolation:isolate;background:#0b4025;border:1px solid hsla(0,0%,100%,.22);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.18),0 24px 48px -24px rgba(11,64,37,.35);display:flex}@media (min-width:641px){.mesh-hero{aspect-ratio:16/5}}.mesh-hero-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(.45) contrast(1.04) brightness(.96);opacity:1;transition:opacity 1.2s ease;z-index:0}.mesh-hero[data-phase=pattern] .mesh-hero-video{opacity:0}.mesh-hero-pattern{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:1;overflow:hidden;background:#060606}.mesh-hero[data-phase=pattern] .mesh-hero-pattern{opacity:1}.mesh-hero-pattern-svg{position:absolute;inset:0;width:100%;height:100%}.mesh-hero-pattern-white{position:absolute;inset:0;opacity:0;-webkit-mask-image:linear-gradient(100deg,transparent 32%,#000 50%,transparent 68%);mask-image:linear-gradient(100deg,transparent 32%,#000 50%,transparent 68%);-webkit-mask-size:280% 100%;mask-size:280% 100%;-webkit-mask-position:120% 0;mask-position:120% 0}.mesh-hero[data-phase=pattern] .mesh-hero-pattern-white{opacity:1;animation:meshWave 5s linear infinite}@keyframes meshWave{0%{-webkit-mask-position:120% 0;mask-position:120% 0}to{-webkit-mask-position:-80% 0;mask-position:-80% 0}}.mesh-hero-glass{position:absolute;inset:0;z-index:2;background:rgba(11,64,37,.34);backdrop-filter:blur(3px) saturate(1);-webkit-backdrop-filter:blur(3px) saturate(1);transition:background-color 8.6s linear,opacity 1.2s ease;pointer-events:none}.mesh-hero[data-ramp=on] .mesh-hero-glass{background:rgba(11,64,37,.58)}.mesh-hero[data-phase=pattern] .mesh-hero-glass{opacity:0}.mesh-hero-inner{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px 28px}.mesh-hero-word{font-size:clamp(56px,9vw,104px);font-weight:900;line-height:.98;letter-spacing:.01em;color:#f7f3e9;opacity:.45;transform:scale(.96);transition:opacity 8.6s linear,transform 8.6s linear,color 1s ease}.mesh-hero[data-ramp=on] .mesh-hero-word{opacity:1;transform:scale(1)}.mesh-hero[data-phase=pattern] .mesh-hero-word{color:#fafafa;transition:color 1s ease}.mesh-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px;opacity:.45;transition:opacity 8.6s linear}.mesh-hero[data-ramp=on] .mesh-hero-actions{opacity:1}.mesh-hero-btn-gold{background:#d9a441;color:#0b4025;border-color:transparent;transition:background-color 1s ease,color 1s ease}.mesh-hero-btn-gold:hover{background:#c99634}.mesh-hero[data-phase=pattern] .mesh-hero-btn-gold{background:#218653;color:#fff}.mesh-hero[data-phase=pattern] .mesh-hero-btn-gold:hover{background:#36b875}.mesh-hero-btn-glass{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mesh-hero-btn-glass:hover{border-color:hsla(0,0%,100%,.75)}.mesh-hero[data-phase=pattern] .mesh-hero-btn-glass{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.35);color:#fafafa}.mesh-hero[data-phase=pattern] .mesh-hero-btn-glass:hover{border-color:#36b875}.mesh-hero-search{margin:28px auto 0;max-width:660px;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 20px;padding-inline-start:20px;border-radius:999px;background:hsla(0,0%,100%,.62);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(18,89,52,.16);box-shadow:0 12px 34px -12px rgba(11,64,37,.22),inset 0 1px 0 hsla(0,0%,100%,.7);transition:box-shadow .18s ease,border-color .18s ease}.mesh-hero-search:focus-within{border-color:rgba(18,89,52,.4);box-shadow:0 12px 34px -12px rgba(11,64,37,.22),inset 0 1px 0 hsla(0,0%,100%,.7),0 0 0 3px rgba(33,134,83,.22)}.mesh-root[data-theme=dark] .mesh-hero-search{background:hsla(0,0%,6%,.55);border-color:hsla(0,0%,100%,.14);box-shadow:0 12px 34px -12px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.08)}.mesh-hero-search-icon{color:var(--mesh-accent);flex:none}.mesh-hero-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:15px;color:var(--mesh-text);font-family:inherit;min-height:40px}.mesh-hero-search input::-moz-placeholder{color:var(--mesh-muted)}.mesh-hero-search input::placeholder{color:var(--mesh-muted)}@media (max-width:640px){.mesh-hero-inner{padding:34px 18px 30px}.mesh-hero{border-radius:22px}}@media (prefers-reduced-motion:reduce){.mesh-hero-pattern-white{animation:none}}