@font-face{font-family:Jali;src:url("jali-arabic-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url("poppins-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url("poppins-extralight.ttf") format("truetype");font-weight:200;font-display:swap}
*{box-sizing:border-box}html{min-height:100%;background:#19233f}body{margin:0;min-height:100svh;color:#edf0f6;background:linear-gradient(180deg,#19233f 0%,#19273f 55%,#1c435e 100%);font-family:Jali,Tahoma,Arial,sans-serif;position:relative;isolation:isolate}
main{width:min(100%,520px);min-height:max(100svh,844px);margin:auto;padding:90px 32px 78px;display:flex;flex-direction:column;position:relative}
.profile{text-align:center}.portrait{display:block;width:114px;height:114px;border-radius:50%;margin:0 auto;object-fit:contain}
h1{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.4;margin:27px 0 2px}.job-title{font-family:Poppins,Arial,sans-serif;font-weight:200;font-size:12px;line-height:1.6;margin:0}
nav{display:grid;gap:12px;margin-top:60px}
.link{display:grid;direction:ltr;grid-template-columns:36px minmax(0,1fr) 12px;gap:5px;align-items:center;min-height:44px;padding:4px 10px 4px 4px;border-radius:999px;background:#27375b;color:#f5f7fd;text-decoration:none;transition:background .18s,transform .18s}
.icon{display:block;width:36px;height:36px;border-radius:50%;object-fit:contain}.label{text-align:center;white-space:nowrap;font-size:14px;line-height:1.5;direction:ltr}.english{font-size:inherit}.separator{white-space:pre}.link:first-child .label{font-size:clamp(9px,2.8vw,14px)}.external{width:12px;height:12px;opacity:.85}.link:hover{background:#334b6f;transform:translateY(-2px)}.link:focus-visible{outline:3px solid #53c8de;outline-offset:4px}
.brand-footer{margin-top:auto;padding-top:70px;text-align:center}.brand-footer img{width:66px;height:auto;display:block;margin:auto}
.background-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.orb{position:absolute;display:block;border-radius:50%;filter:blur(3px)}
.orb-one{width:480px;height:480px;top:-190px;left:calc(50% + 70px);background:radial-gradient(circle at 35% 35%,#50cadd29,#37b1cf20 66%,#36b8d10a 70%,transparent 73%)}
.orb-two{width:560px;height:560px;top:390px;right:calc(50% + 70px);background:radial-gradient(circle at 65% 40%,#409db81c,#2f89a323 66%,#50cadd08 70%,transparent 73%)}
.orb-three{width:330px;height:330px;bottom:-180px;left:calc(50% + 20px);background:radial-gradient(circle,#58cbd91c 65%,transparent 73%)}
@media(min-width:600px){main{padding-top:90px;min-height:max(100svh,900px)}.portrait{width:150px;height:150px}h1{font-size:26px}.job-title{font-size:14px}nav{margin-top:60px;gap:14px}.link{min-height:48px;grid-template-columns:40px minmax(0,1fr) 14px}.icon{width:40px;height:40px}.label{font-size:16px}.brand-footer img{width:82px}}
@media(max-width:360px){main{padding-inline:12px}.link:first-child .label{font-size:9.4px}}
@media(max-width:480px){.orb-one{width:390px;height:390px;top:-145px;left:49%}.orb-two{width:420px;height:420px;right:48%;top:390px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}}