*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#eef6f3}
body{
  color:#102b4c;
  font-family:Arial,"Segoe UI",Tahoma,sans-serif;
  overflow-x:hidden;
}
.page{
  position:relative;
  isolation:isolate;
  min-height:100svh;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 14% 18%,rgba(19,139,145,.13),transparent 34%),
    radial-gradient(ellipse at 88% 82%,rgba(190,133,36,.14),transparent 36%),
    radial-gradient(ellipse at 52% 45%,rgba(255,255,255,.92),rgba(246,242,232,.76) 56%,transparent 80%),
    linear-gradient(145deg,#eef6f3 0%,#f8f4ea 43%,#f1eee3 100%);
}
.pattern{
  position:absolute;
  inset:-4%;
  z-index:0;
  opacity:.42;
  pointer-events:none;
  background-image:
    linear-gradient(30deg,transparent 48.8%,rgba(12,68,91,.10) 49.3%,rgba(12,68,91,.10) 50.2%,transparent 50.7%),
    linear-gradient(150deg,transparent 48.8%,rgba(184,125,30,.10) 49.3%,rgba(184,125,30,.10) 50.2%,transparent 50.7%),
    radial-gradient(circle,rgba(15,119,128,.16) 0 1px,transparent 1.4px);
  background-size:44px 26px,44px 26px,44px 26px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.64) 22%,transparent 43%,transparent 63%,rgba(0,0,0,.42) 82%,#000 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.64) 22%,transparent 43%,transparent 63%,rgba(0,0,0,.42) 82%,#000 100%);
}
.pattern:before,.pattern:after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(183,125,31,.16);
  transform:rotate(45deg);
}
.pattern:before{left:-118px;top:76px}
.pattern:after{right:-118px;bottom:92px;border-color:rgba(11,108,119,.15)}
.sheen{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.34) 38%,transparent 52%),
    radial-gradient(ellipse at 50% 45%,transparent 0 52%,rgba(13,49,68,.045) 100%);
}
.content{
  position:relative;
  z-index:3;
  display:flex;
  min-height:100svh;
  width:min(720px,100%);
  margin:0 auto;
  padding:7.8svh 18px 64px;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.wordmark{
  display:block;
  width:min(190px,49vw);
  height:auto;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.75)) drop-shadow(0 7px 15px rgba(8,42,66,.12));
}
.name{
  margin-top:7px;
  color:#0a294d;
  font-size:11px;
  font-weight:500;
  letter-spacing:.16em;
  direction:ltr;
  white-space:nowrap;
}
.tag-fa{
  margin-top:16px;
  color:rgba(15,43,76,.86);
  font-family:Tahoma,Arial,sans-serif;
  font-size:18px;
  font-weight:400;
  direction:rtl;
}
.tag-en{
  margin-top:7px;
  color:rgba(154,103,19,.82);
  font-size:9px;
  font-weight:500;
  letter-spacing:.22em;
  direction:ltr;
}
.status-card{
  position:relative;
  overflow:hidden;
  width:min(350px,88vw);
  margin-top:29px;
  padding:15px 18px 14px;
  border:1px solid rgba(188,137,51,.48);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(8,36,58,.96),rgba(6,66,72,.91));
  box-shadow:0 14px 34px rgba(9,42,61,.18),inset 0 0 0 1px rgba(255,255,255,.05);
  direction:rtl;
}
.status-card:before{
  content:"";
  position:absolute;
  top:0;
  right:17%;
  left:17%;
  height:1px;
  background:linear-gradient(90deg,transparent,#e4bd73,transparent);
}
.status-fa{
  color:#fbf5e9;
  font-family:Tahoma,Arial,sans-serif;
  font-size:20px;
  font-weight:600;
  line-height:1.35;
}
.status-en{
  margin-top:7px;
  color:#e0b665;
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  direction:ltr;
}
.loading-dots{
  display:inline-flex;
  gap:3px;
  margin-right:6px;
  vertical-align:middle;
  direction:ltr;
  transform:translateY(-1px);
}
.loading-dots-en{margin-right:0;margin-left:6px}
.loading-dots i{
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#69c6c8;
  opacity:.28;
  box-shadow:0 0 3px rgba(105,198,200,.20);
  animation:loadingDot 1.45s ease-in-out infinite;
}
.loading-dots i:nth-child(2){animation-delay:.18s}
.loading-dots i:nth-child(3){animation-delay:.36s}
@keyframes loadingDot{
  0%,58%,100%{opacity:.28;transform:scale(.92)}
  22%{opacity:.86;transform:scale(1.04);box-shadow:0 0 6px rgba(105,198,200,.48)}
}
.world-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  width:min(92%,620px);
  margin:27px auto 0;
  gap:18px;
  direction:ltr;
}
.world-card{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
}
.logo-link{
  display:block;
  border-radius:14px;
  text-decoration:none;
}
.world-logo{
  display:block;
  width:min(128px,31vw);
  height:auto;
  filter:drop-shadow(0 9px 18px rgba(14,58,74,.10));
  transition:transform .2s ease,filter .2s ease;
}
.logo-link:hover .world-logo,.logo-link:focus-visible .world-logo{
  transform:translateY(-2px);
  filter:drop-shadow(0 11px 20px rgba(14,58,74,.16));
}
.world-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:9px;
  color:#18344e;
  font-size:11px;
  text-decoration:none;
  direction:ltr;
  transition:transform .2s ease,opacity .2s ease;
}
.world-link:hover,.world-link:focus-visible{opacity:.82;transform:translateY(-1px)}
.world-link.shah{color:#a56e16}
.world-link.uro{color:#087d87}
.handle{color:#18344e}
.ig{
  position:relative;
  width:18px;
  height:18px;
  border:1.25px solid currentColor;
  border-radius:5px;
}
.ig:before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid currentColor;
  border-radius:50%;
}
.ig:after{
  content:"";
  position:absolute;
  top:3px;
  right:3px;
  width:2.5px;
  height:2.5px;
  border-radius:50%;
  background:currentColor;
}
.footer{
  position:absolute;
  z-index:4;
  right:0;
  bottom:14px;
  left:0;
  color:rgba(15,43,67,.48);
  font-size:9.5px;
  letter-spacing:.06em;
  text-align:center;
}
.footer div:first-child{margin-bottom:4px;color:rgba(15,43,67,.66)}

@media(min-width:681px){
  .content{padding-top:clamp(42px,7svh,68px)}
  .wordmark{width:min(240px,30vw)}
  .name{font-size:12px}
  .tag-fa{font-size:20px}
  .tag-en{font-size:10px}
  .status-card{width:380px}
  .world-grid{gap:34px}
  .world-logo{width:145px}
}
@media(max-width:370px){
  .content{padding-top:7svh}
  .wordmark{width:178px}
  .status-card{margin-top:24px}
  .world-grid{margin-top:22px}
  .world-logo{width:min(116px,31vw)}
}
@media(max-height:620px){
  .content{padding-top:24px;padding-bottom:56px}
  .name{margin-top:5px}
  .tag-fa{margin-top:10px}
  .status-card{margin-top:18px;padding-top:12px;padding-bottom:11px}
  .world-grid{margin-top:17px}
  .world-logo{width:min(100px,27vw)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}