@font-face{font-family:'Cairo';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/cairo-500.ttf') format('truetype')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/cairo-600.ttf') format('truetype')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/cairo-700.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/tajawal-400.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/tajawal-500.ttf') format('truetype')}




*{box-sizing:border-box}body{margin:0;background:#eeede7;color:#272e27;font-family:Tahoma,Arial,sans-serif;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:32px 18px;background-image:radial-gradient(ellipse at top,#faf9f4,transparent 65%)}main{width:100%;max-width:460px;background:#fcfbf7;border-radius:26px;overflow:hidden;box-shadow:0 25px 90px #282b2515;border:1px solid #dbd8ca}.cover{height:166px;background:#252d26;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover:before,.cover:after{content:"";position:absolute;width:240px;height:310px;border:1px solid #a5955b33;border-radius:150px 150px 0 0;transform:rotate(28deg);right:-95px;top:25px}.cover:after{right:auto;left:-95px;transform:rotate(-28deg)}.logo{width:175px;height:auto;position:relative}.language{position:absolute;z-index:1;top:18px;inset-inline-end:18px;color:#eee9da;border:1px solid #c2b68b55;background:#ffffff08;border-radius:8px;padding:7px 10px;font:11px Arial,sans-serif;min-width:40px;min-height:36px}.content{padding:0 26px;text-align:center}.monogram{width:74px;height:74px;display:grid;place-items:center;background:#f0ecdf;border:6px solid #fcfbf7;border-radius:50%;margin:-37px auto 14px;position:relative;color:#84784f;font-size:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#82754c;margin:0 0 9px}h1{font-size:29px;margin:0 0 8px;font-weight:600}.role{font-size:13px;line-height:1.9;margin:0;color:#626657}.rule{width:34px;height:2px;background:#ac9c67;margin:20px auto}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:12px;border:0;background:#84784f;color:white;font-size:14px;font-weight:bold;text-decoration:none}.hint{font-size:10px;line-height:1.9;color:#707466;margin:9px 0 17px}.device-help{font-size:11px;line-height:1.9;color:#655c40;background:#f1eddf;border-radius:10px;padding:12px;margin:0 0 14px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick a,.quick button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f3f2ec;border:1px solid #e8e6dc;border-radius:12px;padding:14px 4px;color:#373e33;text-decoration:none;font-size:12px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.details{margin-top:20px;text-align:start;border-top:1px solid #e9e6dc}.detail{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 0;border-bottom:1px solid #e9e6dc;font-size:11px}.detail span{color:#707266}.detail a{color:#343c30;text-decoration:none;font-family:Arial,sans-serif;font-size:14px}.company{margin:27px 0 24px;text-align:start}.section-heading{display:flex;align-items:center;gap:12px}.mini-mark{border:1px solid #dcd6c3;border-radius:12px;background:#f1eee3;width:44px;height:44px;display:grid;place-items:center;color:#84784f;font:24px Georgia,serif}.section-heading .eyebrow{letter-spacing:1px;font-size:9px;margin-bottom:4px}h2{font-size:21px;margin:0;font-weight:600}.company-description{font-size:12px;line-height:2;color:#636858;margin:13px 0 17px}.company-website{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;background:#eef0e8;border:1px solid #dde2d5;border-radius:12px;color:#323e31;font-size:13px;text-decoration:none}.company-website small{display:block;margin-top:6px;color:#6a735e;font:11px Arial,sans-serif}.company-contact{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.company-contact a{display:flex;gap:7px;align-items:center;justify-content:center;flex:1;padding:12px 6px;border-radius:9px;border:1px solid #e5e2d7;text-decoration:none;color:#62674f;font-size:11px}.social-label{font-size:10px;color:#74775f;margin:21px 0 11px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;direction:ltr}.social-links a{min-height:41px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:11px Arial,sans-serif;color:#4c5743;border:1px solid #e7e4d8;background:#f6f5ef;border-radius:9px}footer{padding:17px 26px;display:flex;justify-content:space-between;color:#7f816f;background:#f4f2ea;border-top:1px solid #e9e5d7;font-size:9px}footer>span:first-child{font:10px Georgia,serif;letter-spacing:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bba66a;outline-offset:4px}dialog{border:1px solid #ded9c8;border-radius:22px;padding:30px 25px 22px;text-align:center;width:360px;max-width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto;color:#272e27;background:#fcfbf7;box-shadow:0 30px 100px #141b1940}dialog::backdrop{background:#182019a6}.close{position:absolute;top:8px;inset-inline-end:8px;border:0;background:none;font-size:25px;color:#7f816f;padding:5px 12px;min-width:40px;min-height:40px}.dialog-intro{font-size:12px;color:#6f755f;margin:10px 0 20px}.share-options{display:flex;gap:8px;margin:10px 0}.share-options button{flex:1;min-height:42px;border:1px solid #e5e2d7;border-radius:10px;background:#f1f0e8;color:#48523b;font-size:12px}.whatsapp-share{background:#344c38}.qr-wrap{margin:15px auto 10px;border-top:1px solid #e7e3d6;padding-top:15px}.qr-wrap img{display:block;margin:auto;max-width:100%;height:auto}.qr-wrap p{font-size:10px;color:#707562;margin:6px 0}#shareStatus{font-size:11px;color:#636949;overflow-wrap:anywhere}#cardLink{width:100%;border:1px solid #e5e2d7;border-radius:8px;padding:10px;font:10px Arial,sans-serif;background:#f5f3ec;color:#707562}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}html[dir=ltr] .role{font-size:12px}html[dir=ltr] .detail a{font-size:12px}
@media(max-width:380px){body{padding:14px 10px}.content{padding-left:19px;padding-right:19px}.detail a{font-size:12px}h1{font-size:27px}.company-contact a{font-size:10px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .2s}.save:hover{background:#746844}.quick a:hover,.quick button:hover,.social-links a:hover{background:#eae8de}.whatsapp-share:hover{background:#263c29}}


body{font-family:'Tajawal',Tahoma,Arial,sans-serif;background-color:#eeede6;background-image:url('/assets/pattern.svg');background-size:96px 96px}
main{background:#fcfbf7;box-shadow:0 20px 65px #26302718}
.cover{height:172px;background:#252e27}.cover:before,.cover:after{display:none}
.logo{width:180px;margin-top:-12px}.language{font-family:inherit;background:#ffffff08}
.portrait{width:112px;height:112px;position:relative;margin:-48px auto 17px;background:#fcfbf7;border:5px solid #fcfbf7;border-radius:24px;box-shadow:0 8px 22px #202b2412;overflow:hidden}
.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 33%}
.eyebrow{font-family:'Tajawal',sans-serif;letter-spacing:1.5px;font-size:10px}
h1{font-size:31px;font-weight:600;line-height:1.6;margin-bottom:3px}.role{font-size:14px;font-weight:400;line-height:1.9}
.save{font-size:15px;font-weight:500}.hint{font-size:11px}.quick a,.quick button{font-size:13px}.detail{font-size:12px}.detail a{font-family:'Tajawal',Arial,sans-serif;font-size:14px}
.company-logo{width:84px;height:57px;border:1px solid #e4dfcf;border-radius:14px;background:#f4f1e7;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.company-logo img{width:70px;height:auto}.section-heading{gap:13px}.section-heading .eyebrow{font-size:10px;letter-spacing:0}h2{font-size:23px;font-weight:600}
.company-description{font-size:14px;line-height:2.1;margin:17px 0 20px}.company-website{font-size:14px}.company-website small{font-family:inherit;font-size:12px}
.company-contact a{font-size:12px;min-height:45px}.social-label{font-size:12px}.social-links a{font-family:'Tajawal',Arial,sans-serif;font-size:12px;min-height:45px}
footer{font-size:11px}footer>span:first-child{font-family:'Tajawal',sans-serif}.share-preview{width:100%;height:auto;display:block;border-radius:14px;margin:15px 0}.dialog-intro{font-size:13px}.share-options button{font-size:13px}.qr-wrap p{font-size:11px}.device-help{font-size:12px}
html[dir=ltr] .role{font-size:13px}html[dir=ltr] .detail a{font-size:13px}
@media(max-width:380px){.company-description{font-size:13px}.detail a{font-size:12px}.role{font-size:13px}h1{font-size:29px}.content{padding-inline:20px}.social-links a{font-size:11px}.company-contact a{font-size:11px}}

body{font-family:Tajawal,Arial,sans-serif}h1,h2,.save,.quick a,.quick button,.language,.company-website{font-family:Cairo,Tajawal,sans-serif}h1,h2{font-weight:700}.role,.company-description,.detail,.hint,.device-help,.dialog-intro,.company-contact a,.social-links a,footer{font-family:Tajawal,Arial,sans-serif}.role{font-size:15px}.company-description{font-size:15px;line-height:2}.quick a,.quick button{font-size:12px}.save{font-weight:600}.detail span{font-size:13px}.social-links a{font-size:13px}

.direct-qr{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:12px 0 0;padding:12px;border:1px solid #dfddce;border-radius:11px;background:transparent;color:#625a3e;font:500 13px Cairo,Tajawal,sans-serif;min-height:46px}.direct-qr svg{width:18px;height:18px}.direct-qr:hover{background:#f0eee4}.standalone-qr{display:block;width:240px;max-width:100%;height:auto;margin:20px auto 0}

.company-logo{width:56px;height:56px;border:0;background:none;border-radius:13px;overflow:hidden}.company-logo img{width:56px;height:56px;object-fit:contain}.quick{margin-top:17px}footer{display:flex;justify-content:center;align-items:center;text-align:center;padding:19px 20px}footer>span:first-child{font:400 12px/1.8 Tajawal,Arial,sans-serif;letter-spacing:0}

.home-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;background:#eceade;border:0;border-top:1px solid #e2ddcc;color:#5c614d;font:500 12px Cairo,Tajawal,sans-serif;min-height:49px}.home-button svg{width:17px;height:17px}.home-icon-preview{display:block;margin:0 auto 18px;border-radius:20px;box-shadow:0 6px 18px #252e2720}.home-instructions{font:400 15px/2 Tajawal,Arial,sans-serif;margin:18px 0 8px}

.team-back{display:inline-block;padding:17px 20px;color:#776b45;text-decoration:none;font:500 12px Cairo,sans-serif}.cover .team-back{position:absolute;inset-inline-start:0;top:10px;z-index:1;color:#ddd4b7;font-size:11px}.avatar-initials{background:#e9e5d8;object-fit:contain!important}.directory{max-width:1050px}.directory .cover{height:160px}.directory-content{padding:32px}.directory h1{font-size:30px}.directory-subtitle{text-align:center;font:400 16px/1.9 Tajawal;color:#6d735f;margin:4px 0 30px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.team-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f3f1e8;border:1px solid #e4dfd0;border-radius:20px;padding:28px 15px 22px;text-decoration:none;color:#273227}.team-card img{width:112px;height:112px;object-fit:cover;object-position:center 33%;border:4px solid #fcfbf7;border-radius:23px;box-shadow:0 6px 18px #252e2710}.team-card h2{font:700 17px/1.9 Cairo;margin:18px 0 6px}.team-card p{font:400 14px/1.8 Tajawal;margin:0;color:#6c715e;min-height:50px}.open-card{font:500 11px Cairo;margin-top:20px;color:#82754d;border-top:1px solid #e0dbc9;padding:13px 12px 0}.team-card:hover{background:#ebe7d9}.directory footer{margin-top:12px}@media(max-width:760px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-content{padding:25px 18px}.team-card{padding:23px 10px}.team-card h2{font-size:15px}}@media(max-width:420px){.team-grid{grid-template-columns:1fr}.team-card p{min-height:0}.directory-content{padding:25px 20px}.directory h1{font-size:25px}}