@font-face{
  font-family:"IBM Plex Sans";
  src:url("/assets/p3/fonts/IBMPlexSans-Regular.woff2") format("woff2");
  font-weight:400;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans";
  src:url("/assets/p3/fonts/IBMPlexSans-Medium.woff2") format("woff2");
  font-weight:500;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans";
  src:url("/assets/p3/fonts/IBMPlexSans-SemiBold.woff2") format("woff2");
  font-weight:600;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans";
  src:url("/assets/p3/fonts/IBMPlexSans-Bold.woff2") format("woff2");
  font-weight:700;font-display:swap
}

@font-face{
  font-family:"IBM Plex Sans Arabic";
  src:url("/assets/p3/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");
  font-weight:400;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  src:url("/assets/p3/fonts/IBMPlexSansArabic-Medium.woff2") format("woff2");
  font-weight:500;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  src:url("/assets/p3/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");
  font-weight:600;font-display:swap
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  src:url("/assets/p3/fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");
  font-weight:700;font-display:swap
}

html,body,button,input,select,textarea{
  font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif !important;
}

body[dir="rtl"],
html[dir="rtl"] body{
  font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif !important;
}

body.usys-p3-login h1,
body.usys-p3-login h2,
body.usys-p3-login h3{
  font-weight:600 !important;
}

body.usys-p3-login button{
  font-weight:600 !important;
  border-radius:10px !important;
}

body.usys-p3-login input{
  border-radius:10px !important;
}

/* Complete USys lockup */
.usys-p3-lockup{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:6px;
  width:min(440px,42vw);
  max-width:100%;
  margin-bottom:22px;
  background:transparent !important;
  overflow:visible !important;
}

.usys-p3-logo{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  clip-path:none !important;
}

.usys-p3-tagline{
  width:100%;
  text-align:center;
  direction:ltr;
  font-family:"IBM Plex Sans",sans-serif !important;
  font-size:.70rem;
  font-weight:600;
  letter-spacing:.16em !important;
  line-height:1.2;
  white-space:nowrap;
}

.usys-p3-product{
  font-weight:700 !important;
}

.usys-p3-descriptor{
  font-weight:400 !important;
}

.usys-p3-corporate{
  font-weight:400 !important;
  opacity:.90;
}

@media(max-width:800px){
  .usys-p3-lockup{
    width:min(320px,76vw);
  }
  .usys-p3-tagline{
    font-size:.60rem;
    letter-spacing:.11em !important;
  }
}

/* P3C2 final brand refinement */

.usys-p3-lockup{
  margin-bottom:30px !important;
}

.usys-p3-tagline{
  opacity:.96;
}

.usys-p3-product{
  font-size:clamp(2rem,3vw,3rem) !important;
  line-height:1.12 !important;
  margin-top:0 !important;
}

.usys-p3-descriptor{
  font-size:1.08rem !important;
  line-height:1.6 !important;
}

.usys-p3-corporate{
  font-size:.86rem !important;
  line-height:1.6 !important;
}

@media(max-width:800px){
  .usys-p3-lockup{
    margin-bottom:22px !important;
  }
}
