Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7YXImcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwogICAgJmx0O21ldGEgY2hhcnNldD0mcXVvdDtVVEYtOCZxdW90OyZndDsKICAgICZsdDttZXRhIG5hbWU9JnF1b3Q7dmlld3BvcnQmcXVvdDsgY29udGVudD0mcXVvdDt3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wJnF1b3Q7Jmd0OwogICAgJmx0O3RpdGxlJmd0O9i12YHYrdipINiv2K7ZiNmEJmx0Oy90aXRsZSZndDsKICAgICZsdDtzdHlsZSZndDsKICAgICAgICBib2R5IHsKICAgICAgICAgICAgZm9udC1mYW1pbHk6IEFyaWFsLCBzYW5zLXNlcmlmOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjBmMGYwOwogICAgICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICAgICAgaGVpZ2h0OiAxMDB2aDsKICAgICAgICAgICAgbWFyZ2luOiAwOwogICAgICAgIH0KICAgICAgICAubG9naW4tY29udGFpbmVyIHsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7CiAgICAgICAgICAgIHBhZGRpbmc6IDIwcHg7CiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDhweDsKICAgICAgICAgICAgYm94LXNoYWRvdzogMCAycHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMSk7CiAgICAgICAgICAgIHdpZHRoOiAzMDBweDsKICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIH0KICAgICAgICBpbnB1dFt0eXBlPSZxdW90O3RleHQmcXVvdDtdLAogICAgICAgIGlucHV0W3R5cGU9JnF1b3Q7cGFzc3dvcmQmcXVvdDtdIHsKICAgICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgICAgICAgIG1hcmdpbjogMTBweCAwOwogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICAgICAgfQogICAgICAgIGJ1dHRvbiB7CiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyOGE3NDU7CiAgICAgICAgICAgIGNvbG9yOiB3aGl0ZTsKICAgICAgICAgICAgcGFkZGluZzogMTBweDsKICAgICAgICAgICAgYm9yZGVyOiBub25lOwogICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgfQogICAgICAgIGJ1dHRvbjpob3ZlciB7CiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyMTg4Mzg7CiAgICAgICAgfQogICAgJmx0Oy9zdHlsZSZndDsKJmx0Oy9oZWFkJmd0OwombHQ7Ym9keSZndDsKICAgICZsdDtkaXYgY2xhc3M9JnF1b3Q7bG9naW4tY29udGFpbmVyJnF1b3Q7Jmd0OwogICAgICAgICZsdDtoMiZndDvYqtiz2KzZitmEINin2YTYr9iu2YjZhCZsdDsvaDImZ3Q7CiAgICAgICAgJmx0O2Zvcm0gYWN0aW9uPSZxdW90OyMmcXVvdDsgbWV0aG9kPSZxdW90O3Bvc3QmcXVvdDsmZ3Q7CiAgICAgICAgICAgICZsdDtpbnB1dCB0eXBlPSZxdW90O3RleHQmcXVvdDsgbmFtZT0mcXVvdDt1c2VybmFtZSZxdW90OyBwbGFjZWhvbGRlcj0mcXVvdDvYp9iz2YUg2KfZhNmF2LPYqtiu2K/ZhSZxdW90OyByZXF1aXJlZCZndDsKICAgICAgICAgICAgJmx0O2lucHV0IHR5cGU9JnF1b3Q7cGFzc3dvcmQmcXVvdDsgbmFtZT0mcXVvdDtwYXNzd29yZCZxdW90OyBwbGFjZWhvbGRlcj0mcXVvdDvZg9mE2YXYqSDYp9mE2YXYsdmI2LEmcXVvdDsgcmVxdWlyZWQmZ3Q7CiAgICAgICAgICAgICZsdDtidXR0b24gdHlwZT0mcXVvdDtzdWJtaXQmcXVvdDsmZ3Q72K/YrtmI2YQmbHQ7L2J1dHRvbiZndDsKICAgICAgICAmbHQ7L2Zvcm0mZ3Q7CiAgICAmbHQ7L2RpdiZndDsKJmx0Oy9ib2R5Jmd0OwombHQ7L2h0bWwmZ3Q7
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحة دخول</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
background-color: #28a745;
color: white;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
}
button:hover {
background-color: #218838;
}
</style>
</head>
<body>
<div class="login-container">
<h2>تسجيل الدخول</h2>
<form action="#" method="post">
<input type="text" name="username" placeholder="اسم المستخدم" required>
<input type="password" name="password" placeholder="كلمة المرور" required>
<button type="submit">دخول</button>
</form>
</div>
</body>
</html>