.app-page{--bg:#F2F7F9;--bg2:#E6F0F4;--surface:#fff;--text:#0A1F36;--muted-c:#4E6577;--line-c:#D6E3EA;--chip:#fff;--shadow:rgba(6,43,71,.25);--accent-txt:#0B4F85;--navy-950:#041C2F;--navy-900:#062442;--cyan-400:#38D1D9;--coral-500:#FF7A59;--b1:#E4EFF4;--bf:#0A1F36;--bline:rgba(10,34,54,.16);--bsurf:rgba(255,255,255,.72);--bacc:#0B4F85;--hdrfg:#0A1F36;--g1:radial-gradient(170% 130% at 100% 0,#0B3F66 0%,#062442 45%,#041E33 100%)}.app-page .btn.pri{background:var(--coral);color:var(--deep)}.app-page .btn.pri:hover{background:#ff8f73}.app-page .btn.ghost-dk{border-color:var(--line);color:var(--ink);background:var(--paper)}.app-page .btn.ghost-dk:hover{border-color:var(--blue);color:var(--blue)}.app-page .btn.ghost{border-color:#e6f1f659;color:var(--on-dark)}.app-page .btn.sm{padding:9px 14px;font-size:var(--s-xs);min-height:40px}.sec.light{background:var(--mist)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding-inline:10px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#dbe9ef;font:700 14px Tajawal,sans-serif;cursor:pointer;transition:background .2s,transform .25s,border-color .2s}.icon-btn:hover{background:#ffffff1a;border-color:var(--cyan-400);transform:translateY(-2px)}.icon-btn svg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.icon-btn:hover svg{transform:rotate(20deg)}.team-sec{min-height:50vh}.tcard{list-style:none}.tcard-btn{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 22px 26px;background:var(--surface);color:var(--text);border:1px solid var(--line-c);border-radius:18px;font:inherit;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.tcard-btn:hover,.tcard-btn:focus-visible{transform:translateY(-8px) rotate(-.6deg);border-color:var(--cyan-400);box-shadow:0 30px 50px -26px var(--shadow)}.avatar{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:var(--navy-900);color:var(--cyan-400);font-weight:700;font-size:30px;letter-spacing:.02em;margin-bottom:10px;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-radius .4s}.tcard-btn:hover .avatar{transform:rotate(8deg) scale(1.08);border-radius:50%}.avatar.big{width:104px;height:104px;font-size:38px;border:5px solid var(--surface)}.sheet-back{position:fixed;inset:0;background:#041e33b3;backdrop-filter:blur(4px);z-index:95;animation:fadein .25s}.sheet-back[hidden],.sheet[hidden]{display:none}.sheet{position:fixed;z-index:96;inset-block:max(16px,env(safe-area-inset-top));inset-inline:50%;width:min(420px,calc(100vw - 24px));translate:-50% 0;display:flex;flex-direction:column;background:var(--bg);border-radius:34px;box-shadow:0 40px 90px -20px #000000b3;overflow:hidden;transform-origin:var(--ox,50%) var(--oy,50%)}[dir=rtl] .sheet{translate:50% 0}.sheet.opening{animation:sheetin .5s cubic-bezier(.2,.9,.25,1)}.sheet.closing{animation:sheetout .3s ease forwards}.sheet-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--navy-950);gap:10px}.sheet-body{overflow:auto;flex:1;overscroll-behavior:contain}.phone{max-width:420px;margin-inline:auto}.phone-in{background:var(--bg);border-radius:0 0 34px 34px;padding-bottom:28px;text-align:center}.pcover{height:130px;background:var(--navy-900) radial-gradient(60% 120% at 80% 0,rgba(56,198,217,.35),transparent 70%)}.phone .avatar.big{margin:-52px auto 12px;position:relative}.pname{font-size:26px;line-height:1.3;padding-inline:20px}.ptitle{color:var(--accent-txt);font-weight:700;margin-top:2px}.pbio{margin:16px 26px 0;color:var(--muted-c);font-size:16.5px;line-height:1.75}.psub{font-size:14.5px;margin:22px 0 10px;color:var(--muted-c)}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-inline:20px}.skills li{background:var(--chip);border:1px solid var(--line-c);border-radius:999px;padding:6px 14px;font-size:15px;transition:transform .25s,background .25s,color .25s}.skills li:hover{transform:translateY(-3px);background:var(--navy-900);color:#fff}.pactions{display:grid;gap:10px;padding:24px 22px 0}.pactions .btn{width:100%}.profile-page{background:var(--navy-900);padding:110px 0 70px;position:relative;overflow:hidden;min-height:80vh}.profile-page .phone{background:var(--bg);border-radius:34px;box-shadow:0 40px 90px -30px #000000b3;overflow:hidden;color:var(--text)}.toast{position:fixed;inset-inline:0;bottom:max(24px,env(safe-area-inset-bottom));margin-inline:auto;width:max-content;max-width:90vw;background:var(--navy-950);color:#fff;border:1px solid var(--cyan-400);border-radius:999px;padding:12px 22px;z-index:120;animation:pop .25s}.icon-btn.lt{color:var(--text);border-color:var(--line-c);background:var(--surface);font-size:20px}.icon-btn{color:var(--hdrfg);border-color:var(--bline)}.icon-btn:hover{background:#38c6d924;border-color:var(--bacc)}.profile-page{background-color:var(--b1);color:var(--bf)}.sheet-bar .btn.ghost{color:#fff;border-color:#fff6}.sheet-bar .icon-btn{color:#dbe9ef;border-color:#ffffff38}.sheet-bar .icon-btn:hover{background:#ffffff1a}.profile-page .phone{border:1px solid var(--bline)}.profile-page{background:var(--g1);color:#fff}@media(max-width:420px){.icon-btn{min-width:44px;padding-inline:8px}}@media(hover:none){.tcard-btn:hover{transform:none;box-shadow:none}.tcard-btn:active{transform:scale(.98)}}@media(pointer:coarse){.icon-btn{min-height:48px}}@media(prefers-reduced-motion:reduce){.sheet.opening,.sheet.closing,.lang-menu{animation:none}}.skills{list-style:none;padding:0;margin:0 0 6px}.backlink{display:inline-flex;gap:6px;color:var(--cyan);text-decoration:none;font-size:var(--s-sm);margin-bottom:18px}.backlink:before{content:"\2190"}[dir=rtl] .backlink:before{content:"\2192"}.backlink:hover{text-decoration:underline}:root[data-theme=dark] .app-page{--bg:#071E31;--bg2:#0A1F36;--surface:#0C2840;--text:#E6F1F6;--muted-c:#A3BBC8;--line-c:#1D4561;--chip:#0C2840;--accent-txt:#5BBFE0;--b1:#062442;--bf:#fff;--bline:rgba(255,255,255,.14);--bsurf:rgba(255,255,255,.05);--bacc:#38D1D9;--hdrfg:#E6F1F6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-page{--bg:#071E31;--bg2:#0A1F36;--surface:#0C2840;--text:#E6F1F6;--muted-c:#A3BBC8;--line-c:#1D4561;--chip:#0C2840;--accent-txt:#5BBFE0;--b1:#062442;--bf:#fff;--bline:rgba(255,255,255,.14);--bsurf:rgba(255,255,255,.05);--bacc:#38D1D9;--hdrfg:#E6F1F6}}.org-wrap{overflow-x:auto;padding:6px 4px 28px}.oc{--oc-line:var(--line-c,#c9d6df);--oc-gap:26px;display:flex;justify-content:safe center;min-width:max-content;margin-inline:auto}.oc ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;position:relative;padding-top:var(--oc-gap)}.oc>ul{padding-top:0}.oc li{list-style:none;position:relative;padding:var(--oc-gap) 8px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.oc>ul>li{padding-top:0}.oc li:before,.oc li:after{content:"";position:absolute;top:0;inset-inline-end:50%;width:50%;height:var(--oc-gap);border-top:2px solid var(--oc-line)}.oc li:after{inset-inline-end:auto;inset-inline-start:50%;border-inline-start:2px solid var(--oc-line)}.oc>ul>li:before,.oc>ul>li:after,.oc li:only-child:before,.oc li:only-child:after{display:none}.oc li:only-child{padding-top:var(--oc-gap)}.oc li:first-child:before,.oc li:last-child:after{border:0}.oc li:last-child:before{border-inline-end:2px solid var(--oc-line);border-start-end-radius:8px}.oc li:first-child:after{border-start-start-radius:8px}.oc ul ul:before{content:"";position:absolute;top:0;inset-inline-start:50%;height:var(--oc-gap);border-inline-start:2px solid var(--oc-line)}.oc-card{width:196px;border:1.5px solid var(--line-c);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 6px 22px #041e3314}.oc-pos{padding:14px 12px;font-weight:700;font-size:var(--s-sm,.9375rem);border-style:dashed;background:transparent;box-shadow:none}.oc-pos .tname{display:block}.oc>ul>li>.oc-pos{background:var(--navy-900,#062442);color:#fff;border:0}.oc .tcard-btn.oc-btn{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;text-align:start;border:0;background:transparent;box-shadow:none;transform:none;width:100%;cursor:pointer;color:inherit;font:inherit}.oc .tcard-btn.oc-btn:hover,.oc .tcard-btn.oc-btn:focus-visible{transform:none;box-shadow:none}.oc .oc-card:has(.tcard-btn):hover{border-color:var(--cyan-400);box-shadow:0 10px 28px #041e3329}.oc-txt{display:grid;gap:2px;min-width:0}.oc-txt .tname{font-weight:800;font-size:.9375rem;overflow-wrap:anywhere}.oc-txt .ttitle{font-size:.8125rem;color:var(--muted-c,#5b6f7e);overflow-wrap:anywhere}.oc .avatar{width:52px;height:52px;border-radius:16px;flex:none;font-size:18px;overflow:hidden}.avatar.has-photo{padding:0;background:var(--surface)}.avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block}.psocial{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 18px 0}.oc ul.oc-stack{display:block;padding:0;margin-top:var(--oc-gap);margin-inline-start:34px;padding-inline-start:16px;border-inline-start:2px solid var(--oc-line);align-self:flex-start}.oc ul.oc-stack:before{display:none}.oc ul.oc-stack>li,.oc ul.oc-stack>li:only-child{display:block;padding:12px 0 0;text-align:start}.oc ul.oc-stack>li:before,.oc ul.oc-stack>li:after{display:none}.oc ul.oc-stack>li>.oc-card{position:relative}.oc ul.oc-stack>li>.oc-card:before{content:"";position:absolute;top:50%;inset-inline-end:100%;width:16px;border-top:2px solid var(--oc-line)}@media(max-width:1180px){.org-wrap{overflow:visible}.oc{display:block;min-width:0}.oc ul,.oc ul ul{display:block;padding:0;padding-inline-start:16px;margin-inline-start:12px;border-inline-start:2px solid var(--oc-line)}.oc>ul{border:0;margin:0;padding:0}.oc li,.oc li:only-child{display:block;padding:12px 0 0;text-align:start}.oc li:before,.oc li:after,.oc ul ul:before{display:none}.oc-card{width:auto;max-width:360px}}