body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #eef2f5; text-align: center; padding: 20px; direction: rtl; } .card { background: white; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 500px; margin: 20px auto; } hidden { display: none; } input, select, textarea, button { width: 100%; padding: 12px; margin: 10px 0; border-radius: 8px; border: 1px solid #ccc; box-sizing: border-box; font-size: 16px; } button { background-color: #28a745; color: white; border: none; font-weight: bold; cursor: pointer; transition: 0.3s; } button:hover { background-color: #218838; } .game-btn { background-color: #007bff; margin-top: 5px; } .game-btn:hover { background-color: #0056b3; } .word-box { display: inline-block; background: #e9ecef; padding: 10px 15px; margin: 5px; border-radius: 20px; font-weight: bold; }

أهلاً بك يا معلمنا! 🎓