body { font-family: Tahoma; text-align: center; margin-top: 50px; direction: rtl; }
.container { max-width: 400px; margin: auto; padding: 20px; border: 1px solid #ccc; border-radius: 12px; }
.step { display: none; }
.step.active { display: block; }
input, button { width: 100%; padding: 10px; margin: 8px 0; box-sizing: border-box; border-radius: 6px; }
button { background-color: #28a745; color: white; border: none; cursor: pointer; }
button:hover { background-color: #218838; }
.error { color: #d9534f; background: #f8d7da; padding: 8px; border-radius: 6px; }
.success { color: #155724; background: #d4edda; padding: 8px; border-radius: 6px; }
hr { margin: 15px 0; }