@font-face{
  font-family:OurangHeading;
  src:url('fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

.page-head h1,
.auth-card #auth-title{
  font-family:OurangHeading,Vazirmatn,Tahoma,sans-serif;
  font-weight:700;
  color:#6540b5;
  line-height:1.8;
  letter-spacing:normal;
  overflow-wrap:anywhere;
}

.page-head h1{
  position:relative;
  padding-inline-start:16px;
}

.page-head h1::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.35em;
  bottom:.35em;
  width:5px;
  border-radius:8px;
  background:linear-gradient(180deg,#a855f7,#6366f1 50%,#14b8a6);
  box-shadow:0 2px 9px #7c3aed26;
}

.panel-head h2,
.panel>h2,
.assistant-layout h2{
  font-family:OurangHeading,Vazirmatn,Tahoma,sans-serif;
  font-weight:700;
  color:#6550a8;
  letter-spacing:normal;
}

@supports (background-clip:text) or (-webkit-background-clip:text){
  .page-head h1,
  .auth-card #auth-title{
    background-image:linear-gradient(110deg,#087f8c 5%,#4264cb 48%,#8b35bb 95%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }

  .page-head h1 span{
    -webkit-text-fill-color:currentColor;
  }
}

@media print{
  .page-head h1,
  .auth-card #auth-title{
    background:none;
    color:#25334b;
    -webkit-text-fill-color:currentColor;
  }

  .page-head h1::before{
    display:none;
  }
}

@media (forced-colors:active){
  .page-head h1,
  .auth-card #auth-title{
    background:none;
    color:CanvasText;
    -webkit-text-fill-color:currentColor;
  }
}