body { background:#e5e7eb; margin:0; font-family:'Segoe UI',Tahoma; }
.wrapper { display:flex; justify-content:center; padding:40px; }
.card {
  background:#fff; width:800px; border-radius:14px; 
  padding:40px; box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
.header { display:flex; align-items:center; gap:16px; }
.logo-placeholder {
      width: 60px;
    height: 43px;  border-radius:6px;
}
.left-logo {
    width: 200px;
    height: auto;
    float: left;        /* الصورة يسار والنص يجي يمينها */
    margin: 0 150px 20px 20px;  /* مسافة حول الصورة */
}


h2 { margin:0; font-size:22px; font-weight:700; }
.welcome { margin-top:0px; font-size:20px; }
.desc { font-size:14px; color:#555; line-height:1.6; max-width:420px; }
.content-area { display:flex; gap:40px; margin-top:30px; }
.shield {
  width:200px; height:200px;  border-radius:12px;
}
.shield2 {
  width:50px; height:50px;  border-radius:12px;
}
.form-area { flex:1; display:flex; flex-direction:column; gap:12px; }
input {
  padding:12px; border:1px solid #ccc; border-radius:8px; font-size:14px;
}
.login-btn {
  padding:12px; background:#178893; color:white; border:none;
  border-radius:8px; font-size:16px; cursor:pointer;
}
.nafath-link { text-decoration:none; color:#0369a1; margin-top:6px; }
.apps { display:flex; gap:12px; margin-top:12px; }
.app {
  padding:10px 16px;  border-radius:6px;
  font-size:13px;
}